@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e7eef0;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0c1418;--panel:#121e24;--line:#284047;--muted:#91a6a9;--cream:#e7eef0;--cyan:#84e5d0;--orange:#ff9a6a;--red:#f27b76;--blue:#75bde8;background:#0c1418;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 75% 15%, #1a3334 0, transparent 28%), var(--bg);min-height:100vh}.centered{place-items:center;display:grid}.loading-mark{color:var(--cyan);text-align:center}.loading-mark p{color:var(--muted);margin-top:16px}.error-panel{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:420px;padding:34px}.error-panel svg{color:var(--orange)}.error-panel h1{margin:14px 0 8px;font-family:Space Grotesk;font-size:24px}.error-panel p{color:var(--muted);line-height:1.6}.topbar{border-bottom:1px solid #84e5d01f;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.brand{color:var(--cream);text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{width:35px;height:35px;color:var(--bg);background:var(--cyan);border-radius:50%;place-items:center;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.1em;font:700 14px Space Grotesk}.brand small{color:var(--muted);letter-spacing:.12em;margin-top:3px;font:10px DM Mono}.topbar-actions{align-items:center;gap:22px;display:flex}.library-count,.nav-button{color:var(--muted);align-items:center;gap:7px;font:12px DM Mono;display:flex}.nav-button{background:0 0;border:1px solid #0000;padding:9px 11px}.nav-button:hover,.nav-button.active{color:var(--cyan);border-color:var(--line);border-radius:4px}.button{min-height:42px;color:var(--cream);border:1px solid var(--line);background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-weight:600;transition:all .2s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-2px)}.button.large{min-height:52px;padding:0 20px}.button:disabled{opacity:.5}.menu-page{grid-template-columns:minmax(360px,.9fr) 1.1fr;align-items:center;gap:4vw;max-width:1280px;min-height:calc(100vh - 76px);margin:auto;padding:10vh 5vw 0;display:grid;position:relative}.menu-copy{max-width:520px;padding-bottom:120px}.eyebrow{color:var(--cyan);letter-spacing:.13em;align-items:center;gap:8px;font:11px DM Mono;display:flex}.eyebrow-dot{background:var(--orange);width:6px;height:6px;box-shadow:0 0 12px var(--orange);border-radius:50%}.menu-copy h1{margin:24px 0 20px;font:700 clamp(50px,7vw,92px)/.96 Space Grotesk}.menu-copy h1 em{color:var(--cyan);font-style:normal}.menu-copy p{max-width:430px;color:var(--muted);font-size:16px;line-height:1.8}.menu-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.menu-visual{place-items:center;min-height:540px;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #84e5d02b;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:min(42vw,490px);height:min(42vw,490px)}.orbit-two{border-color:#ff9a6a40;width:min(31vw,360px);height:min(31vw,360px);transform:rotate(55deg)scaleY(.33)}.hero-card{border:1px solid var(--line);background:#1a2b30;border-radius:8px;width:276px;height:378px;padding:20px;position:absolute;box-shadow:18px 24px 60px #0000004d}.hero-card-back{opacity:.85;background:repeating-linear-gradient(135deg,#122227 0 10px,#172a2d 10px 12px);transform:translate(80px,-22px)rotate(12deg)}.hero-card-main{background:linear-gradient(145deg,#263c3d,#142529);flex-direction:column;justify-content:space-between;display:flex;transform:rotate(-7deg)}.hero-card-top,.hero-card-bottom{color:var(--muted);letter-spacing:.1em;justify-content:space-between;font:10px DM Mono;display:flex}.rarity{color:var(--orange)}.hero-word{color:var(--cream);margin-top:35px;font:700 34px Space Grotesk}.hero-phonetic{color:var(--cyan);font:13px DM Mono}.hero-meaning{color:#c6d3d3;line-height:1.6}.hero-card-bottom{color:var(--cyan);border-top:1px solid var(--line);padding-top:14px}.hero-card-bottom span:last-child{align-items:center;gap:4px;display:flex}.floating-note{border:1px solid var(--line);background:#102024;border-radius:4px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:absolute;box-shadow:0 12px 30px #00000040}.floating-note svg{color:var(--orange)}.floating-note strong,.floating-note small{display:block}.floating-note strong{font:600 16px Space Grotesk}.floating-note small{color:var(--muted);margin-top:2px;font:10px DM Mono}.note-one{top:18%;right:4%}.note-two{bottom:18%;left:8%}.feature-strip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:26px;left:5vw;right:5vw}.feature-strip>div{border-right:1px solid var(--line);padding:17px 20px 0 0}.feature-strip>div:not(:first-child){padding-left:20px}.feature-strip>div:last-child{border:0}.feature-strip span,.feature-strip small{color:var(--muted);font:10px DM Mono;display:block}.feature-strip strong{margin:7px 0 3px;font-family:Space Grotesk;display:block}.battle-page{max-width:1240px;margin:auto;padding:40px 5vw}.battle-head{justify-content:space-between;align-items:flex-start;display:flex}.battle-head h1{margin:10px 0 0;font:600 27px Space Grotesk}.turn-display{color:var(--muted);align-items:baseline;gap:9px;display:flex}.turn-display strong{color:var(--cyan);font:600 36px DM Mono}.turn-display small{font:11px DM Mono}.arena{border:1px solid var(--line);background:linear-gradient(115deg,#182d2fa6,#0d1a1f80);border-radius:8px;grid-template-columns:1fr 80px 1fr;align-items:stretch;min-height:360px;margin:35px 0 28px;padding:20px 6%;display:grid}.enemy-side,.player-side{flex-direction:column;justify-self:center;width:100%;max-width:330px;display:flex}.enemy-label,.player-label{color:var(--muted);letter-spacing:.1em;align-items:center;gap:8px;font:10px DM Mono;display:flex}.enemy-label span:last-child{color:var(--red);margin-left:auto}.player-label{justify-content:flex-end}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.danger{background:var(--red);box-shadow:0 0 12px var(--red)}.status-dot.safe{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.enemy-portrait{place-items:center;height:135px;margin:10px auto 8px;display:grid;position:relative}.enemy-core{background:radial-gradient(circle,#713f46,#241e26 67%);border:1px solid #e2756d;border-radius:50%;justify-content:center;align-items:center;gap:13px;width:106px;height:106px;display:flex;box-shadow:0 0 40px #f27b7633}.enemy-core span{background:var(--orange);width:4px;height:4px;box-shadow:0 0 12px var(--orange);border-radius:50%}.enemy-ring{border:1px solid #f27b7673;border-radius:50%;display:none;position:absolute;transform:rotate(35deg)scaleY(.4)}.ring-a{width:160px;height:160px}.ring-b{border-color:#ff9a6a59;width:135px;height:135px;transform:rotate(-45deg)scaleY(.4)}.enemy-name,.player-name{text-align:center;letter-spacing:.1em;font:600 17px Space Grotesk}.enemy-subtitle,.player-subtitle{color:var(--muted);text-align:center;margin:4px 0 21px;font-size:12px}.bar-line,.stat-row{color:var(--muted);justify-content:space-between;align-items:center;font:11px DM Mono;display:flex}.bar-line strong,.stat-row strong{color:var(--cream)}.bar-line strong small,.stat-row strong small{color:var(--muted);font-size:10px}.progress-track{background:#263b3d;border-radius:1px;height:5px;margin-top:8px;overflow:hidden}.progress-track span{height:100%;transition:width .35s;display:block}.enemy-intent{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:18px;padding:10px;font:10px DM Mono;display:flex}.enemy-intent svg{color:var(--red)}.enemy-intent strong{color:var(--red);margin-left:auto;font:600 15px Space Grotesk}.enemy-intent small{font:9px DM Mono}.player-seal{width:106px;height:106px;color:var(--cyan);border:1px solid var(--cyan);border-radius:50%;place-items:center;margin:10px auto 8px;display:grid;box-shadow:0 0 30px #84e5d01f}.stat-row span{align-items:center;gap:6px;display:flex}.stat-row span svg{color:var(--cyan)}.arena-divider{border-left:1px dashed #84e5d04d;border-right:1px dashed #84e5d04d;place-items:center;height:100%;display:grid}.arena-divider span{color:var(--orange);font:600 17px DM Mono;transform:none}.hand-heading,.battle-footer{justify-content:space-between;align-items:center;display:flex}.hand-heading>div:first-child{align-items:baseline;gap:12px;display:flex}.hand-heading .eyebrow{color:var(--muted)}.hand-heading strong{color:var(--cream);font:12px DM Mono}.energy{color:var(--orange);align-items:center;gap:7px;display:flex}.energy strong{font:600 25px DM Mono}.energy span{color:var(--muted);font:10px DM Mono}.hand{justify-content:center;gap:12px;min-height:235px;margin:17px 0 18px;display:flex}.game-card{width:170px;min-width:0;height:225px;color:var(--cream);text-align:left;border:1px solid var(--line);background:linear-gradient(150deg,#20343a,#142329);border-radius:7px;flex-direction:column;align-items:flex-start;padding:17px;transition:all .2s;display:flex;position:relative;box-shadow:0 10px 20px #00000029}.game-card:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-10px);box-shadow:0 16px 30px #0000004d}.game-card:disabled{opacity:.62}.game-card.effect-attack{border-top:3px solid var(--red)}.game-card.effect-shield{border-top:3px solid var(--blue)}.game-card.effect-boost{border-top:3px solid var(--orange)}.game-card.effect-draw{border-top:3px solid #c19ae8}.game-card.effect-heal{border-top:3px solid var(--cyan)}.card-level,.card-face-label{color:var(--orange);font:10px DM Mono;position:absolute;top:13px}.card-level{left:17px}.card-face-label{color:var(--muted);right:15px}.card-glyph{width:32px;height:32px;color:var(--cyan);border:1px solid var(--line);border-radius:50%;place-items:center;margin-top:35px;display:grid}.game-card>strong{overflow-wrap:anywhere;max-width:100%;margin-top:15px;font:600 21px Space Grotesk}.game-card>small{color:var(--muted);margin-top:5px;font:10px DM Mono}.card-effect{color:var(--cyan);border-top:1px solid var(--line);width:100%;margin-top:auto;padding-top:11px;font:10px DM Mono}.empty-hand{color:var(--muted);align-self:center;font:12px DM Mono}.battle-footer{border-top:1px solid var(--line);min-height:47px;padding-top:14px}.battle-log{max-width:65%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:11px DM Mono;overflow:hidden}.end-turn{color:#0d1c1e;background:var(--orange);border-color:var(--orange);min-width:150px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050b0dc4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.question-modal,.feedback-modal{border:1px solid var(--line);background:#15262b;border-radius:8px;width:min(100%,530px);max-height:calc(100vh - 40px);padding:30px;overflow:auto;box-shadow:0 25px 70px #00000080}.modal-kicker{color:var(--cyan);letter-spacing:.1em;justify-content:space-between;font:10px DM Mono;display:flex}.modal-kicker span:last-child{color:var(--muted)}.question-modal h2{margin:25px 0 4px;font:600 42px Space Grotesk}.question-modal h2.chinese-prompt{font-size:27px;line-height:1.5}.phonetic{color:var(--muted);margin:0;font:13px DM Mono}.phonetic span{color:var(--orange);margin-left:8px}.question-prompt{color:var(--muted);margin:24px 0 12px;font-size:13px}.options{gap:8px;display:grid}.option{min-height:47px;color:var(--cream);text-align:left;border:1px solid var(--line);background:#ffffff06;border-radius:4px;grid-template-columns:27px 45px 1fr;align-items:center;gap:9px;padding:8px 11px;display:grid}.option>span{width:24px;height:24px;color:var(--cyan);border:1px solid var(--line);border-radius:50%;place-items:center;font:10px DM Mono;display:grid}.option strong{color:var(--orange);font:11px DM Mono}.option em{color:#c7d5d4;font-style:normal;line-height:1.4}.spelling-box{border:1px solid var(--line);background:#00000024;border-radius:4px;padding:19px 15px}.letter-slots{justify-content:center;gap:7px;margin-bottom:18px;display:flex}.letter-slots span{width:21px;color:var(--cyan);border-bottom:1px solid var(--cyan);text-align:center;font:17px DM Mono}.spelling-box input{width:100%;color:var(--cream);border:0;border-bottom:1px solid var(--line);text-align:center;letter-spacing:.12em;background:0 0;outline:0;padding:11px 0}.submit-answer{width:100%;margin-top:19px}.modal-hint{color:var(--muted);text-align:center;margin:13px 0 0;font:10px DM Mono}.feedback-modal{text-align:center;max-width:420px}.feedback-icon{border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 17px;display:grid}.is-correct .feedback-icon{color:var(--cyan);border:1px solid var(--cyan)}.is-wrong .feedback-icon{color:var(--red);border:1px solid var(--red)}.feedback-label{color:var(--muted);letter-spacing:.13em;font:10px DM Mono}.feedback-modal h2{margin:12px 0 8px;font:600 29px Space Grotesk}.feedback-modal>p{color:var(--muted);line-height:1.6}.answer-reveal{text-align:left;border-left:2px solid var(--orange);background:#00000024;margin:20px 0;padding:13px}.answer-reveal span,.answer-reveal small{display:block}.answer-reveal span{font:600 18px Space Grotesk}.answer-reveal small{color:var(--muted);margin-top:5px;line-height:1.5}.result-page{text-align:center;max-width:720px;margin:auto;padding:80px 5vw 60px}.result-icon{border:1px solid;border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 25px;display:grid}.result-icon.victory{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 40px #84e5d029}.result-icon.defeat{color:var(--red);border-color:var(--red)}.centered-text{justify-content:center}.result-page h1{margin:17px 0 10px;font:600 43px Space Grotesk}.result-lead{max-width:500px;color:var(--muted);margin:auto;line-height:1.7}.result-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:42px 0 32px;padding:20px 0;display:grid}.result-stats div{border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats strong,.result-stats span{display:block}.result-stats strong{color:var(--cyan);font:600 25px DM Mono}.result-stats span{color:var(--muted);margin-top:6px;font:10px DM Mono}.error-words{text-align:left}.section-label{color:var(--muted);letter-spacing:.12em;font:10px DM Mono}.section-label span{color:var(--red)}.error-list{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.error-list span{color:var(--cream);background:#f27b7612;border:1px solid #f27b7673;padding:8px 11px;font:12px DM Mono}.error-list small{color:var(--muted);margin-left:8px}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:40px;display:flex}.text-button,.back-link,.reset-button{color:var(--muted);background:0 0;border:0}.stats-page{max-width:1100px;margin:auto;padding:55px 5vw 70px}.stats-heading{justify-content:space-between;align-items:flex-end;display:flex}.back-link{margin-bottom:35px;padding:0;font-size:12px;display:block}.stats-heading h1{margin:15px 0 8px;font:600 42px Space Grotesk}.stats-heading p{color:var(--muted);margin:0}.reset-button{padding:8px 0;font:11px DM Mono}.stat-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.5fr repeat(3,1fr);margin:44px 0 20px;display:grid}.stat-overview>div{border-right:1px solid var(--line);padding:20px}.stat-overview>div:last-child{border:0}.stat-overview span,.stat-overview small{color:var(--muted);font:10px DM Mono;display:block}.stat-overview strong{color:var(--cyan);margin-top:8px;font:600 29px DM Mono;display:inline-block}.stat-overview small{margin-left:4px;display:inline-block}.accent-red{color:var(--red)!important}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stats-panel{border:1px solid var(--line);background:#17272c91;border-radius:6px;min-height:300px;padding:24px}.panel-heading{justify-content:space-between;gap:15px;display:flex}.panel-heading svg{color:var(--cyan)}.panel-heading h2{margin:8px 0 25px;font:500 19px Space Grotesk}.level-chart{gap:17px;display:grid}.level-row{grid-template-columns:35px 1fr 45px 45px;align-items:center;gap:10px;display:grid}.level-dot{width:31px;color:var(--bg);text-align:center;border-radius:2px;padding:5px 0;font:10px DM Mono}.level-bar{background:#253a3e;height:7px;overflow:hidden}.level-bar span{background:var(--cyan);height:100%;display:block}.level-row strong{color:var(--cream);text-align:right;font:12px DM Mono}.level-row small{color:var(--muted);text-align:right;font:10px DM Mono}.mistake-list{gap:2px;display:grid}.mistake-row{border-bottom:1px solid #284047a6;grid-template-columns:1fr 1.3fr 25px;align-items:center;gap:10px;padding:9px 0;display:grid}.mistake-word{font:600 14px Space Grotesk}.mistake-word small{color:var(--muted);margin-top:3px;font:9px DM Mono;display:block}.mistake-meaning{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mistake-row>strong{color:var(--red);text-align:right;font:600 15px DM Mono}.mistake-row>strong small{margin-left:2px;font-size:9px}.stats-empty{color:var(--muted);align-items:center;gap:8px;padding:35px 0;font-size:13px;display:flex}.stats-empty svg{color:var(--cyan)}@media (width<=800px){.topbar{padding:0 20px}.library-count{display:none}.menu-page{padding:70px 24px 200px;display:block}.menu-copy{padding-bottom:20px}.menu-copy h1{font-size:59px}.menu-visual{min-height:430px}.orbit-one{width:340px;height:340px}.orbit-two{width:260px;height:260px}.hero-card{transform:rotate(-5deg)scale(.86)}.hero-card-back{transform:translate(60px,-18px)rotate(9deg)scale(.86)}.note-one{top:6%;right:0}.note-two{bottom:9%;left:0}.feature-strip{bottom:24px;left:24px;right:24px}.feature-strip>div{padding-right:8px}.feature-strip>div:not(:first-child){padding-left:9px}.feature-strip strong{font-size:12px}.feature-strip small{font-size:9px}.battle-page{padding:30px 20px}.arena{grid-template-columns:1fr;gap:20px;padding:20px}.arena-divider{border:1px dashed #84e5d04d;border-left:0;border-right:0;height:42px}.arena-divider span{transform:none}.enemy-side,.player-side{max-width:420px}.enemy-intent{margin-top:13px}.hand{justify-content:flex-start;padding:7px 3px 14px;overflow-x:auto}.game-card{flex:0 0 156px;height:218px}.battle-log{max-width:53%}.stats-heading{align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat-overview{grid-template-columns:1fr 1fr}.stat-overview>div:nth-child(2){border-right:0}.stat-overview>div{border-bottom:1px solid var(--line)}}@media (width<=480px){.topbar{height:65px}.brand strong{font-size:12px}.brand small{font-size:8px}.nav-button{padding-right:0}.menu-page{min-height:calc(100vh - 65px);padding-top:48px}.menu-copy h1{font-size:51px}.menu-copy p{font-size:14px}.menu-visual{min-height:370px}.hero-card{transform:rotate(-5deg)scale(.7)}.hero-card-back{transform:translate(48px,-10px)rotate(9deg)scale(.7)}.floating-note{transform:scale(.86)}.note-one{right:-12px}.note-two{left:-12px}.feature-strip{grid-template-columns:repeat(3,1fr)}.feature-strip strong{font-size:10px}.feature-strip small{display:none}.battle-head h1{font-size:21px}.question-modal,.feedback-modal{padding:23px 18px}.modal-kicker{font-size:9px}.question-modal h2{font-size:34px}.result-page{padding-top:55px}.result-page h1{font-size:31px}.result-stats{grid-template-columns:repeat(2,1fr);gap:18px 0}.result-stats div:nth-child(2){border:0}.stats-page{padding:35px 20px}.stats-heading h1{font-size:34px}.stat-overview>div{padding:15px 12px}.stat-overview strong{font-size:23px}.mistake-row{grid-template-columns:1fr 23px}.mistake-meaning{display:none}}:root{--bg:#f4f0e7;--panel:#fbf8f1;--line:#ded8ca;--muted:#8b8175;--cream:#443d36;--cyan:#76657f;--orange:#b77b56;--red:#b96259;--blue:#6f91a2}body{color:var(--cream);background:var(--bg)}.app-shell{background:var(--bg)}.topbar{border-bottom-color:var(--line);background:#fbf8f1f5}.brand{color:var(--cream)}.brand-mark{color:#fbf8f1;background:var(--cyan)}.brand small,.library-count,.nav-button{color:var(--muted)}.nav-button:hover,.nav-button.active{color:var(--cyan);border-color:var(--line)}.button{color:var(--cream);border-color:var(--line);background:0 0}.button.primary{color:#fffaf5;background:var(--cyan);border-color:var(--cyan)}.button.primary:hover:not(:disabled){background:#66566f}.button.ghost{color:var(--cream);background:#76657f0f}.eyebrow,.menu-copy h1 em{color:var(--cyan)}.menu-copy p,.hero-card-top,.hero-card-bottom,.enemy-label,.player-label,.bar-line,.stat-row,.enemy-intent,.battle-log,.question-prompt,.phonetic,.feedback-modal>p,.result-lead,.result-stats span,.section-label,.stats-heading p,.stat-overview span,.stat-overview small,.level-row small,.mistake-meaning,.stats-empty{color:var(--muted)}.hero-card{border-color:var(--line);background:#ebe5d8;box-shadow:18px 24px 60px #4c403529}.hero-card-back{background:#e5ded1}.hero-card-main{background:#ebe5d8}.hero-word,.enemy-name,.player-name,.question-modal h2,.feedback-modal h2,.result-page h1,.stats-heading h1,.panel-heading h2,.game-card>strong{color:var(--cream)}.hero-phonetic,.hero-card-bottom,.card-effect,.loading-mark,.player-seal,.panel-heading svg,.stats-empty svg{color:var(--cyan)}.hero-meaning,.option em{color:#62594f}.floating-note{border-color:var(--line);background:#fbf8f1;box-shadow:0 12px 30px #4c40351f}.floating-note svg,.rarity,.card-level,.option strong,.enemy-intent svg,.enemy-intent strong,.energy{color:var(--orange)}.feature-strip,.battle-footer,.result-stats,.stat-overview,.stat-overview>div{border-color:var(--line)}.arena{border-color:var(--line);background:#ebe5d8}.enemy-core{background:#d9c8c0;border-color:#c4766c;box-shadow:0 0 40px #b962592e}.enemy-core span{background:var(--orange)}.enemy-ring{border-color:#b9625959}.ring-b{border-color:#b77b5659}.enemy-intent,.arena-divider{border-color:var(--line)}.player-seal{border-color:var(--cyan);box-shadow:0 0 30px #76657f1f}.progress-track{background:#dcd5c8}.progress-track.red span{background:var(--red)}.progress-track.green span{background:#8baca3}.progress-track.blue span{background:var(--blue)}.game-card{color:var(--cream);border-color:var(--line);background:#fbf8f1;box-shadow:0 10px 20px #4c40351a}.game-card:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 16px 30px #4c403529}.card-glyph,.card-effect{border-color:var(--line)}.card-glyph{color:var(--cyan)}.effect-attack .card-glyph{color:var(--red)}.effect-shield .card-glyph{color:var(--blue)}.effect-boost .card-glyph{color:var(--orange)}.question-modal,.feedback-modal{border-color:var(--line);background:#fbf8f1;box-shadow:0 25px 70px #4c40353d}.modal-backdrop{background:#433a3175}.option{color:var(--cream);border-color:var(--line);background:#76657f09}.option:hover,.option.selected{border-color:var(--cyan);background:#76657f1a}.option>span{color:var(--cyan);border-color:var(--line)}.spelling-box,.answer-reveal,.stats-panel{border-color:var(--line);background:#f0ebe1}.spelling-box input{color:var(--cream);border-color:var(--line)}.spelling-box input:focus{border-color:var(--cyan)}.letter-slots span{color:var(--cyan);border-color:var(--cyan)}.end-turn{color:#fffaf5;background:var(--orange);border-color:var(--orange)}.feedback-icon,.result-icon{border-color:var(--cyan)}.is-correct .feedback-icon,.result-icon.victory{color:var(--cyan);border-color:var(--cyan)}.is-wrong .feedback-icon,.result-icon.defeat{color:var(--red);border-color:var(--red)}.answer-reveal{border-left-color:var(--orange)}.result-stats strong,.stat-overview strong{color:var(--cyan)}.error-list span{color:var(--cream);background:#b9625914;border-color:#b9625973}.level-bar{background:#dcd5c8}.level-bar span{background:var(--cyan)}.level-1{background:#9cb9b0}.level-2{background:#b2a3bb}.level-3{background:#d3a181}.level-4{background:#c88376}.level-5{background:#b96259}.mistake-row{border-bottom-color:var(--line)}.text-button,.back-link,.reset-button{color:var(--muted)}.text-button:hover,.back-link:hover,.reset-button:hover{color:var(--cyan)}.battle-head{gap:20px}.battle-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.battle-actions .turn-display{margin-right:6px}.exit-battle{color:var(--muted);background:#76657f0a}.exit-battle:hover:not(:disabled){color:var(--red);border-color:var(--red)}.card-face-label{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 68px);overflow:hidden}.game-card>strong{line-height:1.25}.game-card.face-spelling>strong{color:#62594f;font:600 15px/1.55 DM Sans,sans-serif}.game-card.face-meaning>small{color:var(--orange)}@media (width<=800px){.battle-head{align-items:center}.battle-actions{gap:8px}.battle-actions .turn-display{margin-right:2px}}@media (width<=560px){.battle-head{grid-template-columns:1fr;align-items:flex-start;display:grid}.battle-actions{grid-template-columns:1fr 1fr;justify-items:stretch;width:100%;display:grid}.battle-actions .turn-display{grid-column:1/-1;justify-content:flex-end;margin:0}.battle-actions .button{min-height:38px;padding:0 10px;font-size:12px}.battle-actions .end-turn{grid-column:1}.battle-actions .exit-battle{grid-column:2}}@media (width<=400px){.battle-page{padding-left:16px;padding-right:16px}.battle-head{gap:10px}.battle-head h1{line-height:1.2}.battle-actions .button{padding:0 7px}}.first-letter-hint{color:var(--orange);text-align:center;margin:-5px 0 14px;font:11px DM Mono}.first-letter-hint strong{font-size:15px}.answer-actions{gap:9px;margin-top:19px;display:flex}.answer-actions .submit-answer{flex:1;margin-top:0}.give-up{min-width:116px;color:var(--red);border-color:#b9625980}.give-up:hover:not(:disabled){color:#fffaf5;background:var(--red);border-color:var(--red)}.mode-page{max-width:820px;margin:auto;padding:70px 5vw 90px}.mode-page>.back-link{margin-bottom:58px}.mode-page h1{color:var(--cream);margin:18px 0 8px;font:600 43px Space Grotesk}.mode-lead{color:var(--muted);margin:0;line-height:1.7}.mode-list{gap:12px;margin-top:38px;display:grid}.mode-option{min-height:100px;color:var(--cream);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:38px 48px 1fr auto;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:grid}.mode-option.is-open:hover{border-color:var(--cyan);transform:translate(5px);box-shadow:0 10px 26px #4c40351a}.mode-option.is-locked{cursor:not-allowed;opacity:.58}.mode-number{color:var(--muted);font:11px DM Mono}.mode-icon{width:42px;height:42px;color:var(--cyan);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;overflow:hidden}.mode-copy strong,.mode-copy small{display:block}.mode-copy strong{font:600 20px Space Grotesk}.mode-copy small{color:var(--muted);margin-top:5px;font-size:12px}.mode-status{color:var(--orange);white-space:nowrap;align-items:center;gap:6px;font:10px DM Mono;display:flex}.mode-option.is-locked .mode-status{color:var(--muted)}.hint-letter{color:var(--orange)!important;border-color:var(--orange)!important}.energy.is-pass{color:var(--cyan)}.mode-group{gap:8px;display:grid}.saved-battle{color:var(--cream);border:1px solid var(--line);border-left:3px solid var(--orange);background:#76657f0f;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.saved-battle>span{align-items:center;gap:9px;display:flex}.saved-battle>span>svg{color:var(--orange);flex:none}.saved-battle strong,.saved-battle small{display:block}.saved-battle strong{font-size:13px}.saved-battle small{color:var(--muted);margin-top:3px;font:10px DM Mono}.save-actions{flex:none;gap:7px;display:flex}.save-actions .button{min-height:34px;padding:0 10px;font-size:11px}.delete-battle{color:var(--red);border-color:#b9625973}.delete-battle:hover:not(:disabled){color:#fffaf5;background:var(--red);border-color:var(--red)}.library-page{max-width:1120px;margin:auto;padding:55px 5vw 80px}.library-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.library-heading h1{color:var(--cream);margin:15px 0 8px;font:600 42px Space Grotesk}.library-heading p{color:var(--muted);margin:0}.library-total{color:var(--muted);align-items:baseline;gap:8px;padding-bottom:4px;font:11px DM Mono;display:flex}.library-total strong{color:var(--cyan);font:600 34px DM Mono}.library-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-top:42px;padding:13px 0;display:flex}.library-search{min-height:42px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:4px;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.library-search:focus-within{border-color:var(--cyan)}.library-search input{min-width:0;color:var(--cream);background:0 0;border:0;outline:0;flex:1}.library-search input::placeholder{color:var(--muted)}.library-search button{color:var(--muted);background:0 0;border:0;place-items:center;padding:3px;display:grid}.library-search button:hover{color:var(--red)}.library-field{min-height:42px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:4px;flex:0 150px;align-items:center;gap:8px;padding:0 12px;display:flex}.library-field:focus-within{border-color:var(--cyan)}.library-field span{white-space:nowrap;font:10px DM Mono}.library-field input{width:100%;min-width:0;color:var(--cream);background:0 0;border:0;outline:0}.library-field input::placeholder{color:var(--muted)}.library-filter{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font:10px DM Mono;display:flex}.library-filter button{min-width:34px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:3px;padding:0 7px;font:10px DM Mono}.library-filter button:hover,.library-filter button.active{color:#fffaf5;background:var(--cyan);border-color:var(--cyan)}.library-summary{color:var(--muted);margin:20px 0 9px;font:10px DM Mono}.library-list{border-top:1px solid var(--line)}.library-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(155px,1fr) 48px minmax(260px,2fr) 104px;align-items:center;gap:18px;min-height:70px;padding:11px 0;display:grid}.library-word strong,.library-word small{display:block}.library-word strong{color:var(--cream);font:600 16px Space Grotesk}.library-word small{color:var(--muted);margin-top:5px;font:10px DM Mono}.library-pos{color:var(--orange);font:11px DM Mono}.library-meaning{color:#62594f;line-height:1.5}.library-meta{justify-content:flex-end;align-items:center;gap:8px;display:flex}.library-meta .level-dot{flex:none}.library-meta small{color:var(--muted);text-align:right;font:10px DM Mono}.library-face-tag{border-radius:3px;flex:none;padding:2px 7px;font:10px DM Mono}.library-face-tag.face-meaning{color:#845538;background:#ead1bb}.library-face-tag.face-spelling{color:#fffaf5;background:#4f9d69}.library-load-more{margin:24px auto 0;display:flex}.library-empty{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.library-empty svg{color:var(--cyan)}.back-link{align-items:center;gap:5px;display:flex}.back-link .back-arrow{transform:rotate(180deg)}.deck-page{max-width:1160px;margin:auto;padding:55px 5vw 80px}.deck-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.deck-heading h1{color:var(--cream);margin:15px 0 8px;font:600 42px Space Grotesk}.deck-heading p{color:var(--muted);margin:0}.today-study{color:var(--muted);white-space:nowrap;align-items:baseline;gap:9px;padding-bottom:5px;font:11px DM Mono;display:flex}.today-study strong{color:var(--cyan);font:600 36px DM Mono}.recommended-deck{border:1px solid var(--line);border-left:3px solid var(--cyan);background:#ebe5d8;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;margin-top:40px;padding:20px 22px;display:flex}.recommended-deck strong,.recommended-deck small{display:block}.recommended-deck strong{color:var(--cream);margin-top:8px;font:600 20px Space Grotesk}.recommended-deck small{color:var(--muted);margin-top:5px;font:11px DM Mono}.deck-section{margin-top:38px}.deck-section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.deck-section-heading small{color:var(--muted);font:10px DM Mono}.deck-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.deck-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px}.deck-card-top,.deck-progress-line{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font:10px DM Mono;display:flex}.deck-card-top .level-dot{width:34px;color:var(--bg)}.deck-card h2{color:var(--cream);margin:16px 0 7px;font:600 18px Space Grotesk}.deck-card p{min-height:36px;color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.5}.deck-progress-line strong{color:var(--cyan)}.deck-card .progress-track{margin-top:8px}.subgroup-progress{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px;display:grid}.subgroup-progress span{min-height:23px;color:var(--muted);border:1px solid var(--line);background:#dcd5c8;place-items:center;font:10px DM Mono;display:grid}.subgroup-progress span.done{color:#fffaf5;background:var(--cyan);border-color:var(--cyan)}.deck-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.deck-actions .button{min-height:35px;padding:0 10px;font-size:11px}.icon-text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:11px;display:inline-flex}.icon-text-button:hover{color:var(--cyan)}.danger-text:hover{color:var(--red)}.learning-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid}.learning-overview>div{border-right:1px solid var(--line);padding:17px 20px}.learning-overview>div:last-child{border-right:0}.learning-overview span,.learning-overview small{color:var(--muted);font:10px DM Mono;display:block}.learning-overview strong{color:var(--cyan);margin-top:7px;font:600 25px DM Mono;display:inline-block}.learning-overview small{margin-left:7px;display:inline-block}.learning-mistakes-panel{grid-column:1/-1}.mistake-time{color:var(--muted);margin-top:3px;font:9px DM Mono;display:block}@media (width<=800px){.deck-heading{flex-direction:column;align-items:flex-start;gap:18px}.deck-heading h1{font-size:34px}.today-study{padding:0}.deck-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.deck-page{padding:35px 20px 60px}.deck-page>.back-link{margin-bottom:42px}.deck-grid{grid-template-columns:1fr}.recommended-deck{flex-direction:column;align-items:flex-start;padding:16px}.recommended-deck .button{width:100%}.learning-overview{grid-template-columns:1fr 1fr}.learning-overview>div{padding:14px 12px}.learning-overview>div:last-child{border-top:1px solid var(--line);grid-column:1/-1}}.game-card-wrap{flex:0 0 170px;width:170px;min-width:0;height:225px;position:relative}.game-card-wrap.effect-attack{border-top:3px solid var(--red)}.game-card-wrap.effect-shield{border-top:3px solid var(--blue)}.game-card-wrap.effect-boost{border-top:3px solid var(--orange)}.game-card-wrap.effect-draw{border-top:3px solid #a78bbd}.game-card-wrap.effect-heal{border-top:3px solid var(--cyan)}.game-card-wrap .game-card{border-top:0;width:100%;height:100%}.speech-button{width:34px;height:34px;color:var(--cyan);border:1px solid var(--line);background:var(--panel);border-radius:50%;flex:none;place-items:center;padding:0;transition:all .2s;display:inline-grid}.speech-button:hover{color:#fffaf5;background:var(--cyan);border-color:var(--cyan)}.speech-button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.card-speech-button{z-index:1;width:29px;height:29px;position:absolute;top:45px;right:10px}.question-word-line,.answer-word-line,.library-word-line{align-items:center;gap:11px;display:flex}.question-word-line{margin-top:25px}.question-word-line h2{overflow-wrap:anywhere;min-width:0;margin:0}.answer-word-line span{overflow-wrap:anywhere;min-width:0}.answer-word-line .speech-button{margin-left:auto}.library-word-line .speech-button{width:27px;height:27px}.game-card-wrap.effect-attack .game-card{border-top-color:var(--red)}.game-card-wrap.effect-shield .game-card{border-top-color:var(--blue)}.game-card-wrap.effect-boost .game-card{border-top-color:var(--orange)}.game-card-wrap.effect-draw .game-card{border-top-color:#a78bbd}.game-card-wrap.effect-heal .game-card{border-top-color:var(--cyan)}@media (width<=560px){.mode-page{padding:38px 20px 60px}.mode-page>.back-link{margin-bottom:42px}.mode-page h1{font-size:34px}.mode-option{grid-template-columns:28px 42px 1fr;gap:12px;padding:16px 13px}.mode-status{grid-column:3}.mode-copy strong{font-size:18px}.mode-copy small{font-size:11px}.saved-battle{flex-direction:column;align-items:flex-start;padding:13px}.save-actions{width:100%}.save-actions .button{flex:1}.library-page{padding:35px 20px 60px}.library-heading{flex-direction:column;align-items:flex-start;gap:18px}.library-heading h1{font-size:34px}.library-total{padding:0}.library-toolbar{flex-direction:column;align-items:stretch;margin-top:28px}.library-field{flex:auto}.library-filter{justify-content:space-between}.library-filter button{flex:1}.library-row{grid-template-columns:1fr auto;gap:8px 12px;padding:15px 0}.library-pos{grid-area:1/2}.library-meaning{grid-area:2/1/auto/-1}.library-meta{grid-area:3/1/auto/-1;justify-content:flex-start}.library-meta small{text-align:left}.question-word-line{margin-top:21px}}@media (width<=800px){.game-card-wrap{flex-basis:156px;width:156px;height:218px}}.menu-actions{align-items:stretch}.menu-action-column{flex:205px;gap:10px;min-width:205px;display:grid}.menu-action-column .button{justify-content:flex-start;width:100%}.menu-action-column .button svg:last-child{margin-left:auto}.stats-heading-actions{justify-content:flex-end;align-items:center;gap:18px;padding-bottom:2px;display:flex}.stats-heading-actions .button{min-height:38px;padding:0 12px;font-size:11px}.mistake-book-page{max-width:1120px;margin:auto;padding:55px 5vw 80px}.mistake-book-page>.back-link{margin-bottom:35px}.mistake-book-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.mistake-book-heading h1{color:var(--cream);margin:15px 0 8px;font:600 42px Space Grotesk}.mistake-book-heading p{color:var(--muted);margin:0;line-height:1.6}.mistake-book-total{color:var(--muted);white-space:nowrap;align-items:baseline;gap:8px;padding-bottom:4px;font:11px DM Mono;display:flex}.mistake-book-total strong{color:var(--red);font:600 34px DM Mono}.mistake-book-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px;margin-top:42px;display:flex}.mistake-book-tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;padding:0 2px;font:11px DM Mono;position:relative}.mistake-book-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.mistake-book-tabs button:hover,.mistake-book-tabs button.active{color:var(--cyan)}.mistake-book-tabs button.active:after{background:var(--cyan)}.mistake-choice-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.mistake-choice-grid article{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;align-items:flex-start;min-height:245px;padding:22px;display:flex}.choice-icon{width:44px;height:44px;color:var(--cyan);border:1px solid var(--line);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.mistake-choice-grid article:nth-child(2) .choice-icon{color:var(--orange)}.mistake-choice-grid article:nth-child(3) .choice-icon{color:var(--red)}.mistake-choice-grid strong{color:var(--cream);font:600 18px Space Grotesk}.mistake-choice-grid p{min-height:38px;color:var(--muted);margin:8px 0 20px;font-size:12px;line-height:1.6}.mistake-choice-grid .button{min-height:38px;margin-top:auto;padding:0 12px;font-size:11px}.mistake-book-all{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.mistake-book-all .stats-panel{min-height:0}.mistake-book-all .panel-heading h2{margin-bottom:18px}.mistake-book-list{gap:0;display:grid}.mistake-book-tabs-sub{color:var(--muted);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-top:20px;padding-bottom:8px;font:11px DM Mono;display:flex}.mistake-book-tabs-sub strong{color:var(--cream);font:600 20px DM Mono}.mistake-book-word{align-items:center;gap:8px;min-width:0;display:flex}.mistake-book-word strong{overflow-wrap:anywhere;min-width:0}.mistake-book-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.7fr) 42px minmax(0,1.3fr) 29px;align-items:center;gap:12px;min-height:58px;padding:10px 0;display:grid}.mistake-book-row:last-child{border-bottom:0}.mistake-book-row strong{overflow-wrap:anywhere;min-width:0;color:var(--cream);font:600 14px Space Grotesk}.mistake-book-row span{color:var(--orange);font:10px DM Mono}.mistake-book-row em{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-style:normal;line-height:1.5}.mistake-speech-button{width:29px;height:29px}.mistake-limit-control{color:var(--muted);align-items:center;gap:9px;margin-top:24px;font:11px DM Mono;display:flex}.mistake-limit-control label{color:var(--cream)}.mistake-limit-control input{width:82px;min-height:38px;color:var(--cream);background:var(--panel);border:1px solid var(--line);border-radius:4px;outline:0;padding:0 10px;font:12px DM Mono}.mistake-limit-control input:focus{border-color:var(--cyan)}.mistake-limit-control input::placeholder{color:var(--muted)}.mistake-limit-error{color:var(--red);margin:10px 0 0;font:11px DM Mono}.campaign-page{max-width:820px;margin:auto;padding:70px 5vw 90px}.campaign-page>.back-link{margin-bottom:58px}.campaign-page h1{color:var(--cream);margin:18px 0 8px;font:600 43px Space Grotesk}.campaign-routes{gap:12px;margin-top:38px;display:grid}.campaign-route{min-height:104px;color:var(--cream);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:grid}.campaign-route:hover{border-color:var(--cyan);transform:translate(5px)}.campaign-route strong,.campaign-route small{display:block}.campaign-route strong{font:600 19px Space Grotesk}.campaign-route small{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5}.campaign-route>svg{color:var(--orange)}.character-select-page{max-width:980px;margin:auto;padding:55px 5vw 80px}.character-select-page>.back-link{margin-bottom:35px}.character-select-page h1{color:var(--cream);margin:18px 0 8px;font:600 43px Space Grotesk}.character-search{max-width:520px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:4px;align-items:center;gap:10px;margin-top:30px;padding:0 13px;display:flex}.character-search:focus-within{border-color:var(--cyan)}.character-search input{width:100%;min-height:42px;color:var(--cream);background:0 0;border:0;outline:0}.character-search input::placeholder{color:var(--muted)}.character-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.character-select-option{min-width:0;color:var(--cream);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid}.character-select-option:hover,.character-select-option.active{border-color:var(--cyan);background:#84e5d014}.character-select-option>span:nth-child(2){min-width:0}.character-select-option strong,.character-select-option small,.character-select-option em{display:block}.character-select-option strong{overflow-wrap:anywhere;font:600 15px Space Grotesk}.character-select-option small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.4}.character-select-option em{color:var(--cyan);margin-top:7px;font:9px DM Mono}.character-select-option>svg{color:var(--orange)}.character-select-icon{width:58px;height:58px;color:var(--cyan);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;overflow:hidden}.selected-character{width:100%;color:var(--cream);text-align:left;border:1px solid var(--cyan);background:#84e5d012;border-radius:6px;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:30px;padding:13px 15px;display:grid}.selected-character:hover{background:#84e5d01f}.selected-character>span:nth-child(2){min-width:0}.selected-character small,.selected-character strong,.selected-character em{display:block}.selected-character small{color:var(--muted);font:9px DM Mono}.selected-character strong{overflow-wrap:anywhere;margin-top:4px;font:600 15px Space Grotesk}.selected-character em{color:var(--cyan);margin-top:4px;font:10px DM Mono}.deck-directory{z-index:2;border:1px solid var(--line);background:#0c1418f0;border-radius:5px;gap:8px;margin-top:25px;padding:8px;display:flex;position:sticky;top:12px}.deck-directory button{min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;padding:0 11px;font:11px DM Mono;display:flex}.deck-directory button:hover{color:var(--cyan);border-color:var(--line)}.campaign-progress{color:var(--orange);margin-top:8px;font:11px DM Mono}.avatar-image{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}.enemy-core .avatar-image{transform:none}.character-select-icon .avatar-image,.selected-character .avatar-image{width:100%;height:100%}.enemy-core{color:var(--orange)}.enemy-shield{margin-top:10px}.enemy-abilities{color:var(--orange);gap:5px;margin-top:12px;font:10px/1.4 DM Mono;display:grid}.enemy-abilities span{align-items:flex-start;gap:6px;display:flex}.enemy-abilities svg{flex:none;margin-top:1px}.enemy-abilities .enemy-ability-flag{color:var(--orange);border:1px solid var(--line);white-space:nowrap;background:#ffffff0d;border-radius:3px;flex:none;margin-left:auto;padding:1px 6px;font:9px DM Mono}@media (width<=800px){.menu-action-column{min-width:0}.stats-heading{gap:18px}.stats-heading-actions{flex-direction:column;align-items:flex-end;gap:8px}.mistake-book-heading{flex-direction:column;align-items:flex-start;gap:18px}.mistake-book-heading h1{font-size:34px}.mistake-book-total{padding:0}.mistake-choice-grid{grid-template-columns:1fr}.mistake-choice-grid article{min-height:0}.mistake-book-all{grid-template-columns:1fr}.campaign-page{padding:42px 20px 60px}.campaign-page>.back-link{margin-bottom:42px}.campaign-page h1{font-size:34px}.campaign-route{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:16px 13px}.character-select-grid{grid-template-columns:1fr}}@media (width<=560px){.menu-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.menu-action-column{gap:9px}.menu-action-column .button{min-height:48px;padding:0 11px;font-size:11px}.menu-action-column .button svg{flex:none}.stats-heading{flex-direction:column}.stats-heading-actions{flex-direction:row;justify-content:space-between;align-items:stretch;width:100%}.stats-heading-actions .button{flex:1}.stats-heading-actions .reset-button{flex:none}.mistake-book-page{padding:35px 20px 60px}.mistake-book-page>.back-link{margin-bottom:42px}.mistake-book-tabs{margin-top:28px}.mistake-choice-grid{margin-top:18px}.mistake-limit-control{flex-wrap:wrap;margin-top:18px}.mistake-choice-grid article{padding:18px}.mistake-book-all{gap:14px;margin-top:18px}.mistake-book-all .stats-panel{padding:18px}.mistake-book-row{grid-template-columns:minmax(82px,.8fr) 28px minmax(0,1.2fr) 29px;align-items:start}.mistake-book-row em{grid-column:3}.mistake-speech-button{grid-area:1/4}.character-select-page{padding:35px 20px 60px}.character-select-page h1{font-size:34px}.character-select-option{grid-template-columns:48px minmax(0,1fr) auto;padding:12px}.character-select-icon{width:48px;height:48px}.deck-directory{position:static;overflow-x:auto}.deck-directory button{flex:none}}.character-preview{background:var(--panel);border:1px solid var(--cyan);border-radius:6px;gap:18px;margin-top:18px;padding:20px;display:grid}.character-preview-head{align-items:center;gap:14px;display:flex}.character-preview-portrait{width:74px;height:74px;color:var(--cyan);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.character-preview-head h2{color:var(--cream);margin:5px 0 4px;font:600 19px Space Grotesk}.character-preview-head p{color:var(--muted);margin:0;font:10px DM Mono}.character-preview-abilities{gap:8px;display:grid}.character-preview-ability{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;display:grid}.character-preview-ability strong,.character-preview-ability small{display:block}.character-preview-ability strong{color:var(--cream);font-size:12px;line-height:1.5}.character-preview-ability small{color:var(--muted);margin-top:4px;font:9px DM Mono}.character-ability-kind{color:var(--orange);font:10px DM Mono}.character-confirm{width:100%}.character-choice{margin-top:34px}.character-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.character-option{min-height:76px;color:var(--cream);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.character-option:hover,.character-option.active{border-color:var(--cyan);background:#84e5d012}.character-option strong,.character-option small{display:block}.character-option strong{font:600 14px Space Grotesk}.character-option small{overflow-wrap:anywhere;color:var(--muted);margin-top:5px;font:10px/1.4 DM Mono}.character-option .mode-icon{width:42px;height:42px}.character-panel{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}.character-panel-title{color:var(--cream);justify-content:space-between;align-items:baseline;gap:10px;font:11px DM Mono;display:flex}.character-panel-title small{color:var(--cyan);text-align:right;font-size:9px}.character-abilities{color:var(--muted);gap:6px;margin-top:10px;font:10px/1.4 DM Mono;display:grid}.character-abilities span{align-items:flex-start;gap:6px;display:flex}.character-abilities svg{color:var(--orange);flex:none;margin-top:1px}.character-ability{color:var(--cream);text-align:left;border:1px solid var(--line);background:#84e5d00d;border-radius:4px;gap:5px;padding:9px 10px;display:grid}.character-ability:hover:not(:disabled){border-color:var(--cyan);background:#84e5d01a}.character-ability:disabled{opacity:.55}.character-ability>span{align-items:flex-start;gap:6px;display:flex}.character-ability>span svg{color:var(--cyan);flex:none;margin-top:1px}.character-ability strong{font:600 10px/1.4 DM Sans}.character-ability small{color:var(--muted);font:9px DM Mono}.character-no-abilities{color:var(--muted);margin-top:10px;font:10px DM Mono;display:block}.account-page{max-width:1000px;margin:auto;padding:55px 5vw 80px}.account-page>.back-link{margin-bottom:35px}.account-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.account-heading h1{color:var(--cream);margin:15px 0 8px;font:600 42px Space Grotesk}.account-heading p{max-width:620px;color:var(--muted);margin:0;line-height:1.6}.account-current{min-width:150px;color:var(--cyan);border:1px solid var(--line);background:#84e5d00f;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:6px 8px;padding:13px 15px;display:grid}.account-current span{color:var(--muted);font:10px DM Mono}.account-current strong{color:var(--cream);overflow-wrap:anywhere;grid-column:1/-1;font:600 18px Space Grotesk}.account-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px;margin-top:40px;padding:14px 0;display:grid}.account-create{min-height:42px;color:var(--muted);align-items:center;gap:10px;display:flex}.account-create input{min-width:0;color:var(--cream);background:var(--panel);border:1px solid var(--line);border-radius:4px;outline:0;flex:1;padding:10px 11px}.account-create input:focus{border-color:var(--cyan)}.account-create input::placeholder{color:var(--muted)}.account-create .button,.account-file-actions .button{min-height:38px;padding:0 12px;font-size:11px}.account-file-actions{flex-wrap:wrap;gap:9px;display:flex}.account-import{position:relative;overflow:hidden}.account-import input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.account-message{color:var(--orange);margin:14px 0 0;font:11px DM Mono}.account-list{border:1px solid var(--line);background:#17272c91;border-radius:6px;margin-top:28px;padding:22px}.account-list .panel-heading h2{margin-bottom:14px}.account-row{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:67px;display:grid}.account-row.active{border-left:2px solid var(--cyan);padding-left:10px}.account-row-icon{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.account-row.active .account-row-icon{color:var(--cyan);border-color:var(--cyan)}.account-row-copy strong,.account-row-copy small{display:block}.account-row-copy strong{color:var(--cream);overflow-wrap:anywhere;font:600 15px Space Grotesk}.account-row-copy small{color:var(--muted);margin-top:4px;font:10px DM Mono}.account-row-actions{align-items:center;gap:12px;display:flex}.account-row-actions .button{min-height:34px;padding:0 11px;font-size:11px}.review-badge{z-index:2;color:#0d1c1e;letter-spacing:.06em;border-radius:3px;padding:2px 8px;font:10px DM Mono;position:absolute;top:-10px;left:10px}.review-badge.source-due{background:var(--orange)}.review-badge.source-requeue{background:var(--red);color:#fffaf5}.game-card-wrap.quality-bronze{outline-offset:2px;outline:2px solid #b77b5699}.game-card-wrap.quality-silver{outline-offset:2px;outline:2px solid #8f93a199}.game-card-wrap.quality-gold{outline-offset:2px;outline:2px solid #c59655a6}.game-card-wrap.quality-mastered{outline-offset:2px;outline:2px solid #84e5d099}.mistake-book-review{flex-direction:column;align-items:flex-end;gap:6px;padding-bottom:4px;display:flex}.mistake-book-review small{color:var(--muted);font:10px DM Mono}.review-next-due{color:var(--muted);margin:0 0 16px;font:12px DM Mono}.grade-filter-bar{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.grade-filter-button{min-height:30px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font:11px DM Mono;transition:all .18s}.grade-filter-button:hover{color:var(--cream);border-color:var(--muted)}.grade-filter-button.active{color:#fffaf5;border-color:#0000}.grade-filter-button.grade-all.active{background:var(--cyan)}.grade-filter-button.grade-bronze.active{background:#b77b56}.grade-filter-button.grade-silver.active{background:#8f93a1}.grade-filter-button.grade-gold.active{background:#c59655}.grade-filter-button.grade-mastered.active{background:#4f9d69}.memory-summary{border:1px solid var(--line);background:#ebe5d8;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;padding:16px;display:grid}.memory-summary span{color:var(--muted);font:11px DM Mono}.memory-summary strong{color:var(--cyan);margin-left:5px;font-size:18px}.memory-record-list{gap:10px;margin-top:18px;display:grid}.memory-record{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:6px;padding:15px 17px}.memory-record.quality-bronze{border-left-color:#b77b56}.memory-record.quality-silver{border-left-color:#8f93a1}.memory-record.quality-gold{border-left-color:#c59655}.memory-record.quality-mastered{border-left-color:var(--cyan)}.memory-record-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.memory-record-main>div{min-width:0}.memory-record-main strong{color:var(--cream);overflow-wrap:anywhere;font:600 16px Space Grotesk}.memory-record-main small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;line-height:1.5;display:block}.quality-badge{border-radius:3px;margin-left:8px;padding:3px 7px;font:10px DM Mono;display:inline-block}.quality-badge.quality-bronze{color:#845538;background:#ead1bb}.quality-badge.quality-silver{color:#555b69;background:#dfe1e6}.quality-badge.quality-gold{color:#775426;background:#efddb1}.quality-badge.quality-mastered{color:#fffaf5;background:var(--cyan)}.memory-record-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:12px;font:10px DM Mono;display:flex}.memory-record-meta .is-due{color:var(--red);font-weight:600}@media (width<=560px){.memory-summary{grid-template-columns:1fr 1fr;padding:13px}.memory-record{padding:13px}}@media (width<=360px){.memory-summary{grid-template-columns:1fr}}.account-note{color:var(--muted);align-items:flex-start;gap:9px;margin-top:16px;font:10px/1.6 DM Mono;display:flex}.account-note svg{color:var(--cyan);flex:none}.enemy-portrait,.player-portrait{place-items:center;height:135px;margin:10px auto 8px;display:grid;position:relative}.player-seal{width:106px;height:106px;color:var(--cyan);border:1px solid var(--cyan);box-shadow:none;background:0 0;border-radius:50%;place-items:center;margin:0;display:grid;overflow:hidden}.player-seal .avatar-image{object-fit:cover;width:100%;height:100%}.character-panel{flex:1 0 auto;margin-top:17px;padding-top:13px}.enemy-panel{border-top:1px solid var(--line);flex:1 0 auto;margin-top:17px;padding-top:13px}.enemy-panel-title{color:var(--cream);justify-content:space-between;align-items:baseline;gap:10px;font:11px DM Mono;display:flex}.enemy-panel-title small{color:var(--orange);text-align:right;font-size:9px}.enemy-panel .enemy-abilities{margin-top:10px}.enemy-core{overflow:hidden}.bar-line,.stat-row{min-height:18px}.enemy-side .stat-row:first-of-type,.player-side .stat-row:first-of-type{margin-top:13px}.enemy-side .stat-row+.stat-row,.player-side .stat-row+.stat-row{margin-top:10px}.player-side .stat-row{margin-top:0}@media (width<=800px){.player-portrait{margin:10px auto 8px}.account-heading{flex-direction:column;align-items:flex-start;gap:18px}.account-current{min-width:0}}@media (width<=560px){.character-grid{grid-template-columns:1fr}.character-panel-title{flex-direction:column;align-items:flex-start;gap:4px}.character-panel-title small{text-align:left}.account-page{padding:35px 20px 60px}.account-heading h1{font-size:34px}.account-toolbar{margin-top:28px}.account-create{flex-wrap:wrap;align-items:stretch}.account-create svg{margin-top:11px}.account-create input{flex-basis:calc(100% - 33px)}.account-create .button{width:100%}.account-file-actions{grid-template-columns:1fr 1fr;display:grid}.account-file-actions .button{width:100%}.account-list{padding:17px}.account-row{grid-template-columns:34px minmax(0,1fr);padding:12px 0}.account-row-actions{grid-column:2;justify-content:flex-start}}.deck-directory{background:#ebe5d8;box-shadow:0 8px 18px #4c403514}.deck-directory button{color:var(--cream)}.deck-directory button:hover,.deck-directory button:focus-visible{color:var(--cyan);background:#76657f1a;border-color:#76657f47;outline:0}.deck-directory small{color:var(--orange)}.account-list{background:#ebe5d8;box-shadow:0 8px 18px #4c403514}.account-row{border-top-color:#d4cbbb}.account-row.active{background:#76657f14}.account-row-actions .button.primary{color:#fffaf5;background:var(--cyan);border-color:var(--cyan)}.account-row-actions .button.primary:hover:not(:disabled){color:#fffaf5;background:#66566f}