/* Toranj Atelier · restrained parchment, mineral pigments and a little brass. */
:root{--atelier-ink:#183f42;--atelier-deep:#102e33;--atelier-gold:#e3c087;--atelier-soft:#e6eee4;--atelier-line:rgba(32,66,58,.16)}
body[data-theme=modern]{--atelier-ink:#b7ead6;--atelier-deep:#152932;--atelier-gold:#c6edd8;--atelier-soft:#243138;--atelier-line:rgba(187,223,213,.18)}
.stock-context{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:10px;margin:0 2px 10px}.stock-context>span{display:flex;align-items:center;gap:5px}.stock-context svg{width:15px;height:15px}.stock-context button{font-size:10px;color:var(--accent);padding:8px 0}
.stock-ribbon{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--atelier-line);background:var(--surface);border-radius:18px;margin-bottom:18px}.stock-ribbon>div:first-child{flex:none;min-width:63px}.stock-ribbon small{font-size:8px;letter-spacing:.05em;color:var(--muted);display:block}.stock-ribbon>div>b{display:flex;align-items:baseline;gap:5px;font-size:25px;font-weight:600;line-height:1.6}.stock-ribbon em{font-style:normal;font-size:9px;font-weight:400;color:var(--muted)}.stock-divider{height:34px;width:1px;background:var(--atelier-line)}.stock-slots{display:flex;gap:12px;flex:1;flex-wrap:wrap}.stock-slots button{display:flex;gap:6px;align-items:center;font-size:10px;text-align:start}.stock-slots svg{width:21px;height:21px;color:var(--atelier-ink)}.stock-slots b{display:block;font-size:11px;font-weight:500}.stock-history{padding:8px;color:var(--muted)}.stock-history svg{width:19px;height:19px}
.atelier-hero.store-editorial{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:246px;margin:0 0 22px;padding:25px 22px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 0% 90%,#486456 0,transparent 64%),linear-gradient(125deg,#173c42,#112e32);color:#f7ecd5;border:1px solid #395958;box-shadow:0 14px 30px #112e3218}.atelier-hero>div:first-child{position:relative;z-index:2;flex:1}.atelier-hero small{font-size:8px;color:#d6c8a1;letter-spacing:.12em}.atelier-hero h2{font-family:Lalezar,serif;font-weight:400;font-size:32px;line-height:1.35;margin:12px 0 9px;color:#fff7e9}.atelier-hero p{color:#d6dfd4;font-size:10px;line-height:2;margin:0 0 15px}.atelier-light.button{width:auto;background:#ede0bf;color:#13373b;border:1px solid #fff7db40;padding:9px 15px;min-height:38px;font-size:11px;border-radius:10px;box-shadow:none}.atelier-hero-art{width:102px;flex:none;position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-start:4px}.atelier-hero-art:before,.atelier-hero-art:after{content:'';position:absolute;width:100px;height:100px;border:1px solid #dac49155;border-radius:29%;transform:rotate(45deg);background:linear-gradient(160deg,#f0d49a0f,transparent);box-shadow:inset 0 0 28px #dfcc9640,0 0 24px #d9b87912}.atelier-hero-art:after{width:118px;height:118px;background:none;border-color:#dac49122}.atelier-hero-art>svg{width:59px;height:59px;position:relative;z-index:1;stroke-width:.8;color:#e2c384;filter:drop-shadow(0 4px 12px #dab87a40)}.atelier-hero-art .hero-counter{position:absolute;z-index:2;bottom:24px;inset-inline-end:3px;background:#e8d3a7;border:3px solid #204143;color:#204143;border-radius:50%;width:35px;height:35px;display:grid;place-content:center;font-size:12px;font-weight:600}.atelier-hero-art>small{position:absolute;bottom:1px;white-space:nowrap;font-size:6px;letter-spacing:.08em}
.atelier-nav{display:flex;gap:3px;padding:5px;margin-bottom:22px;border:1px solid var(--atelier-line);border-radius:13px;background:var(--surface)}.atelier-nav button{flex:1;min-height:39px;padding:5px 2px;border-radius:9px;font-size:10px;line-height:1.5;color:var(--muted)}.atelier-nav button.selected{background:var(--atelier-ink);color:#fcf8e9;box-shadow:0 3px 8px #102e3320}body[data-theme=modern] .atelier-nav button.selected{color:#122b30}
.section-caption{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin:18px 1px 12px}.section-caption h2{font-size:15px;font-weight:600;margin:0}.section-caption button,.section-caption small{font-size:10px;color:var(--muted)}.charge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.charge-card{border:1px solid var(--atelier-line);background:var(--surface);border-radius:19px;overflow:hidden;text-align:start;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 8px #16343a04;min-width:0}.charge-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #16343a12}.charge-card:focus-visible,.bag-power button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.charge-art{position:relative;isolation:isolate;overflow:hidden;display:grid;place-content:center;height:140px;background:radial-gradient(circle at 50% 25%,#eef3e9,transparent 75%),linear-gradient(145deg,#d6dfcc,#c8d4c5);color:#304d44}.charge-art.school-attack{background:radial-gradient(circle at 50% 20%,#f6e9d3,transparent 75%),linear-gradient(140deg,#e9d4b8,#d6bfa0);color:#74452e}.charge-art.school-insight{background:radial-gradient(circle at 50% 20%,#e9edf2,transparent 75%),linear-gradient(140deg,#d0dfe3,#adbfcf);color:#3c5268}.charge-art.school-bond{background:radial-gradient(circle at 50% 20%,#f1e5ea,transparent 75%),linear-gradient(140deg,#e4cdd8,#cfb6c9);color:#76465f}.charge-art.school-energy{background:radial-gradient(circle at 50% 20%,#efe9f5,transparent 75%),linear-gradient(140deg,#ded3e9,#c4b2d0);color:#5c4779}.charge-jewel{width:64px;height:70px;display:grid;place-content:center;background:linear-gradient(155deg,#ffffff90,#ffffff22);border:1px solid #fff9;border-radius:21px 21px 27px 27px;box-shadow:0 8px 14px #2c422324,inset 0 0 18px #ffffff50;transform:rotate(-9deg);margin-top:-8px}.charge-jewel svg{width:38px;height:38px;stroke-width:1.1;transform:rotate(9deg)}.orb-ring{width:98px;height:98px;border:1px solid currentColor;position:absolute;opacity:.13;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.ring-two{width:125px;height:125px;border-style:dashed;opacity:.12}.charge-quantity{position:absolute;inset-inline-end:12px;bottom:11px;display:flex;flex-direction:column;align-items:center;font-size:22px;font-weight:600;line-height:1.1;color:inherit}.charge-quantity small{font-size:7px;font-weight:500;margin-top:4px}.charge-edition{position:absolute;top:10px;inset-inline-start:11px;font-size:5px;letter-spacing:.14em;opacity:.65}.charge-signets{position:absolute;bottom:10px;inset-inline-start:10px;display:flex;gap:4px}.charge-signets svg{width:13px;height:13px}.charge-card-copy{padding:14px 12px 12px}.micro-label{font-size:7px;color:var(--muted);letter-spacing:.025em}.charge-card-copy h2{font-size:15px;margin:5px 0 6px;line-height:1.65;font-weight:600}.charge-card-copy p{font-size:9px;line-height:1.85;color:var(--muted);min-height:34px;margin:0 0 12px}.charge-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--atelier-line);padding-top:10px;gap:4px}.charge-card-bottom>b{font-size:12px;font-weight:600}.charge-card-bottom small{font-size:8px;font-weight:400}.charge-card-bottom svg{width:16px;height:16px}.charge-card .price-note{display:block;font-size:7px;color:var(--muted);margin-top:8px}.stock-filters{display:flex;gap:8px}.stock-filters input{min-width:0;flex:1}.stock-filters select{max-width:40%;font-size:11px}.atelier-footnote{display:flex;gap:11px;padding:17px 5px;align-items:flex-start}.atelier-footnote>svg{width:20px;height:20px;color:var(--atelier-ink);flex:none;margin-top:6px}.atelier-footnote p{font-size:10px;line-height:2;color:var(--muted);margin:0}.migration-note{display:flex;gap:10px;background:var(--atelier-soft);border-radius:14px;padding:12px;margin:0 0 16px;align-items:flex-start}.migration-note>svg{width:18px;height:18px;flex:none}.migration-note p{font-size:10px;line-height:1.9;margin:0;flex:1}.migration-note b{display:block}.migration-note .button{width:auto;font-size:9px;min-height:30px;padding:0;margin:0}
.charge-detail-art{margin:18px 0}.charge-detail-art .charge-art{height:145px;border-radius:20px}.charge-detail-art .charge-jewel{width:78px;height:85px}.charge-detail-art .charge-jewel svg{width:46px;height:46px}.charge-detail-art .charge-quantity{font-size:32px;bottom:17px;inset-inline-end:23px}.charge-detail-art .charge-edition{font-size:8px;top:16px;inset-inline-start:19px}.quantity-tabs{display:flex;gap:7px;margin:18px 0}.quantity-tabs button{display:flex;flex-direction:column;align-items:center;flex:1;border:1px solid var(--atelier-line);border-radius:13px;padding:10px;color:var(--muted)}.quantity-tabs b{font-size:24px;line-height:1.6}.quantity-tabs span{font-size:10px}.quantity-tabs button.selected{background:var(--atelier-soft);border-color:var(--atelier-ink);color:var(--atelier-ink);box-shadow:inset 0 0 0 1px var(--atelier-ink)}.charge-manifest{border-block:1px solid var(--atelier-line);padding:6px 0;margin:14px 0}.charge-manifest>div{display:flex;align-items:center;gap:9px;padding:9px 0;flex-wrap:wrap}.charge-manifest svg{width:19px;height:19px;color:var(--atelier-ink)}.charge-manifest b{font-size:12px;flex:1}.charge-manifest span{font-size:16px;color:var(--atelier-ink);font-weight:600;direction:ltr}.charge-manifest small{font-size:10px;color:var(--muted);min-width:110px;text-align:end}.charge-price{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.charge-price small{display:block;font-size:9px;color:var(--muted)}.charge-price strong{font-size:24px;font-weight:600;line-height:1.9}.charge-price strong em{font-size:11px;font-style:normal;font-weight:400}.charge-price>span{font-size:12px;text-align:end}.earn-divider{display:flex;align-items:center;gap:10px;margin-top:20px}.earn-divider:before,.earn-divider:after{content:'';height:1px;background:var(--atelier-line);flex:1}.earn-divider span{font-size:9px;color:var(--muted)}.charge-wallet{font-size:10px;text-align:center;color:var(--muted);margin:12px 0}.charge-contract{display:grid;gap:9px;background:var(--atelier-soft);padding:14px;border-radius:13px;margin:16px 0}.charge-contract>span{display:flex;align-items:center;gap:7px;font-size:10px}.charge-contract svg{width:15px;height:15px;flex:none}.charge-success{width:70px;height:70px;margin:24px auto;background:var(--atelier-soft);border-radius:50%;display:grid;place-content:center;color:var(--atelier-ink)}.charge-success svg{width:34px;height:34px}.bag-loadout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.bag-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;padding:15px;border:1px dashed var(--atelier-line);border-radius:20px;background:var(--surface);gap:5px}.bag-slot.filled{border-style:solid;background:var(--atelier-soft)}.bag-slot>small{font-size:8px;letter-spacing:.08em;color:var(--muted)}.bag-slot>svg{width:35px;height:35px;margin:9px 0;color:var(--atelier-ink)}.bag-slot>b{font-size:13px}.bag-slot>span{font-size:10px;color:var(--muted)}.bag-slot .button{min-height:25px;font-size:10px;padding:2px;margin:3px 0 0;width:auto}.bag-school-nav{display:flex;flex-wrap:wrap;gap:5px;margin:22px 0 12px}.bag-school-nav button{padding:8px 11px;border-radius:20px;border:1px solid var(--atelier-line);font-size:10px;color:var(--muted)}.bag-school-nav .selected{background:var(--atelier-soft);color:var(--atelier-ink);border-color:var(--atelier-ink)}.bag-list{display:grid;gap:10px}.bag-power{display:flex;gap:14px;align-items:center;padding:13px;border:1px solid var(--atelier-line);border-radius:17px;background:var(--surface)}.bag-power.equipped{border-color:var(--atelier-ink);box-shadow:inset -3px 0 0 var(--atelier-ink)}.bag-icon{width:49px;height:58px;background:var(--atelier-soft);color:var(--atelier-ink);border:1px solid var(--atelier-line);border-radius:15px;display:grid;place-content:center;flex:none}.bag-icon>svg{width:28px;height:28px;stroke-width:1.3}.bag-power-copy{flex:1;min-width:0}.bag-power-copy h2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin:0 0 4px}.bag-power-copy strong{font-size:20px;color:var(--atelier-ink);font-weight:600}.bag-power.empty strong{color:var(--muted)}.bag-power-copy small{font-size:9px;color:var(--muted)}.bag-power-copy>div{display:flex;gap:14px}.bag-power-copy .button{width:auto;font-size:10px;min-height:30px;padding:3px 9px;margin:7px 0 0}.stock-journal>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--atelier-line)}.stock-journal svg{width:21px;height:21px;color:var(--atelier-ink)}.stock-journal span{flex:1}.stock-journal b{display:block;font-size:12px}.stock-journal small{font-size:9px;color:var(--muted)}.stock-journal strong{font-size:19px;color:var(--atelier-ink);direction:ltr}.stock-journal strong.debit{color:var(--muted)}.cast-cost{display:flex;padding:17px;background:var(--atelier-soft);border-radius:15px;gap:22px;margin:18px 0}.cast-cost span{flex:1}.cast-cost small{display:block;font-size:9px;color:var(--muted)}.cast-cost b{display:block;font-size:22px;margin-top:5px}.power-control.stock-empty .power-orb{filter:grayscale(1);opacity:.6}.power-control.stock-empty small{color:var(--muted)}.arcana-energy small{font-size:8px}.listening-cover{display:flex;align-items:center;gap:17px;background:linear-gradient(135deg,#183f42,#142d36);color:#f6ecd8;border:1px solid #46605a;border-radius:21px;padding:23px 18px;margin:18px 0 23px}.listening-cover .record-disc{width:76px;height:76px;flex:none;background:repeating-radial-gradient(#172f35 0px,#172f35 2px,#2d4947 3px,#172f35 4px);border:3px solid #496259;box-shadow:0 8px 12px #071e2740;color:#e6cca0}.listening-cover small{display:block;font-size:8px;letter-spacing:.1em;color:#c9c6ad}.listening-cover b{display:block;font-size:17px;font-weight:500;line-height:1.9;margin:7px 0}.listening-cover p{font-size:9px;color:#c9c6ad;margin:0}.music-track em{font-size:10px;direction:ltr;font-style:normal;color:var(--muted)}.music-track small{font-size:9px}.music-track>svg{width:17px;flex:none}.music-track.selected{border-color:var(--atelier-ink);background:var(--atelier-soft)}.music-track{min-height:65px}
body[data-theme=modern] .charge-art{filter:saturate(.55) brightness(.78)}body[data-theme=modern] .atelier-hero{background:radial-gradient(ellipse at 0 90%,#374b4b,transparent 65%),linear-gradient(135deg,#142d36,#202833)}body[data-theme=modern] .charge-card{box-shadow:0 7px 22px #0002}html[lang=en] .atelier-hero h2{font-family:Estedad,sans-serif;font-size:24px;font-weight:500;letter-spacing:-1px;line-height:1.4}html[lang=en] .atelier-nav button{font-size:9px}html[lang=en] .charge-card-copy h2{font-size:14px}html[dir=ltr] .charge-card-bottom svg{transform:none}html[dir=rtl] .charge-card-bottom svg{transform:rotate(180deg)}
@media(min-width:650px){.charge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-hero.store-editorial{padding:34px}.atelier-hero h2{font-size:42px}.atelier-hero-art{margin-inline:35px;width:140px}.atelier-hero-art:before{width:125px;height:125px}.atelier-hero-art:after{width:150px;height:150px}.atelier-hero-art>svg{width:75px;height:75px}.bag-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){.stock-ribbon{padding:12px;gap:8px}.stock-slots{gap:7px}.stock-slots svg{width:17px}.stock-history{padding:3px}.stock-ribbon>div>b{font-size:22px}.atelier-hero.store-editorial{padding:21px 17px;min-height:232px}.atelier-hero h2{font-size:28px}.atelier-hero-art{width:75px;margin-inline:0}.atelier-hero-art:before{width:80px;height:80px}.atelier-hero-art:after{width:98px;height:98px}.atelier-hero-art>svg{width:47px}.atelier-hero-art .hero-counter{bottom:31px;inset-inline-end:-6px}.atelier-hero-art>small{font-size:5px}.charge-grid{gap:10px}.charge-card-copy{padding:12px 9px}.charge-card-copy h2{font-size:14px}.charge-card-bottom>b{font-size:11px}.charge-art{height:122px}.charge-jewel{width:54px;height:60px}.charge-jewel svg{width:32px}.charge-edition{font-size:4px}.charge-quantity{font-size:20px;inset-inline-end:8px}.charge-signets{gap:2px;inset-inline-start:7px}.charge-signets svg{width:11px}.atelier-nav button{font-size:9px}.charge-manifest small{min-width:92px}.bag-power{gap:10px;padding:11px}.listening-cover{gap:12px;padding:18px 13px}.listening-cover .record-disc{width:59px;height:59px}.listening-cover b{font-size:15px}html[lang=en] .atelier-hero h2{font-size:20px}}
body.reduced .charge-card{transition:none}body.reduced .charge-card:hover{transform:none}

body[data-view=shop] #scenery,body[data-view=arsenal] #scenery{opacity:.17}.atelier-hero.store-editorial{min-height:204px;padding:19px 20px}.atelier-hero h2{font-size:28px;line-height:1.25;margin:9px 0}.atelier-hero p{line-height:1.8;margin-bottom:11px}.atelier-hero .atelier-light{min-height:34px;padding:7px 12px}.stock-slots button,.stock-history,.section-caption button,.bag-school-nav button,.stock-context button{background:transparent}.quantity-tabs button{background:var(--surface)}.quantity-tabs button.selected{background:var(--atelier-soft)}.atelier-nav button{background:transparent}.atelier-nav button.selected{background:var(--atelier-ink)}