:root{color-scheme:dark;--bg:#0b0914;--panel:#12101d;--panel-2:#191626;--line:rgba(231,219,255,.11);--muted:#9b95ad;--text:#f4efff;--gold:#e7c980;--violet:#ad8bff;--rose:#e7a8d5;--serif:Georgia,'Noto Sans KR',serif;--sans:'Manrope','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 50% -12%,rgba(94,58,139,.22),transparent 36%),var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{max-width:1440px;margin:auto;padding:0 48px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}.brand-mark{width:37px;height:37px;border:1px solid rgba(231,201,128,.52);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px;box-shadow:0 0 24px rgba(231,201,128,.12)}.brand strong,.brand small{display:block;letter-spacing:.13em}.brand strong{font-size:13px}.brand small{margin-top:2px;font-size:9px;color:#a7a0b6;letter-spacing:.05em}.main-nav{display:flex;gap:32px;height:100%;align-items:center}.nav-button{background:none;border:0;color:#898398;font-size:10px;letter-spacing:.15em;height:100%;position:relative;cursor:pointer}.nav-button.active{color:#f5e5be}.nav-button.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);box-shadow:0 0 12px rgba(231,201,128,.48)}.account-chip{display:flex;align-items:center;gap:9px;color:#c2bbce;font-size:11px}.online-dot{height:6px;width:6px;border-radius:50%;background:#9bd5b6;box-shadow:0 0 10px #9bd5b6}.hero-strip{padding:46px 0 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#b9a9da;font-weight:700}.eyebrow-star{color:var(--gold);font-size:15px;margin-right:7px}.hero-copy h1{margin:13px 0 8px;font-size:clamp(29px,4vw,46px);line-height:1.14;letter-spacing:-.045em;font-weight:700}.hero-copy h1 em,.story-hero h2 em{font-style:normal;color:#d9c1ff;text-shadow:0 0 25px rgba(173,139,255,.18)}.hero-copy p{margin:0;color:#aaa3b8;font-size:12px}.hero-stats{display:flex;gap:9px}.stat-card{width:105px;min-height:75px;padding:12px 13px 10px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.01));position:relative;overflow:hidden}.stat-card>span{display:block;font-size:9px;color:#9690a4}.stat-card strong{display:block;margin-top:6px;font-size:18px;line-height:1.15}.stat-card strong small{font-size:11px;color:#8e879b;font-weight:500}.stat-card i{position:absolute;bottom:0;left:0;height:2px;width:4%;background:linear-gradient(90deg,#9f7dee,#e7c980);transition:width .35s}.stat-note{display:block;margin-top:3px;font-size:8px;color:#827b90}.shard-stat strong b{color:var(--gold);font-size:13px}.equipped-panel{min-height:130px;display:flex;align-items:center;gap:22px;padding:17px 23px;border-radius:12px;border:1px solid rgba(189,155,255,.19);background:linear-gradient(105deg,rgba(112,83,160,.16),rgba(20,18,30,.95) 45%,rgba(83,53,97,.14));position:relative;overflow:hidden}.equipped-glow{position:absolute;right:-20px;top:-82px;width:220px;height:220px;background:radial-gradient(circle,rgba(162,122,255,.12),transparent 68%);pointer-events:none}.equipped-art-wrap{width:70px;height:96px;flex:0 0 auto;border-radius:7px;overflow:hidden;border:1px solid rgba(235,211,152,.43);box-shadow:0 7px 22px rgba(0,0,0,.35)}.equipped-art-wrap .art-thumb{width:100%;height:100%}.equipped-copy{min-width:170px}.equipped-copy .eyebrow{font-size:8px}.equipped-copy h2{font-family:var(--serif);font-weight:600;font-size:22px;margin:6px 0 1px}.equipped-copy p,.ai-card-info p{margin:0;color:#a29aaf;font-size:10px}.buff-pill{display:inline-block;margin-top:10px;padding:5px 9px;border:1px solid rgba(213,180,255,.23);border-radius:99px;color:#dccaff;background:rgba(132,98,196,.13);font-size:9px}.equipped-divider{width:1px;height:66px;background:var(--line);margin:0 7px 0 auto}.ai-card-info{min-width:240px;z-index:1}.ai-card-info .eyebrow{font-size:8px;color:#d09bac}.ai-name-row{display:flex;align-items:center;gap:8px;margin:8px 0 3px}.ai-name-row strong{font-family:var(--serif);font-size:18px}.ai-emblem{color:#cf8199;font-size:16px}.rarity-tag{position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:4px;font-size:8px;letter-spacing:.1em;font-weight:800;background:rgba(10,8,18,.79);backdrop-filter:blur(8px);color:#d9cfec;border:1px solid rgba(255,255,255,.11);z-index:2}.rarity-tag.ssr{color:#ffe7a2;border-color:rgba(241,200,119,.55);background:linear-gradient(120deg,rgba(64,39,86,.9),rgba(34,26,49,.86));box-shadow:0 0 16px rgba(222,177,100,.14)}.rarity-tag.r{color:#c4bbd0}.collection-section,.story-section{padding-top:43px}.page-panel{display:none}.page-panel.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-heading h2{font-size:24px;margin:6px 0 0;letter-spacing:-.035em}.section-heading h2 span{font:500 11px var(--sans);color:#948ca0;margin-left:7px;vertical-align:middle}.reward-preview{border:1px solid rgba(231,201,128,.33);border-radius:8px;padding:10px 13px;background:linear-gradient(120deg,rgba(102,74,135,.26),rgba(31,24,42,.7));font-size:10px;color:#f2dfac;cursor:pointer;transition:.2s}.reward-preview:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(231,201,128,.1);transform:translateY(-1px)}.reward-preview span{color:var(--gold);margin-right:5px}.collection-toolbar{margin:20px 0 17px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px}.filter-tabs{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:none;color:#9891a4;font-size:9px;cursor:pointer}.filter-tab span{color:#736b80;margin-left:3px}.filter-tab.active{color:#f1e3c0;background:rgba(231,201,128,.09);border-color:rgba(231,201,128,.2)}.filter-tab.active span{color:var(--gold)}.sort-label{white-space:nowrap;color:#777184;font-size:8px}.sort-dot{display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border-radius:50%;background:#9b8eb8}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.card-tile{border:1px solid rgba(227,214,255,.1);border-radius:9px;overflow:hidden;background:#14121f;text-align:left;padding:0;cursor:pointer;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;animation:rise .35s both;animation-delay:calc(var(--order)*22ms)}.card-tile:hover{transform:translateY(-4px);border-color:rgba(218,192,255,.48);box-shadow:0 12px 28px rgba(0,0,0,.34)}.card-tile.is-equipped{border-color:rgba(231,201,128,.64);box-shadow:0 0 0 1px rgba(231,201,128,.14)}.card-tile.is-ssr{border-color:rgba(220,180,111,.25)}.card-tile.is-ssr:hover{border-color:rgba(255,218,137,.75);box-shadow:0 0 24px rgba(222,177,100,.14)}.tile-art{height:auto;aspect-ratio:2/2.75;position:relative;overflow:hidden;background:#171322}.art-thumb,.art-large{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(180,145,224,.24),transparent 40%),linear-gradient(145deg,#29223d,#11101b 74%)}.art-thumb img,.art-large img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .6s}.card-tile:hover .art-thumb img{transform:scale(1.045)}.art-large img{object-position:center 24%}.art-thumb.locked-art img{filter:brightness(.55) saturate(.65)}.art-lock{position:absolute;inset:auto 0 0;text-align:center;padding:17px 5px 9px;background:linear-gradient(transparent,rgba(10,8,16,.93));color:#f1e9fc;font-size:9px;letter-spacing:.16em;font-weight:700}.art-placeholder{display:grid;place-items:center}.art-placeholder:before,.art-placeholder:after{content:'';position:absolute;border:1px solid rgba(219,200,255,.15);border-radius:50%;width:74%;aspect-ratio:1;transform:rotate(28deg)}.art-placeholder:after{width:46%;transform:rotate(-25deg);border-color:rgba(228,197,130,.17)}.placeholder-sigil{font-family:var(--serif);font-size:67px;color:rgba(235,219,255,.25);text-shadow:0 0 20px rgba(163,129,225,.4)}.art-note{position:absolute;bottom:16px;color:rgba(234,223,255,.34);letter-spacing:.2em;text-align:center;line-height:1.7;font-size:7px}.tone-hope{background:radial-gradient(circle at 65% 30%,#8372a7,#25203b 47%,#12101d)}.tone-bloom{background:radial-gradient(circle at 40% 30%,#986c92,#33223e 48%,#15101d)}.tone-sky{background:radial-gradient(circle at 65% 20%,#738aa4,#242f45 45%,#10131d)}.tone-fox{background:radial-gradient(circle at 50% 28%,#b28564,#462938 48%,#17101f)}.tone-ruby,.tone-scarlet{background:radial-gradient(circle at 50% 25%,#bc656d,#482537 48%,#16101c)}.tone-rose,.tone-blackpink{background:radial-gradient(circle at 55% 20%,#a468a4,#432540 45%,#17101f)}.tone-mint{background:radial-gradient(circle at 50% 28%,#6d9b89,#253a3b 48%,#10151d)}.tone-wind{background:radial-gradient(circle at 55% 25%,#7b9a9d,#28394c 45%,#10111d)}.tone-gold,.tone-amber{background:radial-gradient(circle at 60% 20%,#b49962,#4a3a35 45%,#17121c)}.tone-lilac,.tone-plum{background:radial-gradient(circle at 45% 28%,#8875aa,#382744 50%,#14111c)}.tone-blue,.tone-ice,.tone-steel{background:radial-gradient(circle at 50% 22%,#7188b0,#263248 48%,#10121d)}.tone-aqua,.tone-teal{background:radial-gradient(circle at 55% 22%,#6b9ba3,#24404a 50%,#10131d)}.tone-ivory{background:radial-gradient(circle at 50% 30%,#a79b86,#413746 48%,#15121b)}.tone-violet,.tone-blackmoon{background:radial-gradient(circle at 50% 28%,#796590,#30213e 48%,#100e19)}.tone-night,.tone-ash{background:radial-gradient(circle at 50% 25%,#716b87,#272536 48%,#0d0d16)}.tone-crimson,.tone-eclipse{background:radial-gradient(circle at 50% 25%,#a35b68,#3d2136 48%,#120e19)}.tone-mask{background:radial-gradient(circle at 50% 25%,#a88478,#493243 48%,#14101a)}.tone-moon{background:radial-gradient(circle at 55% 20%,#8d80a9,#312940 48%,#11101a)}.tone-starlight,.tone-foxstar{background:radial-gradient(circle at 48% 20%,#a88ac6,#463568 44%,#11101c)}.equipped-tag,.dupe-count{position:absolute;right:7px;top:8px;padding:4px 6px;border-radius:4px;background:rgba(13,11,19,.84);font-size:7px;color:#f4dc9f;z-index:2}.dupe-count{top:auto;bottom:8px;color:#dbcbff}.tile-meta{padding:10px 11px 12px;min-height:76px}.tile-faction{display:block;color:#8d819f;font-size:7px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-meta strong{display:block;margin:5px 0 2px;font-family:var(--serif);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-meta small{color:#928a9b;font-size:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-locked .tile-meta strong{color:#9e98a7}.story-hero{min-height:230px;padding:48px 34px 34px;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(16,13,25,.96),rgba(26,19,39,.7)),radial-gradient(ellipse at 80% 50%,#69508c,transparent 50%),#171321}.story-hero:before,.story-hero:after{content:'✦';position:absolute;color:rgba(230,205,154,.24);font-size:50px;right:18%;top:20%}.story-hero:after{font-size:18px;right:8%;top:68%;color:rgba(217,193,255,.4)}.story-stars{position:absolute;right:40px;top:27px;color:rgba(234,217,255,.38);letter-spacing:.5em;font-size:12px}.story-hero h2{position:relative;font-family:var(--serif);font-size:31px;margin:12px 0 7px;font-weight:500}.story-hero p{margin:0;color:#b5adbf;font-size:11px}.lore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:15px}.lore-card,.faction-card{padding:20px 22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,rgba(255,255,255,.035),rgba(255,255,255,.01));min-height:156px}.lore-wide{grid-column:1/-1;min-height:auto}.lore-index{font-size:8px;letter-spacing:.16em;color:#9c8fb5}.lore-card h3,.faction-card h3{margin:8px 0 7px;font-size:16px}.lore-card p,.faction-card p{margin:0;color:#aaa3b4;font-size:10px;line-height:1.8}.faction-card{position:relative;overflow:hidden}.faction-card span{display:inline-block;margin-top:13px;color:#d8c5f5;font-size:8px}.faction-card.restoration{background:linear-gradient(135deg,rgba(100,86,157,.22),rgba(20,18,29,.8));border-color:rgba(172,147,227,.2)}.faction-card.observatory{background:linear-gradient(135deg,rgba(132,57,83,.19),rgba(20,17,28,.88));border-color:rgba(203,125,151,.2)}.faction-symbol{position:absolute;right:19px;top:15px;font-size:28px;color:rgba(227,206,255,.25)}.observatory .faction-symbol{color:rgba(221,141,168,.3)}.market{min-height:120px}.series-panel,.episodes-panel{margin-top:22px;padding:22px;border:1px solid rgba(231,201,128,.19);border-radius:11px;background:linear-gradient(125deg,rgba(76,58,97,.15),rgba(18,16,28,.93))}.series-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.series-heading h3,.episodes-panel h3{font-size:19px;margin:5px 0}.series-heading p{margin:0;color:#aaa2b5;font-size:9px;line-height:1.7;max-width:680px}.series-progress{text-align:center;min-width:67px;padding:9px;border:1px solid rgba(231,201,128,.22);border-radius:7px;background:rgba(231,201,128,.055)}.series-progress strong{display:block;color:#ffe7b1;font-size:17px}.series-progress span{font-size:7px;color:#a89a80}.series-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:17px}.series-card{padding:0;border:1px solid rgba(231,201,128,.19);background:#171320;border-radius:7px;overflow:hidden;position:relative;cursor:pointer;text-align:left}.series-card .art-thumb{aspect-ratio:2/2.25;height:auto}.series-number{position:absolute;top:7px;right:7px;color:#f2d38d;font-size:9px;font-weight:700}.series-character,.series-faction{display:block;margin:6px 8px 0;font-family:var(--serif);font-size:11px}.series-faction{margin:2px 8px 8px;color:#94899d;font-family:var(--sans);font-size:7px}.series-card:not(.owned) img{filter:brightness(.38) saturate(.5)}.ending-lock{margin-top:13px;padding:12px 13px;border-radius:7px;background:rgba(9,8,14,.44);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px}.ending-lock.is-open{border-color:rgba(231,201,128,.38);background:rgba(129,96,43,.09)}.lock-icon{color:#a59bb2;font-size:18px}.ending-lock.is-open .lock-icon{color:var(--gold)}.ending-lock p{margin:0;color:#9d95a7;font-size:9px;line-height:1.7}.ending-lock.is-open p{color:#e8d9b6}.compact{align-items:center}.compact h3{margin:5px 0 0}.subtle-count{font-size:9px;color:#8e879a}.episodes-list{margin-top:12px;display:grid;gap:7px}.episode-row{display:flex;align-items:center;gap:11px;text-align:left;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:10px 12px;cursor:pointer}.episode-row:hover{border-color:rgba(202,178,255,.3)}.episode-star{color:var(--gold)}.episode-row strong,.episode-row small{display:block}.episode-row strong{font-size:9px}.episode-row small{margin-top:3px;color:#91899b;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.episode-arrow{margin-left:auto;color:#8e829f}.empty-note{font-size:9px;color:#91899b}.footer-note{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:29px 0 23px;margin-top:18px;border-top:1px solid var(--line);color:#625d6d;font-size:8px;letter-spacing:.04em}.footer-note span:first-child{letter-spacing:.16em}.footer-note button{background:none;border:0;color:#7c7487;font-size:8px;cursor:pointer}.footer-note button:hover{color:#d0c5df}.card-modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(5,4,10,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.card-modal-backdrop[hidden]{display:none}.card-modal{position:relative;display:grid;grid-template-columns:minmax(230px, .85fr) minmax(300px,1.15fr);width:min(760px,96vw);max-height:min(740px,92vh);overflow:auto;border:1px solid rgba(231,201,128,.38);border-radius:13px;background:linear-gradient(145deg,#1b1727,#100e18);box-shadow:0 25px 90px rgba(0,0,0,.68)}.modal-close{position:absolute;right:11px;top:9px;z-index:3;width:30px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(13,11,19,.8);font-size:19px;cursor:pointer}.modal-art{min-height:455px;overflow:hidden;position:relative}.modal-art .art-large{position:absolute;inset:0}.modal-art .art-placeholder .placeholder-sigil{font-size:120px}.modal-info{padding:38px 29px 25px;display:flex;flex-direction:column;justify-content:center}.modal-overline{font-size:8px;letter-spacing:.13em;color:#a899bd}.modal-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.modal-rarity{font-size:8px;letter-spacing:.18em;color:#bbb1c9}.modal-rarity.ssr{color:#f5d794}.modal-title-row h2{margin:6px 0 2px;font-family:var(--serif);font-size:29px}.modal-title-row p{margin:0;color:#a69dac;font-size:10px}.faction-seal{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,201,128,.34);border-radius:50%;font-size:20px;color:#e5ca96}.modal-buff{margin-top:24px;padding:13px 14px;border-radius:7px;border:1px solid rgba(173,139,255,.21);background:rgba(132,98,196,.1)}.modal-buff span,.modal-buff strong,.modal-buff small{display:block}.modal-buff span{font-size:8px;color:#a99dbb}.modal-buff strong{margin-top:6px;color:#e2d2ff;font-size:13px}.modal-buff small{margin-top:5px;color:#837b90;font-size:8px}.modal-story{margin-top:19px;min-height:79px}.modal-story p{margin:7px 0 0;color:#c3bacd;font-family:var(--serif);font-size:12px;line-height:1.75}.modal-actions{display:flex;gap:8px;margin-top:23px}.equip-button,.craft-button{flex:1;padding:11px 12px;border-radius:7px;border:1px solid rgba(231,201,128,.39);background:linear-gradient(125deg,rgba(125,94,153,.55),rgba(48,37,63,.85));color:#f2dfb3;font-size:9px;cursor:pointer}.equip-button:disabled,.craft-button:disabled{opacity:.45;cursor:default}.craft-button{border-color:rgba(173,139,255,.3);color:#d9c9ff}.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,14px);opacity:0;pointer-events:none;padding:12px 18px;border:1px solid rgba(231,201,128,.39);border-radius:99px;background:rgba(22,18,31,.95);box-shadow:0 12px 35px rgba(0,0,0,.5);font-size:10px;color:#f0e1bf;transition:opacity .25s,transform .25s;max-width:min(600px,92vw);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-open{overflow:hidden}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.app-shell{padding:0 28px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-strip{align-items:flex-start;flex-direction:column}.hero-stats{width:100%}.stat-card{flex:1}.equipped-panel{gap:14px}.equipped-divider{margin-left:auto}.ai-card-info{min-width:210px}}
@media(max-width:680px){.app-shell{padding:0 15px}.topbar{height:64px}.brand-mark{width:31px;height:31px}.brand strong{font-size:11px}.main-nav{gap:12px}.nav-button{font-size:7px;letter-spacing:.1em}.account-chip{font-size:0}.account-chip .online-dot{font-size:initial}.hero-strip{padding:30px 0 18px;gap:19px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:10px;line-height:1.6}.hero-stats{gap:6px}.stat-card{min-height:68px;padding:10px 9px;width:auto}.stat-card strong{font-size:16px}.equipped-panel{min-height:108px;padding:12px;gap:11px}.equipped-art-wrap{width:56px;height:76px}.equipped-copy{min-width:120px}.equipped-copy h2{font-size:18px}.equipped-copy p{font-size:8px}.buff-pill{font-size:8px;padding:4px 7px;margin-top:7px}.equipped-divider{height:56px;margin:0 2px 0 auto}.ai-card-info{min-width:0;flex:1}.ai-card-info .eyebrow{font-size:6px;letter-spacing:.11em}.ai-name-row{gap:4px;margin:6px 0 2px}.ai-name-row strong{font-size:14px}.ai-card-info p{font-size:7px}.ai-card-info small{font-size:6px}.rarity-tag{top:5px;left:5px;padding:3px 4px;font-size:6px}.collection-section,.story-section{padding-top:31px}.section-heading h2{font-size:20px}.reward-preview{padding:9px 9px;font-size:8px}.collection-toolbar{margin:14px 0 12px;align-items:flex-start;flex-direction:column;gap:8px}.filter-tabs{width:100%}.filter-tab{padding:7px 8px;font-size:8px}.sort-label{font-size:7px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile-meta{padding:8px 7px 10px;min-height:67px}.tile-meta strong{font-size:12px}.tile-meta small{font-size:7px}.tile-faction{font-size:6px}.placeholder-sigil{font-size:49px}.art-note{font-size:6px}.equipped-tag,.dupe-count{font-size:6px;right:4px}.story-hero{min-height:185px;padding:35px 20px 23px}.story-hero h2{font-size:23px;max-width:300px;line-height:1.4}.story-hero p{font-size:9px}.story-stars{right:20px;top:15px;font-size:9px}.lore-grid{gap:8px;margin-top:9px}.lore-card,.faction-card{padding:14px 13px;min-height:157px}.lore-wide{min-height:auto}.lore-card h3,.faction-card h3{font-size:13px}.lore-card p,.faction-card p{font-size:8px;line-height:1.7}.faction-card span{font-size:7px;line-height:1.5}.lore-index{font-size:6px}.faction-symbol{right:11px;top:10px;font-size:21px}.series-panel,.episodes-panel{padding:14px;margin-top:13px}.series-heading h3,.episodes-panel h3{font-size:15px}.series-heading p{font-size:7px}.series-progress{min-width:53px;padding:7px 5px}.series-progress strong{font-size:14px}.series-progress span{font-size:6px}.series-row{gap:5px;margin-top:12px}.series-character{font-size:9px;margin:5px 5px 0}.series-faction{font-size:6px;margin:2px 5px 6px}.series-card .art-thumb{aspect-ratio:2/2.3}.ending-lock{padding:9px;gap:8px}.ending-lock p{font-size:7px}.episode-row{padding:9px;gap:8px}.episode-row strong{font-size:8px}.episode-row small{font-size:7px;max-width:67vw}.footer-note{flex-wrap:wrap;justify-content:center;text-align:center;font-size:7px;padding:20px 0}.card-modal-backdrop{padding:9px}.card-modal{grid-template-columns:minmax(110px,.7fr) minmax(190px,1.3fr);width:100%;max-height:90vh}.modal-art{min-height:330px}.modal-info{padding:35px 14px 15px}.modal-overline{font-size:6px}.modal-title-row{margin-top:10px}.modal-title-row h2{font-size:20px}.modal-title-row p{font-size:8px}.modal-rarity{font-size:6px}.faction-seal{width:29px;height:29px;font-size:15px}.modal-buff{margin-top:14px;padding:9px}.modal-buff span,.modal-buff small{font-size:6px}.modal-buff strong{font-size:10px}.modal-story{margin-top:12px;min-height:65px}.modal-story p{font-size:9px}.modal-actions{margin-top:13px;flex-direction:column}.equip-button,.craft-button{padding:9px;font-size:8px}.modal-close{right:6px;top:6px;width:25px;height:25px;font-size:16px}}

.battle-section{padding:24px 0}.battle-section p{line-height:1.7;color:var(--muted);font-size:13px}#battle-canvas{display:block;width:100%;max-width:800px;height:auto;border:1px solid var(--line);touch-action:none;image-rendering:pixelated}.battle-actions,.battle-controls{display:flex;gap:12px;margin:16px 0}.battle-actions button,.battle-controls button{padding:12px 20px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;cursor:pointer}.battle-controls button{min-width:60px;min-height:52px;touch-action:none}.battle-actions button:disabled{opacity:.4}#battle-result{color:var(--gold)}@media(max-width:600px){.main-nav{gap:10px}.nav-button{font-size:8px}.account-chip{display:none}.battle-controls{justify-content:center}.battle-controls button{padding:12px}}