@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Serif+KR:wght@500;600;700;900&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#202c35;background:#f3f1e9;font-synthesis:none;--ink:#172f35;--red:#b5402f;--muted:#65716f;--line:#d8ddd3;--paper:#fffdf5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cc7e35;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-2px)}button:disabled{cursor:default;transform:none;opacity:.55}a{color:inherit;text-decoration:none}.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1450px;margin:auto;padding:22px 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:"Noto Serif KR",serif;font-size:22px;font-weight:700}.brand small{display:block;font:11px Noto Sans KR,sans-serif;letter-spacing:2px;margin-top:5px;color:var(--muted)}.seal{display:grid;place-items:center;background:var(--red);color:#fff8db;outline:1px solid #fff7;outline-offset:-5px;width:46px;height:49px;font-size:30px;transform:rotate(-3deg)}nav{display:flex;gap:8px}.nav{background:transparent;border:0;padding:13px 18px;color:#68716e;font-weight:700;font-size:15px;border-radius:8px}.nav.active{color:#a33c29;background:#e9e6d9}.grade-tag{font-size:13px;font-weight:700;border:1px solid #ccd3c7;border-radius:30px;padding:8px 14px;white-space:nowrap}main{max-width:1354px;margin:0 auto;padding:34px 48px 52px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--red);margin:0 0 11px}h1{font-family:"Noto Serif KR",serif;font-size:31px;letter-spacing:-1.6px;margin:0 0 10px}p{line-height:1.8}h2{font-family:"Noto Serif KR",serif}.page-heading p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0}.collection{padding:12px 22px;border-left:1px solid #cdd1c8;text-align:right}.collection b{font-size:29px}.collection b span{font-size:17px;color:#849088}.collection small{display:block;color:var(--muted);font-size:12px}.home-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:24px}.scene-card{background:var(--ink);color:#fff9e6;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 12px 24px #12302212}.scene-tag{position:absolute;z-index:2;top:19px;left:24px;font-size:12px;padding:7px 12px;background:#193835de;border:1px solid #ffffff25;border-radius:4px}.scene{height:286px;position:relative;overflow:hidden;background:#a9b2b1;isolation:isolate}.scenery{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.mid{opacity:.65}.gate{position:absolute;height:88%;width:auto;bottom:-5px;right:16%;filter:drop-shadow(0 6px 4px #102c3f44)}.teacher-sprite{position:absolute;width:150px;height:150px;bottom:12px;left:16%;background:url(../assets/characters/hunjang-idle.png) left top / 300px 300px;image-rendering:pixelated;filter:drop-shadow(0 6px 2px #17253066)}.scene-ribbon{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:35px 10px 16px;background:linear-gradient(transparent,#132f35dd);font-family:"Noto Serif KR";font-size:15px;letter-spacing:2px}.scene-bottom{padding:23px 27px 25px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}.badge{font-size:11px;color:#d9b767;letter-spacing:1px}.scene-bottom h2{font-size:21px;margin:0;grid-column:1}.scene-bottom p{margin:0;color:#a7bcba;font-family:"Noto Serif KR";letter-spacing:5px;font-size:16px;grid-column:1}.primary{border:0;background:#bc4a34;color:#fffdf1;border-radius:6px;padding:16px 24px;font-weight:700;box-shadow:0 3px #802f22}.primary span{margin-left:20px}.primary:hover{background:#a63927}.scene-bottom .primary{grid-column:2;grid-row:2 / span 2}.paper-panel{position:relative;background:#e7e9dc;border:1px solid #d7dccb;border-radius:14px;padding:28px 28px 15px;overflow:hidden}.paper-panel h2{font-size:23px;line-height:1.6;margin:0 0 12px;letter-spacing:-1px}.paper-panel>p:not(.eyebrow){font-size:14px;color:#647269;margin-bottom:25px}.mini-progress{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.track{height:7px;background:#cdd5c6;border-radius:10px;overflow:hidden}.track i{display:block;width:0;height:100%;background:#407763}.tip{display:flex;gap:12px;align-items:center;margin-top:24px;border-top:1px solid #cdd5c6;padding-top:15px;position:relative;z-index:2}.tip>span{font:24px "Noto Serif KR";border:1px solid #bac8b5;padding:6px 10px;color:#54785d}.tip p{font-size:12px;line-height:1.8;color:#647269}.tip b{font-size:13px;color:#35563e}.bag{position:absolute;width:80px;right:-17px;bottom:-20px;opacity:.3}.chapters-section{margin-top:34px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.section-title h2{font-size:20px;margin:0}.section-title>span{font-size:12px;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.chapter{background:#fffdf7;border:1px solid #dedfd2;border-radius:9px;display:flex;text-align:left;flex-direction:column;padding:17px;gap:12px;position:relative;min-height:153px}.chapter:hover{border-color:#acbda8;box-shadow:0 5px 12px #1a402b09}.chapter:first-child{border-color:#b97050}.chapter-number{font-size:11px;color:#978976;letter-spacing:2px}.chapter b{font-size:14px}.chapter-chars{font:17px "Noto Serif KR",serif;letter-spacing:2px;color:#667366}.chapter small{font-size:11px;color:#7d857a;border-top:1px solid #ecebdd;width:100%;padding-top:12px;margin-top:auto;display:flex;justify-content:space-between}footer{font-size:12px;color:#64748b;text-align:center;padding:24px;border-top:1px solid var(--line)}@media(max-width:1050px){.topbar{padding:20px 26px;gap:12px}.grade-tag{display:none}main{padding:28px}.nav{padding:10px}.chapter-grid{grid-template-columns:repeat(3,1fr)}.scene-bottom{display:block}.scene-bottom h2{margin:8px 0}.scene-bottom .primary{margin-top:16px}.home-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}}@media(max-width:700px){.topbar{flex-wrap:wrap;padding:16px 20px;gap:13px}.brand{font-size:20px}.brand small{font-size:10px}nav{width:100%;justify-content:space-between;gap:0}.nav{font-size:13px;padding:10px 8px}main{padding:22px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px;line-height:1.5}.page-heading p:not(.eyebrow){font-size:13px}.collection{display:none}.home-grid{grid-template-columns:1fr}.paper-panel{padding:22px}.paper-panel h2{font-size:20px}.paper-panel h2 br{display:none}.paper-panel>p:not(.eyebrow){margin-bottom:12px}.tip{margin-top:14px;padding-top:5px}.scene{height:260px}.scene-bottom{padding:22px}.scene-bottom .primary{width:100%}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:block}.section-title>span{display:block;margin-top:8px}.chapter{padding:15px}.chapter b{font-size:13px}.chapter-chars{font-size:16px}.teacher-sprite{left:8%}.gate{right:4%}}.regional-map-preview{display:block;width:100%;height:auto;aspect-ratio:3/2;overflow:hidden}.village-zone-grid .regional-map-preview{width:100%;height:100px;object-fit:cover}.village-preview .regional-map-preview{border-radius:inherit}.hanja{font-family:"Noto Serif KR",Batang,serif}.sound-toggle{font-size:12px;font-weight:700;border:1px solid #ccd3c7;border-radius:30px;padding:9px 13px;background:transparent;color:#52615b;white-space:nowrap}.nav-count{display:inline-grid;place-items:center;font-size:11px;min-width:17px;height:17px;border-radius:50%;background:#b14430;color:#fff}.home-stats{display:flex;justify-content:space-between;margin-top:18px;gap:8px}.home-stats div{display:flex;flex-direction:column;gap:4px}.home-stats b{font:700 24px "Noto Serif KR"}.home-stats span{font-size:12px;color:#657463}.paper-panel .tip{margin-top:16px;padding-top:8px}.resume-bar{padding:14px 20px;margin-bottom:20px;border:1px solid #d4c7a0;background:#f7edd3;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:8px;font-size:14px}.small-btn,.secondary{border:1px solid #bbc8b6;background:#fffdf5;color:#305744;padding:11px 18px;border-radius:6px;font-weight:700}.small-btn{font-size:13px;white-space:nowrap}.chapter-done{background:#e9f0e1!important;border-color:#93b392!important}.chapter-done .chapter-number{color:#3c7553}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.storage-notice{padding:12px 25px;background:#ffdfaf;font-size:14px;text-align:center}.footer-link{background:none;border:none;text-decoration:underline;color:#64748b;font-size:12px;margin-left:22px}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:#476053;margin-bottom:18px}.back-btn{background:none;border:none;color:#657369;padding:8px 0}.play-track{height:5px;margin-bottom:25px}.play-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:24px;align-items:start}.adventure-stage{background:var(--ink);color:#f8f4e5;border-radius:12px;overflow:hidden}.stage-top{display:flex;justify-content:space-between;padding:17px 23px;font-size:12px;color:#e0d2a7;gap:15px}.stage-top span:last-child{color:#a8bcb4}.adventure-stage #phaser-stage{width:100%;aspect-ratio:880/460;background:#a9b2b1;overflow:hidden}.adventure-stage canvas{display:block}.dialogue{position:relative;margin:0;padding:23px 25px 19px;min-height:136px;border-bottom:1px solid #fff2}.speaker{font-size:12px;color:#e9c885;font-weight:700}.dialogue p{font-family:"Noto Serif KR";font-size:18px;line-height:1.85;margin:9px 0 0}.stage-footer{display:flex;justify-content:space-between;gap:14px;padding:17px 23px;font-size:12px;color:#99b2a9}.stage-footer .hanja{font-size:14px;color:#e2d7b8}.exercise-panel{border:1px solid #d9dbc9;background:#fffdf6;border-radius:12px;padding:27px;text-align:center;min-height:500px}.exercise-panel .eyebrow{display:block}.learning-char{font-size:104px;line-height:1.35;margin:8px 0;color:#243f38}.hunum{font-family:"Noto Serif KR";font-size:25px;margin:8px 0 12px}.hunum strong{color:var(--red)}.char-note{font-size:14px;color:#677566;line-height:1.7;min-height:25px}.example{border:1px solid #e8e2cd;background:#f5f0e1;padding:12px 16px;border-radius:5px;font-size:14px;line-height:1.8;margin:16px 0 22px;word-break:keep-all}.text-btn{display:block;border:0;background:none;color:#647762;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:16px 4px 3px;margin:auto}.question-text{font-size:22px;line-height:1.8;letter-spacing:-.5px;margin:15px 0 22px;word-break:keep-all}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.answer-choice{border:1px solid #d9dccd;background:#f4f2e7;min-height:111px;border-radius:7px;position:relative}.answer-choice:hover{border-color:#60846c;background:#eaf0e0}.answer-choice small{position:absolute;left:12px;top:9px;color:#9a9f8e;font-size:12px}.answer-choice .hanja{font-size:51px;color:#294639}.answer-feedback{min-height:28px;line-height:1.6;font-size:14px;margin-top:14px}.try-again{color:#aa5538}.hint-box{padding:11px;background:#eee5c7;color:#665c38;border-radius:5px}.hint-box b{font-size:25px;margin-right:10px}.reading-char{font-size:87px;line-height:1.35;margin:10px 0}.input-note{font-size:13px;color:#7b8476}#reading-form{display:flex;gap:10px;margin-top:22px}#reading-input{width:100%;min-width:0;padding:15px;font-size:24px;border:1px solid #c8cebc;border-radius:6px;background:#fffefb;text-align:center}#reading-form .primary{white-space:nowrap}.session-note{font-size:12px;color:#7a8475;text-align:center;line-height:1.8;margin:20px auto}.result-mark{display:inline-grid;place-items:center;border:1px solid #91b6a1;border-radius:50%;width:47px;height:47px;color:#3d805c;font-size:27px;margin-bottom:18px}.notyet .result-mark{color:#a36c2d;border-color:#cdb179}.answer-result .reading-char{font-size:66px}.answer-result h2{margin:7px}.answer-result p:not(.eyebrow){font-size:14px;color:#627460;line-height:1.9}.answer-result .primary{margin-top:15px}.book-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px;flex-wrap:wrap}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button,.writing-modes button{border:1px solid #d6ddcd;background:#fffdf5;border-radius:6px;padding:10px 15px;font-size:14px;color:#687762}.filter-tabs .selected,.writing-modes .selected{background:#2f5144;color:#fff8df;border-color:#2f5144}.search-box{display:flex;gap:9px;align-items:center;color:#697564;font-size:13px}.search-box input{padding:11px 14px;border:1px solid #d3d8c7;border-radius:6px;font-size:14px;background:#fffdf5;max-width:220px}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.book-card{background:#fffdf6;border:1px solid #dddfd0;border-radius:8px;padding:19px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:226px}.book-card.seen{border-color:#a2b899;background:#f0f4e9}.book-status{font-size:11px;color:#899582}.book-card>.hanja{font-size:54px;line-height:1.3;color:#2a473a}.book-card>b{font-size:14px;font-weight:500}.record-dots{display:flex;gap:5px;margin-top:6px}.record-dots i{font-size:10px;padding:4px 8px;font-style:normal;color:#9aa18f;background:#ebece2;border-radius:4px}.record-dots i.filled{background:#dcead6;color:#457548}.review-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.review-hero{text-align:center;align-self:start;padding:28px}.review-hero>img{width:135px}.review-hero h2{font-size:24px}.review-hero p{font-size:14px}.review-row{display:flex;align-items:center;gap:18px;width:100%;padding:17px 22px;margin-bottom:10px;border:1px solid #dedfd2;background:#fffdf5;border-radius:7px;text-align:left}.review-row>.hanja{font-size:38px;width:44px}.review-row small{display:block;margin-top:6px;font-size:12px;color:#7f8b76}.review-row>span:last-child{margin-left:auto;font-size:12px;color:#74806b}.empty-state{grid-column:1/-1;background:#eeeee3;border:1px dashed #c8d1bc;border-radius:8px;text-align:center;padding:52px 20px;color:#68795f;font-size:15px}.empty-state>.hanja{font-size:29px;letter-spacing:6px}.empty-state h2{font-size:22px}.empty-state.compact{padding:25px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.check-card{border:1px solid #d9dbc9;border-radius:12px;background:#fffdf5;padding:30px}.check-card h2{font-size:25px;margin:8px 0}.large-number{font-family:"Noto Serif KR";font-weight:700;font-size:64px;color:#2c5245;margin:10px 0}.large-number small{font-family:Noto Sans KR;font-size:15px;margin-left:10px;font-weight:400}.check-card p{color:#73826c;font-size:15px}.full-check{background:#e8ecdf;border-color:#c1cdb7}.info-box{padding:24px 28px;border-left:3px solid #bd9251;background:#efe9d8;margin:26px 0 35px;font-size:14px;line-height:1.8}.info-box p{margin:8px 0 10px}.info-box a{color:#9b5736;text-decoration:underline}.history{border:1px solid #d6ddcd;border-radius:8px;background:#fffdf5}.history>div{padding:17px 24px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e8dc;font-size:14px}.history>div:last-child{border:none}.result-page{text-align:center;max-width:800px;margin:20px auto}.big-seal{display:inline-grid;width:66px;height:70px;font-size:45px;margin:10px auto 28px}.result-page h1{font-size:29px;line-height:1.6}.result-page>p:not(.eyebrow){font-size:15px;color:#68775f}.result-numbers{display:flex;justify-content:center;gap:50px;margin:30px 0}.result-numbers>div{display:flex;flex-direction:column;gap:8px}.result-numbers b{font-family:"Noto Serif KR";font-size:42px;color:#2b5c43}.result-numbers small{font-size:21px;color:#9ca48f}.result-numbers span{font-size:13px;color:#7e8b74}.result-chars{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:25px 0}.result-char{background:#eaf0df;border:1px solid #c6d5b8;border-radius:7px;padding:15px 17px;min-width:100px}.result-char .hanja{display:block;font-size:35px;margin-bottom:8px}.result-char small{font-size:12px}.result-char.needs-review{background:#f3e4cc;border-color:#d9bc8a}.result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:26px 0}.result-actions .primary,.result-actions .secondary{min-width:170px}dialog{border:1px solid #cbd3bd;border-radius:12px;background:#fffdf3;color:#274133;width:min(470px,calc(100% - 28px));max-height:90dvh;padding:30px;text-align:center;box-shadow:0 25px 80px #10221955}dialog::backdrop{background:#102d32a8;backdrop-filter:blur(3px)}dialog p{font-size:14px;line-height:1.9}dialog h2{margin:8px 0 14px}.dialog-close{position:absolute;right:13px;top:10px;font-size:27px;padding:0 8px;border:none;background:none;color:#72816d}.detail-char{font-size:85px;margin-top:18px}.detail-records{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:24px 0}.detail-records b{display:block;margin-top:8px;font-size:18px}.small-muted{font-size:12px!important;color:#808d79!important;line-height:1.7!important}.writing-modes{display:flex;justify-content:center;gap:10px;margin:15px 0}.writing-pad{margin:18px auto;display:grid;place-items:center;min-height:220px;width:fit-content;max-width:100%;background-color:#f8f4df;background-image:linear-gradient(90deg,transparent calc(50% - .5px),#d1cbb1 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#d1cbb1 50%,transparent calc(50% + .5px));border:1px solid #cfcaaf;touch-action:none}.writing-pad svg{display:block;touch-action:none}#writing-status{min-height:48px;color:#476943}.writing-controls{display:flex;justify-content:center;gap:10px}.danger-btn{background:#a84330;color:#fff5e2;border:0;border-radius:6px;padding:12px 18px;font-size:14px}.book-card:hover,.result-char:hover{border-color:#698d61}.footer-link:hover{transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:1050px){.sound-toggle{font-size:0;padding:10px}.sound-toggle:first-letter{font-size:16px}.play-grid{grid-template-columns:1.2fr 1fr;gap:16px}.exercise-panel{padding:22px;min-height:470px}.dialogue p{font-size:16px}.book-grid{grid-template-columns:repeat(4,1fr)}.stage-footer{display:block}.stage-footer span{display:block;margin-bottom:5px}}@media(max-width:750px){.topbar .sound-toggle{position:absolute;right:20px;top:25px;font-size:12px}.topbar nav{order:3}.play-grid{grid-template-columns:1fr}.stage-top{padding:12px 18px}.adventure-stage #phaser-stage{max-height:245px}.dialogue{padding:15px 20px;min-height:90px}.dialogue p{font-size:15px;margin:6px 0 0}.stage-footer{display:none}.exercise-panel{min-height:0;padding:23px}.learning-char{font-size:85px}.question-text{font-size:20px}.answer-choice{min-height:97px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.book-card{min-height:198px;padding:15px 5px}.book-card>.hanja{font-size:45px}.book-card>b{font-size:12px}.record-dots{gap:3px}.record-dots i{padding:3px 5px;font-size:10px}.review-layout{grid-template-columns:1fr}.review-row{padding:13px}.review-row>span:last-child{font-size:11px}.check-grid{grid-template-columns:1fr}.check-card{padding:24px}.large-number{font-size:52px}.result-page h1{font-size:24px}.resume-bar{padding:14px;font-size:12px}.resume-bar b{display:block}.book-tools{gap:12px}.search-box{width:100%}.search-box input{width:100%;max-width:none}.filter-tabs button{font-size:12px;padding:9px 11px}.play-heading{font-size:12px;gap:8px}.play-heading>span{flex:1;text-align:center}.result-numbers{gap:35px}.result-numbers b{font-size:34px}.footer-link{display:block;margin:12px auto 0}.review-hero>img{width:95px}.info-box{padding:19px;font-size:13px}}@media(max-width:360px){.book-grid{grid-template-columns:repeat(2,1fr)}.writing-controls{flex-wrap:wrap}dialog{padding:25px 16px}}.memory-active #main-content,.memory-active .topbar{visibility:hidden}.free-writing{position:relative;width:min(300px,100%);aspect-ratio:1;background:#f7f2df;border:1px solid #d1cbb3;margin:20px auto;touch-action:none}.free-writing>span{position:absolute;inset:0;display:grid;place-items:center;font-size:205px;line-height:1;color:#d6d0bc;pointer-events:none}.free-writing canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.free-writing+p{font-size:14px}.home-stats,.book-card .record-dots{font-variant-numeric:tabular-nums}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.atlas{position:relative;min-height:560px;border-radius:20px;overflow:hidden;background:#c5dac9;border:1px solid #bdc4a6}.atlas-art{width:100%;height:100%;position:absolute;object-fit:cover}.atlas-title{position:absolute;left:28px;top:25px;display:grid;color:#253f35}.atlas-title>span{font-size:46px;font-family:serif}.atlas-title b{font-size:22px}.atlas-title small{font-size:11px}.province-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;border:0;background:#fffae9ed;border-radius:30px;padding:5px 13px 5px 5px;box-shadow:0 3px 12px #263e3838;color:#34483f;cursor:pointer;white-space:nowrap}.pin-seal{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a64332;color:#fff5d4;font-family:serif;font-size:22px}.pin-name{font-size:14px;font-weight:800;text-align:left}.pin-name small{display:block;font-size:10px;font-weight:500}.province-pin.chosen{outline:3px solid #dcb46c;z-index:2}.liberated .pin-seal{background:#437c61}.atlas-legend{position:absolute;bottom:18px;left:22px;display:flex;gap:14px;font-size:11px;background:#fff9e9d9;padding:8px 12px;border-radius:12px}.atlas-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#a64332}.atlas-legend .free-dot{background:#437c61}.province-panel,.village-sidebar{padding:24px;background:#fffbed;border:1px solid #d8d7bf;border-radius:18px}.province-panel h2,.village-sidebar h2{font-size:27px;margin:10px 0 17px}.province-panel>p,.village-sidebar>p{font-size:14px;line-height:1.8;color:#697469}.village-preview{height:155px;overflow:hidden;border-radius:12px}.village-preview img{width:100%;height:100%;object-fit:cover}.occupation-meter{display:flex;justify-content:space-between;font-size:13px;margin:20px 0 9px}.province-characters{margin:23px 0}.province-characters>span{font-size:12px;color:#778074}.province-characters p{font-size:25px;line-height:1.8;margin:7px 0}.wide{width:100%}.map-instruction{display:block;font-size:11px;text-align:center;margin-top:12px;color:#7c8175}.journey-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:20px 25px;background:#e9eddd;border-radius:15px}.journey-strip>div{display:flex;align-items:center;gap:12px}.journey-strip .hanja{font-size:28px;color:#7b8867}.journey-strip p{margin:0}.journey-strip small{display:block;margin-top:5px;font-size:11px}.village-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.world-container{position:relative;border-radius:18px;overflow:hidden;background:#bfd1b3;border:1px solid #a8b79c}#world-map{height:600px;width:100%;outline:none}#world-map canvas{display:block}.world-badge{position:absolute;top:18px;left:18px;background:#fff9e9ed;padding:10px 13px;border-radius:25px;font-size:12px;font-weight:700;pointer-events:none}.status-light{display:inline-block;width:8px;height:8px;background:#b44334;border-radius:50%;margin-right:7px}.status-light.free{background:#4e8d6d}.world-controls{position:absolute;right:15px;top:18px;display:grid;gap:5px}.world-controls button{width:37px;height:37px;border:1px solid #b6bea7;background:#fffaea;font-size:22px;border-radius:9px;cursor:pointer}.world-help{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#243b33df;color:#fff5dd;padding:9px 15px;border-radius:20px;white-space:nowrap;font-size:11px;pointer-events:none}.enemy-list{display:grid;gap:10px;margin-top:23px}.enemy-target{display:flex;gap:10px;align-items:center;text-align:left;padding:14px 10px;border:1px solid #d8d4bb;border-radius:12px;background:#fffef6;cursor:pointer;color:#33493e}.enemy-target>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#b64e38;color:#fff}.enemy-target b{font-size:13px}.enemy-target small{display:block;font-size:10px;margin-top:6px;color:#7a8073}.enemy-target i{margin-left:auto}.enemy-target.defeated>span{background:#528469}.arrival-panel{padding:18px 15px;background:#eeedda;border-radius:12px;margin-top:22px}.arrival-panel p{font-size:13px;line-height:1.7}.arrival-panel h3{margin:9px 0}.primary:disabled{opacity:.5;cursor:default}@media(max-width:900px){.atlas-layout,.village-layout{grid-template-columns:1fr}.atlas{min-height:580px}.province-panel{display:block}.village-preview{display:none}.journey-strip{flex-wrap:wrap}#world-map{height:540px}.village-sidebar{padding:20px}.enemy-list{grid-template-columns:repeat(3,1fr)}.enemy-target{flex-wrap:wrap}.province-panel h2{margin:8px 0}.province-characters{margin:14px 0}.atlas-title{left:17px;top:16px}.atlas-title small{max-width:95px}.atlas-title>span{font-size:35px}}@media(max-width:520px){.atlas{min-height:560px}.atlas-art{object-fit:cover}.province-pin{padding:4px 8px 4px 4px;gap:4px}.pin-seal{width:26px;height:26px;font-size:18px}.pin-name{font-size:12px}.pin-name small{font-size:9px}.world-help{font-size:9px;padding:8px}.enemy-list{grid-template-columns:1fr}.enemy-target{flex-wrap:nowrap}#world-map{height:480px}.journey-strip{padding:17px;gap:20px}.journey-strip b{font-size:14px}}.zone-strip{display:flex;align-items:center;gap:18px;padding:17px 20px;background:#e5e9d8;border:1px solid #c5cfb8;border-radius:15px;margin-bottom:16px}.zone-strip>div{min-width:100px}.zone-strip>div small{display:block;font-size:10px;color:#727d69;margin-bottom:5px}.zone-strip>div b{font-size:17px;color:#274e3f}.zone-strip nav{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;flex:1}.zone-button{border:1px solid #c4cbb6;background:#f8f7e9;color:#69735e;border-radius:7px;padding:10px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.zone-button span{margin-left:5px;color:#849777}.zone-button.active{background:#345e4c;color:#fff6d7;border-color:#345e4c}.zone-button.active span{color:#ead898}.zone-strip>small{white-space:nowrap;font-size:11px;color:#778369}@media(max-width:1100px){.zone-strip{flex-wrap:wrap}.zone-strip nav{order:3;flex-basis:100%}.zone-strip>small{margin-left:auto}}@media(max-width:560px){.zone-strip nav{grid-template-columns:repeat(3,1fr)}.zone-strip{padding:14px}}body:has(.battle-screen){background:#14262c}body:has(.battle-screen) .topbar,body:has(.battle-screen) footer{display:none}body:has(.battle-screen) #main-content{max-width:none;padding:0;margin:0}.battle-screen{position:relative;min-height:760px;height:100dvh;overflow:hidden;background:#243d48;color:#fff8df}.battle-topline{position:absolute;top:0;left:0;right:0;z-index:8;padding:22px 30px;display:flex;align-items:center;gap:25px;background:linear-gradient(#112632c9,transparent);font-size:13px}.battle-topline>span{flex:1;text-shadow:0 2px 4px #000}.battle-topline i{opacity:.4;margin:0 10px}.battle-back{border:1px solid #fff4ce55;color:#fff6df;background:#173038b3;border-radius:7px;padding:10px 17px;cursor:pointer}.battle-topline>b{border:1px solid #f1d59a70;padding:8px 15px;border-radius:4px;color:#f9daa1}#phaser-stage{position:absolute;inset:0;min-height:0;height:100%;overflow:hidden;aspect-ratio:auto}.battle-landscape{position:absolute;inset:0;background:url(../assets/battle/arena.png) center/cover}.battle-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#0a1d2be8,transparent 45%,#11273533),linear-gradient(90deg,#10283522,transparent 60%)}.battle-hero{position:absolute;left:9%;bottom:16%;width:38%;height:66%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 10px #0b1b3450);animation:hero-breathe 3s ease-in-out infinite}.battle-enemy{position:absolute;left:60%;top:13%;width:27%;height:43%;object-fit:contain;filter:drop-shadow(0 12px 9px #13243d80);animation:enemy-hover 3.4s ease-in-out infinite}.battle-enemy.enemy-boss{width:32%;left:57%}.fighter-shadow{position:absolute;border-radius:50%;background:#0f172f55;filter:blur(10px)}.hero-shadow{left:16%;bottom:16%;width:24%;height:5%}.enemy-shadow{left:66%;top:51%;width:16%;height:3%}.enemy-status{position:absolute;right:9%;top:11%;width:260px;z-index:4;text-shadow:0 2px 5px #000}.enemy-status>div:first-child{display:flex;justify-content:space-between;font-size:11px}.enemy-status h2{font-size:24px;margin:5px 0 10px}.enemy-status h2 span{float:right;border:1px solid #e4c79799;border-radius:50%;font-size:14px;padding:3px 7px;color:#f8d89b}.battle-hp{height:8px;border:1px solid #e7dab798;background:#0a162fc9;transform:skew(-15deg);padding:1px}.battle-hp i{display:block;height:100%;background:linear-gradient(90deg,#58b7aa,#c4ffe0);transition:width .7s}.enemy-status p{font-size:11px;text-align:right;margin:5px 0}.hero-status{position:absolute;left:4%;bottom:18%;min-width:190px;text-shadow:0 2px 5px #000}.hero-status small{color:#ddd9ba;font-size:11px}.hero-status h2{font-size:28px;margin:5px 0 8px}.hero-status h2 span{font-size:16px;color:#f3cf8e;margin-left:13px}.hero-status p{font-size:11px}.brush-charge{display:flex;gap:5px}.brush-charge i{height:6px;width:34px;background:#f4daa1;transform:skew(-20deg);box-shadow:0 0 8px #f3c66144}.battle-command{position:absolute;right:4%;bottom:16%;width:350px;z-index:6;border:1px solid #e4d6ad70;border-radius:10px;background:linear-gradient(130deg,#15313ced,#11202de8);box-shadow:0 15px 40px #08152055;backdrop-filter:blur(12px);overflow:hidden}.command-heading{display:flex;justify-content:space-between;align-items:center;background:#e9d8ae;color:#263742;padding:12px 17px;font-size:14px;font-weight:800}.command-heading small{font-size:10px;font-weight:500}.battle-command .exercise-panel{padding:19px 22px;background:none;border:0;box-shadow:none;border-radius:0;min-height:0;color:#fff8e7}.battle-command .eyebrow{color:#b0c5c5;font-size:10px}.battle-command .question-text{font-size:18px;line-height:1.5;margin:8px 0 16px;color:#fff9e6}.battle-command .answer-grid{grid-template-columns:1fr 1fr;gap:9px}.battle-command .answer-choice{background:#193746;border:1px solid #93b6ba77;border-radius:6px;color:#fff2cb;padding:8px;min-height:72px;display:flex;align-items:center;gap:18px}.battle-command .answer-choice:hover{background:#e5d5a9;color:#1e3440;transform:translate(-3px);border-color:#f7e4af}.battle-command .answer-choice small{position:static;display:grid;place-items:center;background:#ffffff17;border-radius:50%;height:21px;width:21px;font-size:11px}.battle-command .answer-choice .hanja{font-size:37px}.battle-command .text-btn{color:#c3ceca;font-size:11px;margin-top:10px}.battle-command .primary{background:#e8d5a6;color:#243845;border:1px solid #f6e7bc;box-shadow:none;font-size:13px;min-height:42px;padding:11px 14px}.battle-command .learning-char,.battle-command .reading-char{font-size:68px;line-height:1.15;margin:8px 0;color:#ffedbb}.battle-command .hunum{font-size:22px;margin:9px 0}.battle-command .char-note{font-size:12px;line-height:1.5;color:#c4d0ca;margin:9px 0}.battle-command .example{background:#ffffff0d;color:#e6e6d8;font-size:12px;padding:9px;margin:10px 0}.battle-command #reading-form{display:flex;gap:8px}.battle-command #reading-input{min-width:0;width:100%;background:#f8f3de;border:1px solid #d9c99a;color:#173642;font-size:23px;height:48px}.battle-command .input-note{font-size:12px;color:#c2cfcb}.battle-command .hint-box{background:#ffffff12;color:#f2d9a5;font-size:12px}.battle-command .try-again{color:#f4c799;font-size:12px}.battle-command .answer-result{text-align:center;padding:0}.battle-command .answer-result h2{font-size:23px;margin:8px}.battle-command .answer-result p{font-size:12px;line-height:1.6;color:#ccd8cd}.battle-command .result-mark{font-size:20px;width:36px;height:36px;margin:0 auto 8px;background:#a9ceb324;color:#e5dfaf}.battle-dialogue{position:absolute;bottom:0;left:0;right:0;min-height:110px;padding:24px 5%;border-top:1px solid #e7d4a45c;background:linear-gradient(100deg,#112332ed,#0d202bed);z-index:7;display:flex;align-items:center;gap:27px}.battle-dialogue .speaker{color:#f5d89a;white-space:nowrap;font-size:14px}.battle-dialogue p{font-size:17px;line-height:1.6;letter-spacing:.02em;margin:0;color:#fff2d8}.spell-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.cast-glyph{position:absolute;font-family:serif;font-size:100px;color:#ffedaf;text-shadow:0 0 12px #fff7da,0 0 35px #6df4ff,0 0 60px #36d8ff;transform-origin:center}@keyframes hero-breathe{50%{translate:0 -5px}}@keyframes enemy-hover{50%{translate:0 -12px}}@media(max-width:800px){.battle-screen{min-height:820px}.battle-topline{padding:14px;gap:10px;font-size:10px}.battle-topline>span{max-width:180px}.battle-command{width:310px;right:3%;bottom:16%}.battle-hero{left:-5%;width:53%;height:48%;bottom:27%}.battle-enemy{left:51%;top:19%;height:27%;width:40%}.battle-enemy.enemy-boss{left:48%;width:47%}.enemy-status{top:10%;right:7%;width:215px}.hero-status{left:5%;bottom:20%;min-width:130px}.hero-status h2{font-size:22px}.brush-charge i{width:22px}.enemy-shadow{left:60%;top:43%}.battle-dialogue{padding:19px 5%;gap:16px}.battle-dialogue p{font-size:13px}}@media(max-width:520px){.battle-screen{height:auto;min-height:100dvh;padding-bottom:100px;padding-top:360px}.battle-command{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:0 14px 18px}.battle-topline>span{max-width:none}.battle-topline>b{display:none}.battle-landscape{background-position:48% top}.battle-hero{top:135px;bottom:auto;height:235px;left:0;width:52%}.battle-enemy{top:112px;height:174px;left:54%;width:43%}.battle-enemy.enemy-boss{left:49%;width:50%}.hero-status{top:287px;bottom:auto;left:5%}.hero-status small,.hero-status p{display:none}.hero-status h2{font-size:17px}.enemy-status{top:70px;right:5%;width:180px}.enemy-status h2{font-size:19px}.enemy-status small{font-size:9px}.hero-shadow{top:330px;bottom:auto;left:12%;height:16px;width:27%}.enemy-shadow{top:265px;left:64%;height:13px}.battle-command .exercise-panel{padding:14px 18px}.battle-command .learning-char,.battle-command .reading-char{font-size:53px}.battle-dialogue{min-height:90px}.battle-dialogue .speaker{font-size:11px}.battle-dialogue p{font-size:12px}.battle-command .answer-choice{min-height:63px}.battle-command .answer-result .reading-char{font-size:48px}}@media(prefers-reduced-motion:reduce){.battle-hero,.battle-enemy{animation:none}}@media(min-width:801px){.battle-enemy{left:47%;top:22%;width:26%;height:40%}.battle-enemy.enemy-boss{left:44%;width:31%}.enemy-status{right:29%;top:12%}.enemy-shadow{left:53%;top:59%;width:17%}}@media(min-width:521px)and (max-width:700px){.battle-screen{height:auto;min-height:100dvh;padding:390px 0 110px}.battle-command{position:relative;right:auto;bottom:auto;width:calc(100% - 36px);margin:0 18px 20px}.battle-hero{top:133px;bottom:auto;left:1%;width:48%;height:265px}.battle-enemy{top:142px;left:53%;width:39%;height:218px}.battle-enemy.enemy-boss{left:49%;width:46%}.enemy-status{top:75px;right:8%;width:220px}.hero-status{top:311px;bottom:auto;left:5%}.hero-status small,.hero-status p{display:none}.hero-status h2{font-size:22px}.hero-shadow{top:369px;bottom:auto;left:12%;width:28%;height:17px}.enemy-shadow{top:344px;height:15px}.battle-command .learning-char,.battle-command .reading-char{font-size:58px}.battle-command .char-note{margin:4px}.battle-command .example{margin:7px 0}.battle-command .text-btn{margin-top:4px}.battle-command .exercise-panel{padding:14px 22px}.battle-command .answer-result .reading-char{font-size:48px}}.battle-command .hunum strong{color:#f4d696}:root{--ink:#dcf7ff;--red:#59dcff;--muted:#94b5ca;--line:#2a799b70;--paper:#091e38;color:#e1f5fc;background:#061224}body{background:radial-gradient(ellipse at 10% 0,#13569288,transparent 60%),linear-gradient(130deg,#0b2346ee,#030914f2),url(../assets/battle/arena.png) center/cover fixed;min-height:100vh}.topbar{max-width:none;border-bottom:1px solid #33c6f780;background:#071a32b3;padding:18px 32px}.brand{font-family:Noto Sans KR,sans-serif;font-weight:500;font-size:20px}.brand small{color:#6cbee0}.seal{background:#06314f;outline:1px solid #35cced;color:#a3edff;box-shadow:0 0 18px #0bf3;transform:none}.nav{border-radius:0;color:#9dcbdc;font-size:13px;font-weight:500}.nav.active,.nav:hover{background:linear-gradient(90deg,#167fc580,#1254a033);border-left:2px solid #68edff;color:#ecffff}.nav-count{background:#0a789e!important}.sound-toggle{border-color:#317396!important;color:#b0ecfc!important;background:#0a2b45!important}.eyebrow{color:#6edbff}h1,h2{font-family:Noto Sans KR,sans-serif;font-weight:500;letter-spacing:-.6px}h1{color:#d0f1ff}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#80eaff}.primary,.small-btn{border:1px solid #52c9f4;background:linear-gradient(100deg,#1174b5,#0b3764);color:#e7fbff;box-shadow:0 0 12px #0c9bd526;border-radius:2px}.primary:hover,.small-btn:hover{background:#176795}.secondary,.text-btn,.back-btn,.footer-link{color:#a7d9ea}.secondary{background:#0d2944;border:1px solid #34718c;border-radius:2px}.track{background:#081526;border:1px solid #2e647c;border-radius:0}.track i{background:linear-gradient(90deg,#078cba,#78f1ff)}.collection{border-color:#227ca0}.collection b{color:#b6f1ff}.page-heading p:not(.eyebrow),.session-note{color:#96b2c6}.atlas,.world-container{border-radius:2px;border-color:#379abc;box-shadow:0 0 25px #0a95d41a}.atlas-title{color:#102e3e}.province-panel,.village-sidebar,.paper-panel,.check-card,.info-box,.review-row{background:linear-gradient(125deg,#12335aed,#07152cf5);border:1px solid #267795;border-radius:2px;color:#d9f4ff}.province-panel>p,.village-sidebar>p,.paper-panel>p:not(.eyebrow){color:#9ebecd}.province-panel h2,.village-sidebar h2{color:#c4f2ff}.province-characters>span,.map-instruction{color:#8ab9ca}.journey-strip{background:#0b2944bb;border:1px solid #2a7695;border-radius:2px}.journey-strip .hanja{color:#46cbe9}.zone-strip{background:linear-gradient(100deg,#103d65d9,#071a32dd);border:1px solid #379abc;border-radius:2px}.zone-strip>div b{color:#b9f1ff}.zone-strip>div small,.zone-strip>small{color:#83b4cd}.zone-button{background:#091e35;border:1px solid #2a5c7b;border-radius:1px;color:#94bdcf}.zone-button.active{background:linear-gradient(90deg,#126cac,#0b3d67);border-color:#60d8ff;color:#edffff}.zone-button span{color:#58bdd9}.enemy-target{background:#0b2944;border:1px solid #2b6884;border-radius:2px;color:#c4effa}.enemy-target>span{background:#125579;border:1px solid #4299b4}.enemy-target small{color:#8ab4c8}.enemy-target.defeated>span{background:#1d665f}.arrival-panel{background:#061a30;border:1px solid #26607f;border-radius:2px;color:#a9cddb}.world-badge{background:#071d35e8;color:#bce8f8;border:1px solid #3883a5;border-radius:2px}.world-controls button{background:#09233a;color:#acf0ff;border:1px solid #5aa3c1;border-radius:1px}.world-help{background:#051728e8;color:#8cc9e1;border:1px solid #2e7894;border-radius:2px}.book-card,.review-hero,.check-card{background:#0d2641d9;border-color:#295e7a;border-radius:2px;color:#d4f2fc}.book-card.seen{background:#103b57}.book-status,.record-dots i{color:#82b2c8}.record-dots i.filled{color:#b3f6fd;background:#095b74}.book-card .hanja,.review-row .hanja{color:#c1f7ff}.filter-tabs button{background:#071d33;color:#8cb9cf;border-color:#275f7d}.filter-tabs button.selected{background:#125981;color:#daffff}.search-box{background:#071c31;border-color:#2c6782;color:#8eb5c6}.search-box input{color:#d5f3ff}.result-page{color:#d6f2fb}.result-char{background:#0c2a45;border-color:#3a7999;color:#c6f4ff}.resume-bar{background:#0a3655;color:#b8e8f8;border:1px solid #4389a6}.empty-state{color:#8bb0c3}footer{color:#668da6;border-top:1px solid #2a688750}dialog{color:#d6f2ff;background:#0b243e;border:1px solid #52b3d5;border-radius:3px}dialog .small-muted{color:#9bb9c8}.writing-pad{background:#fffcef}.status-screen{display:grid;grid-template-columns:185px minmax(300px,1fr) 29%;min-height:700px;position:relative;border:1px solid #2896c7;box-shadow:inset 0 0 30px #077dcb1a,0 0 22px #04a7ea15;background:linear-gradient(120deg,#1658996e,#061129a8 70%);padding:26px 20px;overflow:hidden}.status-nav{border-right:1px solid #25759f66;padding:10px 20px 0 0}.status-nav small{color:#55cbea;letter-spacing:4px;font-size:11px}.status-nav h1{font-size:26px;margin:17px 0 32px}.status-nav button{display:block;width:100%;border:0;border-bottom:1px solid #1f5d7a44;background:transparent;color:#8bc6dc;text-align:left;padding:14px 12px;font-size:14px}.status-nav button.selected{background:linear-gradient(90deg,#1591d885,transparent);border-left:2px solid #83eaff;color:#fff}.status-info{padding:15px 28px;z-index:2}.status-info>h2{font-size:25px;margin-bottom:26px;color:#c6f3ff}.status-row{display:flex;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #2982a76b}.status-row>div{flex:1}.status-row h3{font-size:25px;font-weight:400;color:#b0ecff;margin:0 0 8px}.status-row p{color:#5ed5f2;margin:5px 0;font-size:13px}.status-row small{font-size:11px;color:#8fb5ca}.status-diamond{display:grid;place-items:center;width:45px;height:45px;border:1px solid #38b5df;background:#08253e;box-shadow:0 0 0 5px #0e41654a;font-family:serif;font-size:25px;color:#5ae3ff;flex-shrink:0}.status-caption{text-align:center;color:#8ddff5;font-weight:400;font-size:17px;margin:29px 0 12px}.status-attributes{margin:0;display:grid;gap:5px}.status-attributes>div{display:flex;justify-content:space-between;background:#09345273;padding:9px 14px}.status-attributes dt{color:#45d1f1;font-size:14px}.status-attributes dd{color:#e1f8ff;margin:0}.status-character{position:relative;min-height:550px}.status-character>img{position:absolute;height:95%;width:150%;max-width:none;right:-24%;bottom:0;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 15px #0577ae44);mask-image:linear-gradient(#000 73%,transparent 100%)}.status-level{position:absolute;bottom:10px;right:5px;width:175px;padding:18px;background:linear-gradient(125deg,#0b69a780,#071229d9);border-left:2px solid #65d9ff;border-bottom:1px solid #42a6d4;z-index:3}.status-level small{color:#82c8df;font-size:12px}.status-level strong{display:block;font-size:65px;font-weight:300;line-height:1.2;color:#b3f4ff}.status-level strong span{font-size:22px}.status-level p{font-size:11px;color:#a9d4e6;margin:7px 0}.battle-command{background:linear-gradient(130deg,#11396aeb,#030d23f0);border:1px solid #47b6dd;border-radius:2px}.command-heading{background:linear-gradient(90deg,#1165a6,#0e315c);color:#cbf6ff;border-bottom:1px solid #39b4e0}.battle-command .primary{background:linear-gradient(90deg,#137bb8,#0a3661);color:#d7f8ff;border-color:#66cde9}.battle-command .answer-choice{background:#0b2b4b;border-color:#317a9c;border-radius:2px;color:#c3efff}.battle-command .answer-choice:hover{background:#116da1;color:#fff;border-color:#76efff}.battle-command .hunum strong{color:#a5eaff}.battle-dialogue{background:linear-gradient(100deg,#071d3cf2,#020b1bf2);border-color:#237798}.battle-dialogue .speaker{color:#6de1ff}.encounter-cover{position:fixed;inset:0;z-index:10000;pointer-events:all;overflow:hidden;animation:encounter-dark 1.15s forwards}.encounter-cover p{position:absolute;top:45%;left:0;right:0;text-align:center;color:#b8e6ff;letter-spacing:8px;font-size:16px;opacity:0;animation:encounter-text 1.15s}.encounter-iris{position:absolute;inset:-80%;border:40vmax solid #020712;border-radius:43%;animation:encounter-spiral 1.15s ease-in forwards;box-shadow:inset 0 0 60px #37b1e377}.battle-screen{animation:battle-open .45s ease-out}@keyframes encounter-spiral{0%{transform:scale(2) rotate(0);opacity:0}25%{opacity:1}to{transform:scale(.12) rotate(170deg);opacity:1}}@keyframes encounter-dark{0%,55%{background:transparent}to{background:#020712}}@keyframes encounter-text{50%{opacity:0}75%{opacity:1}to{opacity:0}}@keyframes battle-open{0%{opacity:0;filter:brightness(.2)}to{opacity:1;filter:brightness(1)}}@media(max-width:1050px){.status-screen{grid-template-columns:145px minmax(250px,1fr) 24%;padding:20px 12px}.status-info{padding:12px 20px}.status-row h3{font-size:21px}.status-nav{padding-right:12px}.status-character>img{width:185%;right:-40%}}@media(max-width:750px){.status-screen{grid-template-columns:1fr;padding:18px;min-height:850px}.status-nav{border:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0}.status-nav small{display:none}.status-nav h1{width:100%;margin:0 0 12px}.status-nav button{width:auto;font-size:12px;padding:10px}.status-info{padding:22px 0 230px}.status-info>h2{font-size:21px}.status-row{gap:14px;padding:18px 0}.status-character{position:absolute;right:15px;bottom:0;width:230px;height:265px;min-height:0}.status-character>img{width:100%;right:0}.status-level{right:210px;bottom:20px;width:130px}.status-level strong{font-size:46px}.topbar{padding:15px 18px}.topbar nav{flex-wrap:wrap}.nav{padding:9px 7px;font-size:12px}}@media(prefers-reduced-motion:reduce){.encounter-iris{display:none}.encounter-cover{animation:encounter-dark .4s forwards}.battle-screen{animation:none}}dialog .example{background:#f4eedc;color:#19384a;border-color:#d7cba8;font-weight:600}.water-battle{height:100dvh;min-height:760px}.water-battle #water-stage{position:absolute;inset:0;overflow:hidden}.water-top{position:absolute;z-index:10;top:17px;left:24px;right:24px;display:flex;align-items:center;gap:15px;color:#a6d6ec;font-size:12px}.water-top>span{flex:1}.water-top button,.water-command button{background:linear-gradient(100deg,#114b79,#071e3c);color:#c9f6ff;border:1px solid #388cad;border-radius:2px;padding:10px 14px}.water-clue{position:absolute;z-index:8;top:85px;left:4%;display:flex;align-items:center;gap:14px;padding:13px 18px;border:1px solid #369cbc;background:#061b35d9;color:#cff8ff;text-align:left;transition:opacity .6s,transform .6s}.water-clue.concealed{opacity:0;transform:translateY(-20px);pointer-events:none}.water-clue b{font:48px serif}.water-clue span{font-size:19px}.water-clue small{display:block;font-size:11px;color:#84c5dc;margin-top:7px}.water-clue i{font-style:normal;margin-left:17px;color:#6aa3b8}.water-foe{position:absolute;left:48%;top:12%;width:245px;color:#dbf7ff;text-shadow:0 2px 4px #000}.water-foe small{font-size:11px;color:#a4cee0}.water-foe h2{font-size:23px;margin:6px 0 10px}.water-foe h2 span{font-size:13px;color:#ffa776;margin-left:15px}.water-foe p{text-align:right;font-size:11px;margin:5px 0}.water-meter{height:9px;background:#020f22;border:1px solid #3587a6;padding:1px}.water-meter i{display:block;height:100%;background:linear-gradient(90deg,#0a96af,#88f6d9);transition:width .2s}.water-meter.atb i{background:linear-gradient(90deg,#226bc1,#84eaff);transition:none}.water-player{position:absolute;z-index:6;bottom:17%;left:4%;width:280px;padding:18px;background:linear-gradient(90deg,#06192edb,#06192e55);border-left:2px solid #45b8db}.water-player h2{margin:0 0 16px;font-size:24px}.water-player h2 small{font-size:11px;font-weight:400;color:#7cafc5;margin-left:14px}.water-stat{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:12px}.water-stat>span{width:30px;color:#54c9ef}.water-stat .water-meter{flex:1}.water-stat>b{font-size:11px;width:55px;text-align:right;font-weight:400}.water-player>p{font-size:11px;color:#87c4da;margin:12px 0 0}.water-command{position:absolute;z-index:7;right:3%;bottom:16%;width:345px;background:linear-gradient(140deg,#103c68ec,#050f27f5);border:1px solid #328aaa;padding:21px;color:#d3f2fb;box-shadow:0 12px 45px #00152899}.water-command:empty{display:none}.water-command>small{color:#6ebada;font-size:11px}.water-command h3{font-size:22px;font-weight:500;margin:11px 0 17px;color:#c5f6ff}.water-command h3>span{font-size:15px;margin-left:13px;color:#84c7df}.water-command p{font-size:12px;color:#93bfd2;line-height:1.8}.water-actions,.water-choices{display:grid;gap:8px}.water-actions button{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 12px}.water-actions b{font-size:15px;font-weight:500}.water-actions span{font-size:10px;color:#8ab3c8}.water-command button:hover{background:#155a87;border-color:#92ecff}.water-choices button{text-align:left;font-size:22px;padding:14px 20px}.water-command .water-text{background:transparent;border:0;color:#85b6ce;font-size:11px;padding:10px 0;width:100%}.water-dialogue{position:absolute;bottom:0;left:0;right:0;min-height:108px;z-index:9;background:linear-gradient(90deg,#061833f5,#020b1bed);border-top:1px solid #3ba3c4;padding:25px 5%;display:flex;align-items:center;gap:27px}.water-dialogue b{color:#70d4f5;font-size:14px;white-space:nowrap}.water-dialogue p{font-size:16px;line-height:1.7;color:#e2f5fc;margin:0}.water-overlay{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;transition:opacity .4s}.water-overlay.visible{opacity:1;pointer-events:all;background:#02142bcc;backdrop-filter:blur(4px)}.water-awaken{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;width:330px;color:#d1f7ff}.water-awaken #awakening-glyph{width:240px;height:240px;margin:auto;font-size:180px;filter:drop-shadow(0 0 18px #28bfff)}.awakening-reading{display:flex;justify-content:center;gap:18px;margin:20px 0;font-size:38px;font-weight:600}.awakening-reading span{animation:water-word .7s 1.1s both}.awakening-reading strong{animation:water-word .6s 1.8s both;color:#fff6cf;text-shadow:0 0 22px #59e1ff}.water-awaken>small{display:block;font-size:13px;letter-spacing:1px;color:#9ecadd}.water-awaken button{margin-top:26px;padding:10px 22px;background:#0b3658;color:#b5eaff;border:1px solid #3daed0}.water-ripple{position:absolute;inset:-25px;border:2px solid #42ccec;border-radius:50%;box-shadow:0 0 45px #24aeec55;animation:water-ring 1.7s infinite;pointer-events:none}.ink-paper{position:relative;margin:0 auto;background:radial-gradient(ellipse at center,#fffef1,#eee7ce);border:1px solid #b9cfcd;box-shadow:inset 0 0 30px #c1b49330;touch-action:none;overflow:hidden}.ink-paper:before,.ink-paper:after{content:"";position:absolute;pointer-events:none;z-index:0}.ink-paper:before{top:50%;left:0;width:100%;border-top:1px dashed #cfc6ae}.ink-paper:after{left:50%;top:0;height:100%;border-left:1px dashed #cfc6ae}.ink-writer{position:absolute;inset:0;z-index:1}.ink-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.ink-corner{position:absolute;bottom:7px;right:9px;font-size:12px;color:#a19b89;pointer-events:none}.showing-light .ink-writer{filter:drop-shadow(0 0 5px #39cffa)}.ink-controls{display:flex;gap:6px;margin-top:9px;justify-content:space-between}.ink-controls button{font-size:10px;padding:7px!important}.water-command .ink-status{font-size:11px;min-height:31px;margin:9px 0}.water-shield{position:absolute;left:15%;top:30%;width:280px;height:280px;z-index:8;border:3px solid #a3fbff;border-radius:50%;background:radial-gradient(#48b8e586,#147bc355,transparent 70%);box-shadow:0 0 60px #65dfff;animation:shield-rise 1.8s both;pointer-events:none}.water-shield img{width:100%;height:100%;filter:drop-shadow(0 0 9px #a8faff)}.incoming .battle-enemy{filter:drop-shadow(0 0 20px #ff762d)}@keyframes shield-rise{0%{transform:scale(.2);opacity:0}30%{transform:scale(1);opacity:1}80%{opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes water-word{0%{opacity:0;transform:scale(.7);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes water-ring{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.6);opacity:0}}@media(max-width:850px){.water-battle{height:auto;min-height:100dvh;padding-top:420px;padding-bottom:120px}.water-battle #water-stage{height:450px}.water-battle .battle-hero{left:0;top:150px;bottom:auto;width:48%;height:250px}.water-battle .battle-enemy{left:53%;top:145px;width:42%;height:205px}.water-clue{top:62px;left:3%;padding:8px 12px}.water-clue b{font-size:34px}.water-clue span{font-size:15px}.water-clue small{font-size:9px}.water-clue i{margin-left:0}.water-foe{left:auto;right:4%;top:75px;width:185px}.water-foe h2{font-size:18px}.water-foe h2 span{display:none}.water-top{left:14px;right:14px;font-size:10px;gap:10px}.water-top>span{display:none}.water-top button:last-child{margin-left:auto}.water-player{top:335px;bottom:auto;left:3%;width:94%;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.water-player h2{font-size:17px;margin:0}.water-player>p{font-size:10px;margin:0}.water-stat{margin:0}.water-command{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);max-width:500px;margin:18px auto;padding:18px}.water-dialogue{min-height:110px;padding:18px;gap:15px}.water-dialogue b{font-size:11px}.water-dialogue p{font-size:13px}.water-overlay{position:fixed}.water-shield{position:fixed;left:5%;top:24%;width:220px;height:220px}}@media(prefers-reduced-motion:reduce){.water-ripple,.water-shield,.awakening-reading span,.awakening-reading strong{animation:none}.water-overlay{transition:none}}.water-battle .battle-hero,.water-battle .battle-enemy{display:flex;align-items:flex-end;justify-content:center}.pose-frame{height:100%;aspect-ratio:3/4;max-width:100%;background-size:400% 100%;background-repeat:no-repeat;flex-shrink:0}.water-battle .battle-hero .pose-idle{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom}.water-battle .battle-hero .pose-frame{opacity:0}.water-battle .battle-hero.posing .pose-frame{opacity:1}.water-battle .battle-hero.posing .pose-idle{opacity:0}.water-command{background:linear-gradient(140deg,#103c6866,#050f277a);border-color:#67ccea70;box-shadow:0 8px 30px #00152840;text-shadow:0 1px 4px #020c19}.water-command:has(.ink-paper){background:linear-gradient(140deg,#103c6840,#050f2759)}.water-command .ink-paper{background:radial-gradient(ellipse at center,#fffef1b0,#eee7ce80);border-color:#d4e9e17a;box-shadow:inset 0 0 24px #fff8de22;text-shadow:none}.water-command>small,.water-command p{color:#c0e2ee}.water-command .ink-controls button{background:#092b4c99}.water-awaken #awakening-glyph{width:280px;height:280px;filter:drop-shadow(0 0 13px #6cdfff)}.awakening-reading span{animation-delay:.6s}.awakening-reading strong{animation-delay:1.3s}.water-awaken #awakening-glyph.glyph-complete{animation:glyph-seal .65s ease-out both}@keyframes glyph-seal{0%{transform:scale(1);filter:drop-shadow(0 0 10px #6cdfff)}40%{transform:scale(1.09);filter:drop-shadow(0 0 32px #f4e7a4)}to{transform:scale(1);filter:drop-shadow(0 0 15px #6cdfff)}}@media(prefers-reduced-motion:reduce){.water-awaken #awakening-glyph.glyph-complete{animation:none}}@media(min-width:851px){.water-battle .battle-enemy{left:64%;width:26%}.water-battle .battle-enemy.enemy-boss{left:61%;width:31%}.water-battle .enemy-shadow{left:69%;width:17%}.water-foe{left:auto;right:8%}}@media(max-width:850px){.water-battle .battle-enemy{left:61%;width:36%}.water-battle .battle-enemy.enemy-boss{left:58%;width:40%}.water-battle .enemy-shadow{left:68%;width:24%}}.water-battle .spell-layer{z-index:10;pointer-events:none}.combat-announcement{position:absolute;top:24%;left:50%;transform:translate(-50%);padding:12px 32px;background:linear-gradient(90deg,transparent,#063d69ed,transparent);color:#d5fbff;font-size:22px;white-space:nowrap;text-shadow:0 0 12px #37dfff}.combat-announcement.enemy-turn{background:linear-gradient(90deg,transparent,#5c1739ed,transparent);color:#ffd1a0}.combat-projectile{position:absolute;width:145px;height:28px;border-radius:50%;background:linear-gradient(90deg,transparent,#27c9ff,#fffce5);box-shadow:0 0 22px #46dfff,0 0 50px #208fff}.combat-projectile.evil{height:44px;background:linear-gradient(90deg,transparent,#af39c1,#ffba61);box-shadow:0 0 25px #c338da,0 0 55px #e96431}.combat-burst{position:absolute;width:180px;height:180px;transform:translate(-50%,-50%);border:4px solid #c9ffff;border-radius:50%;box-shadow:0 0 35px #35d5ff,inset 0 0 25px #fff;animation:combat-impact .65s ease-out both}.combat-burst i{position:absolute;left:-20%;top:45%;width:140%;height:8px;background:#fff5c0;box-shadow:0 0 18px #51ddff;transform:rotate(-35deg)}.combat-burst i:nth-child(2){transform:rotate(40deg)}.combat-burst i:nth-child(3){transform:rotate(90deg)}.combat-burst.evil{border-color:#ffb693;box-shadow:0 0 30px #f36c55}.combat-damage{position:absolute;font-size:43px;color:#fff4cc;text-shadow:3px 3px #1a1834,0 0 14px #f1b847;animation:combat-number 1s ease-out both}@keyframes combat-impact{0%{scale:.2;opacity:1}to{scale:1.5;opacity:0}}@keyframes combat-number{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-75px);opacity:0}}@media(prefers-reduced-motion:reduce){.combat-burst{animation:none;opacity:.6}.combat-damage{animation:none}.combat-projectile{box-shadow:none}}.pose-hurt{display:none;position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom}.battle-hero.hurt .pose-idle,.battle-hero.hurt .pose-frame{visibility:hidden}.battle-hero.hurt .pose-hurt{display:block}.hero-hit-flash{position:absolute;inset:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse at 25% 65%,#ff823533,transparent 60%);box-shadow:inset 0 0 100px #ca223399;animation:hero-hit-flash .6s ease-out both}@keyframes hero-hit-flash{0%{opacity:1}to{opacity:0}}#enemy-countdown{color:#ffbf9b;font-size:12px}@media(prefers-reduced-motion:reduce){.hero-hit-flash{animation:none;background:none;box-shadow:none}}.battle-hero.hurt .pose-hurt{filter:sepia(.25) saturate(1.35) drop-shadow(0 0 18px #ff825c)}#enemy-countdown.paused{color:#9fd8ff}.score-card{text-align:center;padding:14px 16px 18px;border-radius:18px;background:linear-gradient(180deg,#0e2a44e6,#071a2ce6);border:1px solid #2f6f9a;box-shadow:0 0 32px #0b3a5a66}.score-card .score-seal{display:inline-block;width:44px;height:44px;line-height:44px;border-radius:12px;background:#123a5c;color:#bfe9ff;font-size:24px;margin-bottom:4px}.score-card h3{margin:2px 0 4px;color:#e9f7ff}.score-number{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1}.score-number b{font-size:52px;color:#ffe9a8;text-shadow:0 0 18px #ffb84d80;font-variant-numeric:tabular-nums}.score-number small{font-size:16px;color:#9fc7de}.score-parts{list-style:none;margin:10px auto 6px;padding:0;max-width:320px;display:grid;gap:5px}.score-parts li{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:9px}.score-parts span{font-size:12px;color:#a9cfe4;text-align:right}.score-parts i{display:block;height:8px;border-radius:99px;background:#123249;overflow:hidden}.score-parts b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3ec5ff,#a8f0d0);transition:width .5s ease}.score-praise{margin:6px 0 2px;color:#c7f0d8;font-size:14px}.score-advice{margin:0 0 6px;color:#ffd9a8;font-size:13px}.score-effect{margin:0;font-size:14px;color:#e9f7ff;font-weight:700}.score-note{color:#a9cfe4;font-size:13px}.score-card.excellent{border-color:#ffd27a;box-shadow:0 0 40px #ffbf5a55}.score-card.try{border-color:#4d7f9d}.victory-rewards{list-style:none;margin:10px auto;padding:0;max-width:340px;display:grid;gap:6px}.victory-rewards li{display:flex;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:10px;background:#0d2a43b3;color:#d8eefb;font-size:14px}.victory-rewards b{color:#ffe9a8}@media(max-width:560px){.score-number b{font-size:42px}.score-parts{max-width:100%}}@media(prefers-reduced-motion:reduce){.score-parts b{transition:none}}@media(max-height:620px)and (min-width:620px){.water-battle{height:100dvh;min-height:0;padding:0}.water-battle #water-stage{position:absolute;inset:0;height:auto}.water-battle .battle-hero{left:-2%;top:auto;bottom:2%;width:42%;height:70%}.water-battle .battle-enemy{left:58%;top:16%;width:30%;height:44%}.water-battle .hero-shadow{top:auto;bottom:3%;left:8%;width:24%;height:12px}.water-battle .enemy-shadow{top:57%;left:64%;width:17%;height:10px}.water-top{top:8px;left:10px;right:10px;font-size:10px}.water-clue{top:48px;left:2%;padding:6px 10px;gap:8px}.water-clue b{font:30px serif}.water-clue span{font-size:13px}.water-clue small,.water-clue i{display:none}.water-foe{left:auto;right:calc(2% + min(44%,330px) + 12px);top:8px;width:170px}.water-foe h2{font-size:16px;margin:2px 0 5px}.water-player{position:absolute;top:auto;bottom:6px;left:2%;width:200px;padding:9px 11px;display:block}.water-player h2{font-size:15px;margin:0 0 6px}.water-stat{margin:4px 0;font-size:11px}.water-player>p{font-size:10px;margin:6px 0 0}.water-command{position:absolute;inset:44px 2% 6px auto;width:min(44%,330px);max-width:none;margin:0;padding:12px;overflow-y:auto;overscroll-behavior:contain}.water-command h3{font-size:17px;margin:6px 0 9px}.water-actions button{padding:9px 10px}.water-choices button{font-size:18px;padding:10px 14px}.water-dialogue{display:none}.score-number b{font-size:32px}.score-parts li{grid-template-columns:44px 1fr}.water-awaken{width:min(300px,80vw);top:48%}.water-awaken #awakening-glyph{width:min(170px,40vh);height:min(170px,40vh);font-size:110px}.water-awaken button{position:relative;z-index:2}.awakening-reading{font-size:24px;margin:9px 0}.water-shield{position:absolute;left:6%;top:16%;width:160px;height:160px}}@media(pointer:coarse){.water-top button,.water-command button,.ink-controls button{min-height:44px}.ink-controls button{font-size:11px}}.water-awaken #awakening-glyph svg{width:100%;height:100%;display:block}@media(max-width:480px){.water-clue{max-width:46%;gap:8px;padding:7px 10px}.water-clue small{display:none}.water-clue b{font-size:30px}.water-clue span{font-size:13px}.water-foe{width:46%;right:3%;top:64px}.water-foe h2{font-size:15px}.water-foe p{font-size:10px}}.battle-hero.celebrating{filter:drop-shadow(0 0 22px #ffe5a3)}.victory-mote{position:absolute;width:11px;height:11px;background:#ffe7a3;box-shadow:0 0 16px #ffd466;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.battle-won .water-command{animation:victory-results .7s 1.4s both}.battle-won .water-foe{opacity:0;transition:opacity .6s}.battle-won .combat-announcement{top:20%;font-size:30px;color:#fff1bd;background:linear-gradient(90deg,transparent,#604b22b3,transparent)}@keyframes victory-results{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.battle-won .water-command{animation:none}}.regional-enemy-art{display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 12px 10px #07152555);transform-origin:50% 95%;animation:regional-breathe 3s ease-in-out infinite}.regional-enemy{transform-origin:center bottom}@keyframes regional-breathe{50%{transform:translateY(-5px) scale(1.015,.985)}}@media(prefers-reduced-motion:reduce){.regional-enemy-art{animation:none}}@media(min-width:851px){.water-battle:has(.water-command .ink-paper) .water-foe{left:40%;right:auto;top:10%}}.water-battle{min-height:700px}.water-battle #water-stage{bottom:300px}.water-battle .battle-hero{left:7%;bottom:2%;width:34%;height:88%}.water-battle .hero-shadow{left:14%;bottom:3%;width:22%}.water-battle .battle-enemy{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;top:16%;height:45%;width:24%;left:58%;z-index:3}.water-battle .battle-enemy.enemy-slot-1{left:75%;top:28%;width:19%;height:34%;animation-delay:-1.2s}.water-battle .battle-enemy.enemy-boss{width:29%;left:55%;top:11%;height:52%}.water-battle .battle-enemy.selected{filter:drop-shadow(0 0 8px #fff4ad) drop-shadow(0 0 22px #4de8ff)}.water-battle .battle-enemy.selected:after{content:"▼";position:absolute;left:50%;top:-18px;color:#ffed9e;font-size:20px}.water-battle .enemy-shadow{left:63%;top:60%;width:15%}.water-battle .enemy-shadow-1{left:78%;top:59%;width:13%}.water-battle .battle-enemy.defeated{pointer-events:none}.water-top{z-index:14}.battle-bottom{position:absolute;z-index:12;left:12px;right:12px;bottom:54px;height:236px;display:grid;grid-template-columns:minmax(360px,1.35fr) minmax(220px,.8fr) minmax(270px,1fr);gap:8px}.battle-bottom>section{min-width:0;padding:14px 16px;border:2px solid #dceeff;border-radius:7px;background:linear-gradient(180deg,#233f91f5,#101b63f5 70%,#080d38f7);box-shadow:inset 0 0 0 2px #6075b2,0 6px 22px #02051da8;color:#fff;overflow:auto}.battle-bottom .enemy-status{position:relative;right:auto;top:auto;width:auto;z-index:auto;text-shadow:none}.battle-bottom h3{margin:0 0 10px;font-size:16px}.battle-bottom small{color:#bad3ff}.trinity-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.trinity-head h3 span{font:32px serif;color:#ffe694}.trinity-command p{margin:8px 0;color:#d6e5ff;font-size:12px}.trinity-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:7px}.trinity-grid button,.battle-extras button,.water-choices button,.trinity-command>button{border:1px solid #829fe4;background:linear-gradient(#3157b0,#152e7c);color:#fff;border-radius:4px;padding:9px;cursor:pointer;text-shadow:0 2px #09133d}.trinity-grid button{min-height:78px;display:grid;place-items:center}.trinity-grid button b{font:32px serif;color:#ffe59c}.trinity-grid button span{font-size:10px}.trinity-grid button:disabled,.battle-extras button:disabled{filter:grayscale(.8);opacity:.4;cursor:not-allowed}.trinity-grid button:not(:disabled):hover,.battle-extras button:not(:disabled):hover,.water-choices button:hover{border-color:#fff5ba;background:linear-gradient(#4777d2,#1c3d91)}.battle-extras{display:grid;grid-template-columns:2fr 1fr;gap:7px;margin-top:7px}.battle-extras button{display:flex;justify-content:space-between}.hud-row{display:grid;grid-template-columns:38px 1fr 58px;gap:8px;align-items:center;margin:10px 0;font-size:11px}.hud-row>b{text-align:right;font-variant-numeric:tabular-nums}.hud-meter{display:block;height:10px;padding:1px;border:1px solid #b9ccff;background:#050b2d;overflow:hidden}.hud-meter i{display:block;height:100%;transition:width .18s;background:linear-gradient(90deg,#3cc88c,#b7f39c)}.hud-meter.action i{background:linear-gradient(90deg,#4188ff,#d5fbff);transition:none}.hud-meter.ultimate i{background:linear-gradient(90deg,#df782d,#ffe868);box-shadow:0 0 9px #ffcf45}.party-status>p{font-size:11px;color:#bcd7ff;margin:10px 0}.enemy-hud{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;padding:7px;margin:0 0 5px;border:1px solid transparent;background:#08134399;color:#fff;text-align:left}.enemy-hud>span:first-child{display:flex;justify-content:space-between;grid-column:1/-1}.enemy-hud em{font-style:normal;font-size:10px;color:#dce8ff}.enemy-hud small{text-align:right;font-size:9px}.enemy-hud.selected{border-color:#ffe18d;background:#263c83}.enemy-hud.down{opacity:.35}.enemy-atb i{background:linear-gradient(90deg,#e14d61,#ffbb72);transition:none}.water-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.water-choices button{font-size:15px;min-height:58px}.trinity-command .water-text{width:100%;background:transparent;border:0;color:#bdd7ff;padding:8px}.water-dialogue{z-index:13;height:54px;min-height:54px;padding:8px 3%;background:#070d35f7;border-top:2px solid #bed6ff}.water-dialogue p{font-size:13px}.water-dialogue b{color:#ffe198}.water-overlay{z-index:30}.ultimate-challenge{box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,94vw);max-height:94dvh;overflow:hidden;padding:20px;border:2px solid #ffe58f;background:linear-gradient(#172d72f5,#080f3bf8);color:#fff;box-shadow:0 0 80px #f3b92877}.ultimate-challenge header{display:flex;justify-content:space-between;font-size:24px}.ultimate-challenge header b{color:#ffe778;font-variant-numeric:tabular-nums}.ultimate-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.ultimate-slots span{padding:8px;text-align:center;font:34px serif;border:1px solid #607bc0;color:#6f82b2}.ultimate-slots span.active{color:#fff0a2;border-color:#ffe267;box-shadow:0 0 18px #ffcb42}.ultimate-slots span.done{color:#95ffd1;background:#164d4e}.ultimate-challenge #ultimate-ink{display:grid;place-items:center}.ultimate-challenge .ink-paper{max-width:none;max-height:none}.ultimate-challenge .ink-controls{display:none}.ultimate-challenge p{text-align:center;color:#cfe2ff}.ultimate-flash{animation:ultimate-stage 1.4s ease-out}@keyframes ultimate-stage{30%{filter:brightness(2) saturate(1.6)}70%{filter:brightness(.7) hue-rotate(25deg)}}.ultimate-unlock{color:#ffe477!important;font-weight:700}.victory-results-overlay{display:grid;place-items:center;background:#03102799!important;backdrop-filter:blur(2px)!important}.victory-panel{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;padding:24px;text-align:center;border:2px solid #ffe58f;background:linear-gradient(155deg,#183b78f2,#071431f5);color:#fff;box-shadow:0 0 70px #efbd4f66,inset 0 0 35px #88c7ff18;animation:victory-results .45s ease-out}.victory-panel>small{color:#ffe58f;letter-spacing:5px}.victory-panel h2{margin:8px 0;color:#fff1bd;font:30px serif}.victory-panel>p{margin:7px 0;color:#cde2f7;font-size:12px}.victory-panel .victory-exit{width:100%;margin-top:14px;padding:13px 18px;border:1px solid #fff0ad;background:linear-gradient(100deg,#b27424,#3657ad);color:#fff8d1;font-weight:800;cursor:pointer}.victory-panel .victory-exit:hover{filter:brightness(1.18)}@media(max-width:850px){.water-battle{height:100dvh;min-height:680px;padding:0}.water-battle #water-stage{height:auto;bottom:388px}.water-battle .battle-hero{top:auto;bottom:1%;left:-2%;height:88%;width:48%}.water-battle .battle-enemy{top:15%;left:52%;height:47%;width:32%}.water-battle .battle-enemy.enemy-slot-1{top:29%;left:73%;height:32%;width:24%}.water-battle .battle-enemy.enemy-boss{left:48%;width:38%;height:54%}.water-battle .hero-shadow{top:auto;bottom:3%;left:9%}.water-battle .enemy-shadow{left:59%;top:61%}.water-battle .enemy-shadow-1{left:78%;top:60%}.battle-bottom{height:326px;bottom:58px;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}.trinity-command{grid-row:1/3}.enemy-status{position:static;width:auto;text-shadow:none}.party-status{grid-column:2}.battle-bottom>section{padding:10px}.trinity-grid button{min-height:64px}.trinity-grid button b{font-size:26px}.water-dialogue{display:flex}}@media(max-width:560px){.water-battle #water-stage{bottom:440px}.battle-bottom{left:5px;right:5px;bottom:58px;height:376px;grid-template-columns:1fr 1fr;grid-template-rows:220px 148px}.trinity-command{grid-column:1/-1;grid-row:1}.party-status{grid-column:1;grid-row:2}.enemy-status{grid-column:2;grid-row:2}.trinity-grid button{min-height:62px;padding:5px}.trinity-head h3{font-size:15px}.trinity-head h3 span{font-size:25px}.hud-row{grid-template-columns:31px 1fr;gap:4px;margin:5px 0}.hud-row>b{display:none}.party-status>p{font-size:9px}.enemy-hud{padding:3px}.enemy-hud .hud-meter{height:7px}.enemy-hud small{display:none}.water-dialogue{padding:7px 10px;gap:8px}.water-dialogue p{font-size:11px}.water-top>span{display:none}}body:has(.water-battle){overflow:hidden}.water-battle{height:100dvh!important;min-height:0!important;overflow:hidden;padding:0!important}.water-battle #water-stage{height:auto!important;bottom:calc(clamp(176px,26vh,236px) + 54px)!important}.battle-bottom{height:clamp(176px,26vh,236px);bottom:54px}.battle-bottom>section{overflow:hidden}.trinity-command{display:flex;flex-direction:column;justify-content:center}.field-guide{color:#9fbde8!important}.trinity-field{position:absolute;z-index:11;top:62px;left:50%;bottom:calc(clamp(176px,26vh,236px) + 62px);width:min(760px,76vw);transform:translate(-50%);display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:center;gap:clamp(10px,2vw,24px);pointer-events:none;opacity:0;transition:opacity .2s ease}.trinity-field.visible{opacity:1}.trinity-gap{display:block}.trinity-choice{pointer-events:auto;min-height:clamp(132px,21vh,190px);padding:14px 10px;border:1px solid #a7ccff99;border-radius:12px;background:linear-gradient(155deg,#163b78a8,#0716389e);box-shadow:inset 0 0 24px #7fbaff16,0 8px 28px #02081966;color:#eef6ff;text-align:center;backdrop-filter:blur(5px);cursor:pointer;animation:trinity-arrive .28s ease-out both}.trinity-choice:hover,.trinity-choice:focus-visible{border-color:#fff0a2;background:linear-gradient(155deg,#285ba9c7,#0d2866b8);box-shadow:0 0 26px #73c8ff7d;transform:translateY(-3px)}.trinity-choice small,.trinity-choice span{display:block;font-size:11px;line-height:1.5;color:#c3dcff}.trinity-choice b{display:block;font:clamp(34px,5vh,58px) serif;color:#ffe69a;text-shadow:0 0 18px #ffd76a88}.trinity-choice strong{display:block;margin:-3px 0 5px;font:clamp(40px,6vh,70px) serif;color:#fff;text-shadow:0 0 20px #61d9ff}.trinity-choice.sky{border-color:#ffe598b3;background:linear-gradient(155deg,#5a492d9c,#102f65a8)}.trinity-choice.earth{animation-name:trinity-arrive-left}.trinity-choice.human{animation-name:trinity-arrive-right}.trinity-field.input-active{width:min(680px,82vw);grid-template-columns:1fr;place-items:center;pointer-events:auto}.trinity-input{width:100%;max-height:100%;display:grid;grid-template-columns:minmax(105px,150px) minmax(210px,310px);justify-content:center;align-items:center;gap:8px 18px;padding:14px;border:1px solid #9bc8f1aa;border-radius:14px;background:linear-gradient(145deg,#102e62c2,#06132ec7);box-shadow:0 12px 42px #02071888;backdrop-filter:blur(7px);color:#fff;overflow:hidden}.trinity-input header{grid-row:1/4;text-align:center}.trinity-input header small{display:block;color:#bcd7ff;font-size:11px}.trinity-input header b{display:block;font:clamp(48px,8vh,90px) serif;color:#ffe49a;text-shadow:0 0 22px #f5c75f77}.trinity-input header h3{margin:2px 0;color:#e5f3ff;font-size:14px}.trinity-input:not(.writing-input) .ink-paper{width:clamp(160px,27vh,250px)!important;height:clamp(160px,27vh,250px)!important;background:radial-gradient(ellipse at center,#fffef1d9,#eee7ceb8)}.trinity-input .ink-controls{justify-content:center}.trinity-input .ink-controls button,.field-cancel,.trinity-input .water-choices button{pointer-events:auto;border:1px solid #88afe4;background:#153d82d9;color:#fff;border-radius:5px;padding:8px 11px;cursor:pointer}.trinity-input>p{margin:0;text-align:center;color:#d2e4ff;font-size:11px}.field-cancel{justify-self:center;background:#07163499}.trinity-input .water-choices{width:min(310px,100%);grid-template-columns:1fr;gap:7px}.trinity-input .water-choices button{min-height:44px;text-align:center;font-size:15px}@keyframes trinity-arrive{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes trinity-arrive-left{0%{opacity:0;transform:translate(-45px)}to{opacity:1;transform:translate(0)}}@keyframes trinity-arrive-right{0%{opacity:0;transform:translate(45px)}to{opacity:1;transform:translate(0)}}@media(max-width:850px){.water-battle #water-stage{bottom:calc(clamp(244px,37vh,326px) + 54px)!important}.battle-bottom{height:clamp(244px,37vh,326px);bottom:54px}.trinity-field{top:55px;bottom:calc(clamp(244px,37vh,326px) + 60px);width:92vw;gap:7px}.trinity-choice{min-height:115px;padding:8px 5px}.trinity-choice small,.trinity-choice span{font-size:9px}.trinity-field.input-active{width:94vw}.trinity-input{grid-template-columns:100px minmax(170px,240px);padding:9px;gap:5px 10px}.trinity-input:not(.writing-input) .ink-paper{width:clamp(150px,22vh,205px)!important;height:clamp(150px,22vh,205px)!important}}@media(max-width:560px){.water-battle #water-stage{bottom:calc(clamp(255px,39vh,330px) + 48px)!important}.battle-bottom{height:clamp(255px,39vh,330px);bottom:48px;grid-template-rows:minmax(116px,1fr) 112px}.water-dialogue{height:48px;min-height:48px;padding:5px 9px}.trinity-field{top:50px;bottom:calc(clamp(255px,39vh,330px) + 54px)}.trinity-choice{min-height:96px}.trinity-choice b{font-size:32px}.trinity-choice strong{font-size:36px}.trinity-input{grid-template-columns:76px minmax(150px,190px);padding:6px;gap:3px 7px}.trinity-input header b{font-size:44px}.trinity-input header h3{font-size:11px}.trinity-input:not(.writing-input) .ink-paper{width:clamp(135px,20vh,175px)!important;height:clamp(135px,20vh,175px)!important}.trinity-input .ink-controls button{padding:5px!important;font-size:9px}.trinity-input>p{font-size:9px}.battle-bottom>section{padding:7px}.trinity-command p{margin:4px 0}.battle-extras{margin-top:4px}}@media(max-height:620px)and (min-width:620px){.water-battle #water-stage{inset:0!important}.battle-bottom{height:150px;bottom:0;grid-template-columns:1.15fr .8fr 1fr}.water-dialogue{display:none}.trinity-field{top:42px;bottom:158px;width:74vw}.trinity-choice{min-height:100px}.trinity-choice b{font-size:34px}.trinity-choice strong{font-size:38px}.trinity-input{grid-template-columns:90px minmax(150px,190px);width:min(470px,72vw);padding:6px}.trinity-input:not(.writing-input) .ink-paper{width:clamp(130px,31vh,180px)!important;height:clamp(130px,31vh,180px)!important}.battle-bottom>section{padding:8px}.hud-row{margin:5px 0}.party-status>p{margin:4px 0}.enemy-hud{padding:3px}}@media(prefers-reduced-motion:reduce){.trinity-field,.trinity-choice{transition:none;animation:none}}.trinity-field.input-active:has(.writing-input){width:min(940px,94vw)}.trinity-input.writing-input{grid-template-columns:minmax(150px,190px) minmax(300px,440px);grid-template-rows:auto auto 1fr auto;width:auto;max-width:100%;gap:9px 22px;padding:14px 18px;background:linear-gradient(145deg,#102e6278,#06132e70);backdrop-filter:blur(2px);border-color:#9bc8f188}.writing-input header{grid-column:1;grid-row:1;text-align:left!important}.writing-input header b{font-size:clamp(54px,8vh,86px)!important}.writing-input>div[id^=water-]{display:contents}.writing-input .ink-paper{grid-column:2;grid-row:1/5;align-self:center;margin:0}.writing-input .ink-controls{grid-column:1;grid-row:2;display:grid;justify-content:stretch;margin:0;gap:7px}.writing-input .ink-controls button{width:100%;min-height:42px;text-align:left;font-size:11px!important;padding:9px 11px!important}.writing-input>p{grid-column:1;grid-row:3;text-align:left;align-self:start;line-height:1.65}.writing-input>.field-cancel{grid-column:1;grid-row:4;width:100%;justify-self:stretch;text-align:left;min-height:44px}@media(max-width:850px){.trinity-input.writing-input{grid-template-columns:minmax(115px,155px) minmax(260px,1fr);gap:6px 12px;padding:9px 11px}.writing-input header b{font-size:48px!important}}@media(max-width:560px){.trinity-field.input-active:has(.writing-input){width:98vw}.trinity-input.writing-input{grid-template-columns:96px minmax(220px,1fr);gap:4px 7px;padding:6px}.writing-input header small{font-size:9px}.writing-input header b{font-size:40px!important}.writing-input .ink-controls button,.writing-input>.field-cancel{font-size:9px!important;padding:5px!important;min-height:34px}.writing-input>p{font-size:8px}}@media(max-height:620px)and (min-width:620px){.trinity-field.input-active:has(.writing-input){width:min(760px,86vw)}.trinity-input.writing-input{grid-template-columns:130px minmax(240px,1fr);padding:6px 9px}.writing-input .ink-controls button,.writing-input>.field-cancel{min-height:32px;padding:4px 7px!important}.writing-input>p{font-size:9px}}.ultimate-ready-call{position:absolute;z-index:18;left:50%;top:10%;translate:-50% 0;display:grid;grid-template-columns:auto auto;align-items:center;gap:0 13px;min-width:205px;padding:10px 18px;border:2px solid #ffe984;background:linear-gradient(105deg,#651d2de8,#d27320e8 53%,#402077e8);color:#fff8c7;box-shadow:0 0 12px #ffb72d,0 0 42px #ff8c2d99;cursor:pointer;animation:ultimate-ready-pulse .85s ease-in-out infinite}.ultimate-ready-call[hidden]{display:none}.ultimate-ready-call b{grid-row:1/3;font:29px serif;letter-spacing:4px;text-shadow:0 0 10px #fff}.ultimate-ready-call span{font-size:15px;font-weight:900}.ultimate-ready-call small{font-size:9px;color:#ffe5a4;text-align:left}.ultimate-ready-call:hover{filter:brightness(1.2);scale:1.04}.water-overlay.ultimate-cinematic{background:#02071380;backdrop-filter:none}.ultimate-cut-in{position:absolute;inset:0;overflow:hidden;background:linear-gradient(112deg,#081631 0 33%,#ecbc4b 33.5% 35%,#122858 35.5% 100%);isolation:isolate}.ultimate-speed-lines{position:absolute;inset:-35%;background:repeating-linear-gradient(118deg,transparent 0 17px,#ecf8ffcc 18px 21px,transparent 22px 39px);transform:translate(-35%);animation:ultimate-lines .34s linear infinite;opacity:.62}.ultimate-face{position:absolute;left:-3%;bottom:-28%;width:58%;height:145%;overflow:hidden;filter:drop-shadow(18px 0 0 #f4c64b) drop-shadow(24px 0 0 #0b163d);animation:ultimate-face-in .38s cubic-bezier(.2,.85,.2,1) both}.ultimate-face img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(1.45);transform-origin:48% 30%}.ultimate-cry{position:absolute;right:8%;top:50%;translate:0 -50%;display:flex;align-items:center;gap:12px;z-index:2}.ultimate-cry span{display:grid;place-items:center;width:clamp(72px,9vw,130px);height:clamp(72px,9vw,130px);border:4px solid #fff1a0;background:#071b46e8;color:#fff6bd;font:clamp(48px,7vw,92px) serif;box-shadow:8px 8px #d35932,0 0 25px #fff09a99;opacity:0;transform:translate(90px) rotate(8deg)}.ultimate-cry span:nth-child(1){animation:ultimate-kanji .28s .38s forwards}.ultimate-cry span:nth-child(2){animation:ultimate-kanji .28s .7s forwards}.ultimate-cry span:nth-child(3){animation:ultimate-kanji .28s 1.02s forwards}.ultimate-cry strong{position:absolute;right:0;top:115%;white-space:nowrap;color:#fff;font-size:clamp(28px,4vw,58px);font-style:italic;text-shadow:4px 4px 0 #9c2632,0 0 18px #ffe774;opacity:0;animation:ultimate-shout .32s 1.3s forwards}@keyframes ultimate-ready-pulse{50%{box-shadow:0 0 22px #ffe669,0 0 62px #ff852ddd;translate:-50% -4px}}@keyframes ultimate-lines{to{transform:translate(10%)}}@keyframes ultimate-face-in{0%{transform:translate(-80%);filter:brightness(3)}to{transform:translate(0)}}@keyframes ultimate-kanji{to{opacity:1;transform:translate(0) rotate(-3deg)}}@keyframes ultimate-shout{to{opacity:1;transform:scale(1.08)}}@media(max-width:700px){.ultimate-ready-call{top:8%;min-width:170px;padding:7px 12px}.ultimate-ready-call b{font-size:23px}.ultimate-cry{right:4%;gap:5px}.ultimate-cry span{border-width:2px}.ultimate-face{left:-18%;width:72%;opacity:.85}}@media(prefers-reduced-motion:reduce){.ultimate-ready-call,.ultimate-speed-lines,.ultimate-face,.ultimate-cry span,.ultimate-cry strong{animation:none}.ultimate-cry span,.ultimate-cry strong{opacity:1;transform:none}}.water-battle .water-dialogue{display:flex!important;inset:64px auto auto 50%!important;width:min(860px,calc(100% - 48px));height:auto!important;min-height:58px!important;transform:translate(-50%);padding:11px 20px!important;border:1px solid #8dc9ff88!important;background:linear-gradient(90deg,#07183aeb,#050b28df)!important;box-shadow:0 9px 28px #01061699;backdrop-filter:blur(8px)}.parry-ring{position:absolute;z-index:22;left:22%;top:35%;width:190px;height:190px;translate:-50% -50%;border:5px solid #70dcff;border-radius:50%;background:radial-gradient(circle,#ffe58d22 0 29%,#143f7838 30% 58%,transparent 59%);color:#fff0a0;box-shadow:0 0 22px #51d7ff,inset 0 0 26px #51d7ff;cursor:pointer;animation:parry-collapse 1.25s linear both}.parry-ring:before,.parry-ring:after{content:"";position:absolute;inset:18%;border:2px solid #d8f9ff;border-radius:50%}.parry-ring:after{inset:39%;border-color:#ffe784;box-shadow:0 0 16px #ffd253}.parry-ring span{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:15px;font-weight:900;opacity:0;animation:parry-word 1.25s linear both}.parry-choices{display:grid;gap:7px;width:min(390px,100%)}.parry-choices button{pointer-events:auto;border:1px solid #7da9e8;background:#173d83e8;color:#fff;border-radius:5px;padding:10px 12px;text-align:left;cursor:pointer;font-size:12px;line-height:1.45}.parry-choices button:hover{border-color:#ffe684;background:#295cae}@keyframes parry-collapse{0%{scale:2.1;opacity:.15;border-color:#64d9ff}40%{opacity:1}52%,78%{border-color:#ffe37c;box-shadow:0 0 28px #ffd354,inset 0 0 38px #ffd354}to{scale:.46;opacity:.3;border-color:#ff7867}}@keyframes parry-word{0%,42%{opacity:0}52%,78%{opacity:1;text-shadow:0 0 12px #ffd24c}to{opacity:0}}@media(max-width:850px){.water-battle .water-dialogue{top:55px!important;width:calc(100% - 24px);min-height:48px!important;padding:7px 11px!important}.parry-ring{left:23%;top:34%;width:145px;height:145px}.parry-input .trinity-input{grid-template-columns:100px minmax(220px,1fr)}}@media(max-width:560px){.water-battle .water-dialogue{top:49px!important}.water-battle .water-dialogue p{font-size:10px}.parry-ring{left:25%;top:29%;width:115px;height:115px}.parry-input .trinity-input{grid-template-columns:76px minmax(210px,1fr)}}@media(prefers-reduced-motion:reduce){.parry-ring,.parry-ring span{animation-duration:1.25s}}.atlas{min-height:0!important;background:#101b23;border:1px solid #68829455;border-radius:4px!important;isolation:isolate}.region-atlas{display:block;width:100%;height:auto;min-height:540px;background:#111d27}.province-region{cursor:pointer;outline:none}.region-hit{fill:transparent;stroke:none;pointer-events:all}.region-color{pointer-events:none;animation:terrain-light 4s ease-in-out infinite}.liberated .region-color{animation:none}.province-region:hover .region-name,.province-region.chosen .region-name{fill:#fff2bf;filter:drop-shadow(0 0 6px #ffd58388)}.province-region:focus-visible .region-name{text-decoration:underline;fill:#fff;filter:drop-shadow(0 0 7px #fff)}.terrain-sparks{stroke:none}.spark-two{animation-delay:-1s!important}.spark-three{animation-delay:-2s!important}.region-label{pointer-events:none;fill:#fff6df;paint-order:stroke;stroke:#14232ce0;stroke-width:5px;stroke-linejoin:round}.region-name{font-size:29px;font-weight:700;letter-spacing:5px}.region-status{font-size:14px;letter-spacing:2px;stroke-width:4px;fill:#ffe4a1}.locked .region-label{fill:#c0c9ce}.locked .region-status{fill:#96a3ab}.region-spark{fill:#fff3b5;stroke:none;filter:drop-shadow(0 0 8px #ffd878);animation:region-spark 2.8s ease-in-out infinite}.atlas .atlas-title{left:23px;top:22px;pointer-events:none;color:#e0e9ed;text-shadow:0 2px 12px #00111e;gap:5px}.atlas .atlas-title>span{font-size:34px;letter-spacing:8px}.atlas .atlas-title b{font-size:14px;letter-spacing:2px}.atlas .atlas-title small{font-size:10px;max-width:none;color:#96acb8}.atlas .atlas-legend{bottom:16px;left:20px;right:20px;justify-content:center;background:linear-gradient(90deg,transparent,#07121ecc,transparent);border:0;border-radius:0;color:#a9b5bd;padding:12px 0;font-size:10px;pointer-events:none}.legend-open{color:#ffe5a8}.legend-free{color:#86ddbf}.province-panel .locked-notice{color:#c8d7df;border-left:2px solid #778d9d;padding:10px 14px;background:#8298b012;font-size:13px;line-height:1.7}@keyframes terrain-light{0%,to{opacity:.88;filter:brightness(1)}50%{opacity:1;filter:brightness(1.18)}}@keyframes region-spark{50%{opacity:.35;transform:translateY(-4px)}}@media(max-width:520px){.region-atlas{min-height:450px}.atlas .atlas-title{left:12px;top:12px}.atlas .atlas-title>span{font-size:25px}.atlas .atlas-title b{font-size:11px}.atlas .atlas-title small{display:none}.atlas .atlas-legend{gap:10px;left:5px;right:5px;font-size:9px}}@media(prefers-reduced-motion:reduce){.region-color,.region-spark{animation:none}}.treasure-bag{padding:16px 0;margin-bottom:18px;border-bottom:1px solid #54b8cc50}.treasure-bag h3{font-size:16px;display:flex;justify-content:space-between;gap:10px}.treasure-bag h3 small{font-size:11px;color:#b3dae5}.treasure-bag p{font-size:11px;color:#94b9cc;line-height:1.7}.treasure-bag>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.treasure-bag span{font-size:11px;display:flex;justify-content:space-between;gap:6px;padding:8px;background:#03162855;color:#8297a4}.treasure-bag span.collected{color:#ffe3a0;background:#70512630}.treasure-bag b{white-space:nowrap}.treasure-review{text-align:center}.treasure-review>img{width:76px;height:76px;object-fit:contain}.treasure-review>p{font-size:13px}.treasure-review #treasure-ink-status{min-height:36px;color:#82cee1}.objective-mark circle{fill:#b13d2f;stroke:#fff0a9;stroke-width:3;filter:drop-shadow(0 0 13px #ffcf60)}.objective-mark text{fill:#fff7d0;stroke:none;font-size:30px;font-weight:900}.objective-mark{transform-box:fill-box;transform-origin:center;animation:objective-bounce 1.1s ease-in-out infinite}.objective .region-name{fill:#fff1ad;font-size:32px;filter:drop-shadow(0 0 9px #ffce65)}.objective .region-status{fill:#fff0a9;font-weight:800}.liberation-mark circle{fill:#176957;stroke:#9af2c7;stroke-width:3;filter:drop-shadow(0 0 12px #43e0a1)}.liberation-mark text{fill:#eafff4;stroke:none;font-family:serif;font-size:27px;font-weight:800}.liberated .region-status{fill:#9bf0ca;font-weight:800}.liberated .region-name{fill:#d9fff0}.legend-open{font-weight:800}@keyframes objective-bounce{0%,to{translate:0 0}50%{translate:0 -9px}}@media(prefers-reduced-motion:reduce){.objective-mark{animation:none}}body:has(.immersive-village){overflow:hidden}#app:has(.immersive-village)>.topbar,#app:has(.immersive-village)>footer,#main-content:has(.immersive-village)>.play-heading,#main-content:has(.immersive-village)>.zone-strip,#main-content:has(.immersive-village)>.session-note{display:none!important}#main-content:has(.immersive-village){padding:0!important;margin:0!important;max-width:none!important}.immersive-village{position:fixed;inset:0;display:block!important;z-index:20}.immersive-village>.village-sidebar{display:none!important}.immersive-village .world-container{width:100%;height:100%;border:0;border-radius:0}.immersive-village #world-map{width:100%;height:100dvh!important}.immersive-village .world-badge{display:none}.immersive-village .world-controls{top:auto;bottom:76px;right:20px}.immersive-village .world-help{bottom:18px;left:24px;transform:none;background:#07192880;border-radius:3px;font-size:11px}.village-location{position:absolute;top:max(22px,env(safe-area-inset-top));left:25px;pointer-events:none;display:grid;gap:7px;color:#fff7df;text-shadow:0 2px 6px #061b29,0 0 20px #061b29}.village-location small{font-size:12px;letter-spacing:1px}.village-location b{font-size:23px;font-weight:500}.village-hud{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:20px;display:flex;gap:8px}.village-hud button{display:flex;align-items:center;gap:14px;padding:12px 15px;color:#e4f8ff;border:1px solid #8bd5e77a;background:#082238b8;box-shadow:0 3px 15px #04192a33;border-radius:4px;cursor:pointer;backdrop-filter:blur(5px)}.village-hud kbd{font-size:10px;color:#9cc3d5;border:1px solid #9cc3d566;padding:2px 4px;border-radius:2px}.village-zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.village-zone-grid button{position:relative;overflow:hidden;border:1px solid #77bdd35e;border-radius:4px;padding:0 0 10px;background:#081f34;color:#d6eef7;cursor:pointer}.village-zone-grid img{display:block;width:100%;height:90px;object-fit:cover;opacity:.65}.village-zone-grid b,.village-zone-grid small{display:block;margin:7px 4px;font-size:12px}.village-zone-grid small{font-size:10px;color:#a8bfc9}.village-zone-grid .current{border:2px solid #f6d78d}.village-zone-grid .current small{color:#f6d78d}.village-menu-actions{display:grid;gap:12px;margin-top:25px}.village-menu-actions button{padding:15px;background:#113653;color:#daf2fc;border:1px solid #548fa8;cursor:pointer}@media(max-width:650px){.immersive-village .world-help{display:none}.village-hud{left:12px;right:12px;justify-content:flex-end}.village-hud button{padding:12px;gap:8px}.village-hud kbd{display:none}.village-location{left:16px}.village-location b{font-size:19px}.village-zone-grid{gap:7px}.village-zone-grid img{height:65px}}#detail-dialog{background:linear-gradient(180deg,#197fcce8,#085396f2 14%,#062e5af5 46%,#020d22fa);border:1px solid #67d9f2a6;border-radius:2px;box-shadow:inset 0 2px #b3f5ff70,inset 0 0 0 5px #061b3a60,0 0 0 3px #031323b3,0 22px 80px #0009;color:#e4f5ff}.water-clue{background:linear-gradient(180deg,#228dca9c,#0c528aab 20%,#062b50b8 58%,#031327cc);border:1px solid #79dbed8c;box-shadow:inset 0 2px #b1f6ff40,inset 0 0 0 3px #061b3830,0 5px 20px #00112638}.water-command{background:linear-gradient(180deg,#2389c77a,#0b518773 18%,#062b506b 55%,#03132999);border:1px solid #6dd4ed8c;box-shadow:inset 0 2px #b3f5ff4d,inset 0 0 0 3px #041b3830,0 12px 35px #00132655}.water-command:has(.ink-paper){background:linear-gradient(180deg,#2389c766,#0b51874d 22%,#062b5040 60%,#03132973)}.water-command .water-actions button,.water-command .water-choices button{background:linear-gradient(180deg,#146ca04d,#041b334d);border-color:#71cce159}.water-command button:hover,#detail-dialog button:not(.dialog-close):hover{background:linear-gradient(90deg,#006ca900,#06adf5b3 45% 55%,#006ca900);color:#fff;border-color:#9defff80;box-shadow:inset 0 1px #95edff80,inset 0 -1px #95edff50}.lore-bundle{max-width:550px}.lore-bundle h2{font:38px serif}.lore-bundle>p{font-size:16px;line-height:1.9;word-break:keep-all}.lore-bundle blockquote{margin:22px 0;padding:15px;border-left:2px solid #e9d097;background:#061b3955;line-height:1.8}.lore-bundle>small{display:block;margin-top:15px;color:#e9d097}.lore-bundle button{padding:13px 20px;background:#125282;color:#fff;border:1px solid #68b9d2}.lore-bundle button:disabled{opacity:.45}.lore-bundle a{font-size:12px;color:#a2d5e8}.village-loading{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#071d35e8;color:#c5f6ff;font-size:24px;letter-spacing:.12em}.village-hud button:disabled,.world-controls button:disabled{opacity:.4}.village-minimap{position:absolute;top:max(22px,env(safe-area-inset-top));right:20px;width:310px;padding:12px;background:#031629dc;border:1px solid #77d7ec88;box-shadow:0 12px 32px #00101fa6,inset 0 0 0 3px #0a365666;color:#dff8ff;backdrop-filter:blur(7px);transition:opacity .18s,transform .18s;z-index:8}.village-minimap.collapsed{opacity:0;transform:translateY(-12px);pointer-events:none}.village-minimap header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.village-minimap header span{font-size:9px;letter-spacing:2px;color:#69d6ef}.village-minimap header b{font-size:12px;color:#ffe4a1}.village-minimap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative}.village-minimap button{min-width:0;height:54px;padding:5px 3px;display:grid;place-items:center;gap:1px;border:1px solid #426d7d88;background:#061e33d9;color:#7896a4;cursor:pointer;position:relative}.village-minimap button:nth-child(-n+3):after{content:"";position:absolute;bottom:-6px;left:50%;height:6px;border-left:1px solid #4d889c99}.village-minimap button:not(:nth-child(3n)):before{content:"";position:absolute;right:-6px;top:50%;width:6px;border-top:1px solid #4d889c99}.village-minimap button.visited{color:#b8dce8;border-color:#4d8ba2}.village-minimap button.current{color:#fff2bf;border-color:#f1cb70;background:linear-gradient(135deg,#73541ecf,#123b52);box-shadow:0 0 12px #ffd77455}.village-minimap button i{font-style:normal;font-size:12px;color:#69cbe3}.village-minimap button.current i{color:#ffe08a;animation:minimap-pulse 1.6s ease-in-out infinite}.village-minimap button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px}.village-minimap button:focus-visible{outline:2px solid #fff;outline-offset:1px}@keyframes minimap-pulse{50%{filter:drop-shadow(0 0 7px #ffe28c);transform:scale(1.15)}}.inventory-panel{width:min(560px,78vw)}.inventory-panel h2,.quest-panel h2{margin-top:6px}.inventory-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;background:linear-gradient(120deg,#0d3454,#071b31);border:1px solid #4d91ac}.inventory-item img{width:66px;height:66px;object-fit:contain;grid-row:1/3}.inventory-item b{font-size:18px;color:#fff0bd}.inventory-item p{margin:5px 0;color:#a8cbd9;font-size:12px}.inventory-item strong{font-size:20px;color:#fff}.inventory-item>span{grid-column:2/4;padding:7px 10px;background:#163f54;color:#88e6cd;font-size:11px;border-left:2px solid #5ad7b1}.inventory-note{font-size:12px;color:#9ab8c7;margin-top:16px}.quest-panel{width:min(760px,82vw)}.quest-panel article{margin-top:16px;padding:18px;border:1px solid #396b83;background:#06192d}.quest-panel article>span,.quest-collection header span{font-size:9px;letter-spacing:2px}.quest-panel h3{margin:7px 0 10px}.quest-panel article>p{font-size:12px;line-height:1.65;color:#adcad6}.quest-main{position:relative;overflow:hidden;border-color:#d9ad4f!important;background:linear-gradient(135deg,#513817,#0a2238 62%)!important;box-shadow:0 0 24px #d99d2f33,inset 0 0 22px #ffcf4d17}.quest-main:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:24%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#fff6bd38,transparent);animation:quest-shine 2.8s ease-in-out infinite;pointer-events:none}.quest-main>span,.quest-main h3{color:#ffdd83}.quest-main.complete{filter:saturate(.72)}.quest-main .enemy-list{margin-top:14px}.quest-main .enemy-target{border-color:#9e793f;background:#173044;color:#fff3cc}.quest-main .enemy-target:not(:disabled):hover{border-color:#ffe391;box-shadow:0 0 12px #ffc75355}.quest-progress{display:flex;align-items:center;gap:12px;margin:13px 0}.quest-progress>b{font-size:11px;white-space:nowrap;color:#f0d9a0}.quest-progress>i{display:block;flex:1;height:7px;background:#020d1b;border:1px solid #3d6677}.quest-progress em{display:block;height:100%;background:linear-gradient(90deg,#a56b18,#ffe28a);box-shadow:0 0 9px #ffc94f}.quest-collection header{display:flex;justify-content:space-between;align-items:center}.quest-collection header span{color:#76cbe0}.quest-collection header strong{font-size:28px;color:#bcefff}.quest-collection ul{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.quest-collection li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px;background:#0b2940;color:#819eaa;font-size:11px}.quest-collection li.complete{color:#ffe5a0;background:#4e3c1e88}.quest-collection li span{color:#61cbe5}@keyframes quest-shine{0%,45%{left:-30%}75%,to{left:125%}}@media(max-width:650px){.village-minimap{top:62px;right:12px;width:230px;padding:8px}.village-minimap button{height:43px}.village-minimap header b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-collection ul{grid-template-columns:1fr}.inventory-panel,.quest-panel{width:auto}.inventory-item{grid-template-columns:55px 1fr auto}.inventory-item img{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.village-minimap button.current i,.quest-main:after{animation:none}}#detail-dialog:has(.inventory-panel){width:min(570px,calc(100% - 28px))}#detail-dialog:has(.quest-panel){width:min(780px,calc(100% - 28px));text-align:left}.inventory-panel,.quest-panel{width:100%}#detail-dialog:has(.proverb-dialog){box-sizing:border-box;width:min(760px,calc(100% - 28px));max-width:calc(100% - 28px);overflow:hidden}.proverb-dialog{width:100%;min-width:0;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:24px;align-items:center;text-align:left}.proverb-dialog>div{min-width:0}.npc-portrait{height:320px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#2b719966,transparent 67%);position:relative}.npc-portrait img{height:100%;width:400%;max-width:none;object-fit:fill;transform:translate(calc(var(--npc-frame) * -25%))}.proverb-dialog h2{margin:4px 0 12px}.proverb-dialog blockquote{margin:0 0 14px;padding:12px 15px;border-left:3px solid #65d8ef;background:#071b35;color:#d9f4ff;line-height:1.7;overflow-wrap:anywhere}.proverb-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:15px;border:1px solid #d9bd6c;background:linear-gradient(120deg,#493719aa,#142743);color:#fff}.proverb-card strong{grid-row:1/3;font:clamp(28px,4.5vw,42px) serif;color:#ffe39a;letter-spacing:clamp(1px,.4vw,4px);white-space:nowrap}.proverb-card b{align-self:end;color:#fff1bd}.proverb-card p{margin:0;color:#c9dded;font-size:12px;overflow-wrap:anywhere}.proverb-dialog>div>small{display:block;margin:12px 0;color:#79cce2}.quest-proverb{margin:14px 0;padding:14px;border:1px solid #3d7090;background:#0a2741}.quest-proverb>span{font-size:10px;color:#75cfe8}.quest-proverb h3{margin:6px 0;color:#eef7ff}.quest-proverb p{font-size:12px;color:#a8c7d8}.quest-proverb>b{font-size:11px;color:#ffd978}.quest-proverb.complete{border-color:#d5ae50;background:#4e3d1e88}@media(max-width:650px){#detail-dialog:has(.proverb-dialog){padding:22px 16px}.proverb-dialog{grid-template-columns:minmax(80px,110px) minmax(0,1fr);gap:12px}.npc-portrait{height:210px}.proverb-card{grid-template-columns:1fr;padding:10px}.proverb-card strong{font-size:clamp(21px,6vw,27px);white-space:normal}.proverb-card p{font-size:10px}}@media(max-width:430px),(max-height:560px){#detail-dialog:has(.proverb-dialog){max-height:calc(100dvh - 20px);padding:18px 14px}.proverb-dialog{grid-template-columns:95px minmax(0,1fr);gap:10px}.npc-portrait{height:170px}.proverb-dialog blockquote{padding:8px 10px;font-size:11px;line-height:1.45}.proverb-dialog h2{font-size:19px;margin:2px 0 7px}.proverb-dialog .eyebrow{font-size:9px}.proverb-dialog>div>small{font-size:9px;margin:7px 0}.proverb-dialog .primary{padding:9px 12px}.proverb-card b,.proverb-card p{font-size:9px}}.village-minimap button{height:62px;overflow:hidden;background:#061e33d9}.minimap-art{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.4;filter:saturate(.72);transition:opacity .18s,filter .18s}.village-minimap button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03182ae8 0%,#03182a45 72%,transparent);pointer-events:none}.village-minimap button.visited .minimap-art{opacity:.58;filter:saturate(.92)}.village-minimap button.current .minimap-art{opacity:.82;filter:saturate(1.12) brightness(1.08)}.village-minimap button i,.village-minimap button small{position:relative;z-index:2;color:inherit;text-shadow:0 1px 4px #000}@media(max-width:650px){.village-minimap button{height:48px}}body:has(.title-screen),body:has(.story-screen),body:has(.atlas-layout){overflow:hidden}#app:has(.title-screen)>.topbar,#app:has(.title-screen)>footer,#app:has(.story-screen)>.topbar,#app:has(.story-screen)>footer{display:none}.title-screen,.story-screen{position:fixed;inset:0;overflow:hidden;background:#06172a url(../assets/battle/arena.png) center/cover;color:#e4f8ff}.title-haze{position:absolute;inset:0;background:linear-gradient(90deg,#02101cec,#04152990 55%,#051b2330),linear-gradient(0deg,#02101d,transparent 60%)}.title-content{position:absolute;left:10%;top:50%;transform:translateY(-50%);max-width:680px}.title-chapter{font-size:13px;letter-spacing:6px;color:#c7deb6}.title-content h1{font-family:serif;font-size:clamp(42px,6.5vw,96px);line-height:1.15;letter-spacing:-3px;text-shadow:0 5px 40px #000;margin:28px 0}.title-content h1 span{display:block;font-size:.43em;letter-spacing:10px;margin-bottom:16px;color:#f5dfaa}.title-story{font-size:16px;color:#a7c5cf;letter-spacing:2px}.title-actions{display:grid;gap:12px;margin:38px 0 23px;max-width:420px}.title-actions button{display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:18px 22px;border:1px solid #8bdded70;border-left:3px solid #d6c99b;background:linear-gradient(90deg,#1473a68c,#071c3655);color:#fff1d3;font-size:19px;cursor:pointer}.title-actions button span{font-size:11px;color:#a6c8d6}.title-actions button:hover{background:linear-gradient(90deg,#199bdab0,#071c3670)}.title-actions button:disabled{opacity:.4;cursor:default}.title-sound{background:none;border:0;color:#b9d7e3;cursor:pointer;padding:8px 0}.title-note{display:block;font-size:11px;color:#829aa8;margin-top:15px}.title-seal{position:absolute;right:9%;bottom:12%;font:75px serif;color:#d0ba7e;border:2px solid #b7a071;padding:8px 12px;opacity:.6}.story-screen{background-image:var(--scene);animation:story-in .7s ease-out}.story-shade{position:absolute;inset:0;background:linear-gradient(0deg,#020b19 4%,#04152788 40%,#03132611 85%)}.story-top{position:absolute;top:25px;left:5%;right:5%;display:flex;justify-content:space-between;color:#b6d0dc;font-size:13px}.story-top button{background:#06182c90;border:1px solid #78abc766;color:#bfd5e3;padding:9px 15px;cursor:pointer}.story-caption{position:absolute;left:10%;right:10%;bottom:9%;max-width:850px;text-shadow:0 2px 8px #000}.story-caption>small{color:#69b5ce;letter-spacing:6px}.story-caption h2{color:#e9d4a1;font:28px serif}.story-caption p{font-size:clamp(18px,2.1vw,28px);line-height:1.9;word-break:keep-all}.story-caption button{padding:14px 25px;color:#defaff;background:#124c7090;border:1px solid #69c9df;cursor:pointer}.story-teacher{position:absolute;right:2%;height:88%;bottom:0;opacity:.7;mask-image:linear-gradient(#000 50%,transparent)}@keyframes story-in{0%{opacity:0}to{opacity:1}}#app:has(.atlas-layout){height:100dvh;display:flex;flex-direction:column}#app:has(.atlas-layout)>footer{display:none}#app:has(.atlas-layout)>.topbar{padding:12px 25px;flex:none}#main-content:has(.atlas-layout){flex:1;min-height:0;width:100%;max-width:1550px;display:flex;flex-direction:column;padding:16px 25px;margin:0 auto;overflow:hidden}#main-content:has(.atlas-layout)>.resume-bar,#main-content:has(.atlas-layout)>.journey-strip,#main-content:has(.atlas-layout)>.session-note{display:none}#main-content:has(.atlas-layout)>.page-heading{flex:none;margin:0 0 12px;padding:0}#main-content:has(.atlas-layout)>.page-heading h1{font-size:23px;margin:6px 0}#main-content:has(.atlas-layout)>.page-heading p:not(.eyebrow){display:none}.atlas-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.atlas-layout .atlas,.atlas-layout .region-atlas{height:100%;min-height:0!important}.atlas-layout .province-panel{padding:18px;min-height:0;overflow:auto}.atlas-layout .village-preview{height:100px}.atlas-layout .province-panel h2{font-size:24px;margin:9px 0}.atlas-layout .province-characters{margin:12px 0}.atlas-layout .province-panel>p{font-size:12px;line-height:1.5}.atlas-layout .occupation-meter{margin-top:12px}@media(max-width:750px){#app:has(.atlas-layout) .brand{font-size:14px}#app:has(.atlas-layout) .brand small,#app:has(.atlas-layout) .seal{display:none}#app:has(.atlas-layout)>.topbar{padding:8px 12px;gap:8px}#app:has(.atlas-layout) .nav{font-size:10px;padding:7px 4px}#main-content:has(.atlas-layout){padding:10px}.atlas-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}.atlas-layout .province-panel{padding:10px 14px;display:grid;grid-template-columns:1fr auto;gap:5px 10px}.atlas-layout .province-panel>*{display:none}.atlas-layout .province-panel>h2,.atlas-layout .province-panel>.eyebrow,.atlas-layout .province-panel>.primary{display:block;margin:0}.atlas-layout .province-panel>.eyebrow{grid-column:1}.atlas-layout .province-panel>.primary{grid-column:2;grid-row:1/3;width:auto;font-size:12px}.atlas-layout .province-panel h2{font-size:18px}.title-content{left:7%;right:7%}.title-seal{display:none}.title-chapter{font-size:10px;letter-spacing:3px}.title-note{max-width:290px;line-height:1.7}.title-actions{margin-top:25px}.story-caption{left:7%;right:7%;bottom:7%}.story-teacher{right:-30%;opacity:.4}}@media(prefers-reduced-motion:reduce){.story-screen{animation:none}}.title-cast{position:absolute;inset:0 0 0 43%;pointer-events:none}.title-cast img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 25px #0008)}.title-master{height:87%;width:65%;bottom:-4%;right:14%;z-index:3;object-position:center bottom}.title-boss{width:64%;height:68%;right:-9%;top:0;opacity:.66}.title-serpent{width:57%;height:50%;left:-15%;top:4%;opacity:.65}.title-goblin{width:38%;height:44%;right:-3%;bottom:0;z-index:4}.title-haze{pointer-events:none;z-index:5;background:linear-gradient(90deg,#02101cf5 0%,#041529d9 32%,#04152955 54%,transparent 75%),linear-gradient(0deg,#02101deb,transparent 28%)}.title-content{z-index:6;left:7%;max-width:53%}.title-seal{display:none}.title-chapter{display:flex;align-items:center;gap:16px;letter-spacing:3px}.grade-seal{font:30px serif;color:#ffe6a6;border:1px solid #c6ad6e;padding:6px 9px;background:#5e451c30;letter-spacing:3px}.title-grade{font-size:15px;color:#f0d9a1;display:flex;align-items:center;gap:12px}.title-grade span{font-size:11px;color:#9ec0ce;border-left:1px solid #819f9f70;padding-left:12px}@media(max-width:750px){.title-cast{inset:0 -12% 33% 18%;opacity:.5}.title-master{height:100%;right:5%;width:75%}.title-boss{right:-15%;height:65%}.title-serpent{left:-12%;top:5%}.title-goblin{bottom:0;right:0}.title-haze{background:linear-gradient(90deg,#031323c9,transparent),linear-gradient(0deg,#02101d 15%,#02101d90 60%,#02101d20)}.title-content{max-width:none;right:7%}.grade-seal{font-size:23px}.title-grade{font-size:13px}.title-content h1{font-size:clamp(42px,9vw,66px)}}@media(max-height:620px){.title-content h1{font-size:44px;margin:15px 0}.title-content h1 span{margin-bottom:7px}.title-actions{margin:16px 0 8px;gap:8px}.title-actions button{padding:12px 18px}.title-note{margin-top:5px}.title-chapter{margin:0}.title-story,.title-grade{margin:8px 0}}.story-teacher{height:83%;width:44%;right:1%;object-fit:contain;object-position:center bottom;opacity:.95}.story-caption{z-index:2}.story-top{z-index:3}.title-master{object-fit:contain;object-position:center bottom}@media(max-width:750px){.story-teacher{width:76%;right:-20%;height:75%;opacity:.38}}.story-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;animation:story-art-in 5s ease-out both}.story-screen .story-shade{z-index:1;background:linear-gradient(0deg,#020a18f2 1%,#03122599 38%,#03132618 78%),linear-gradient(90deg,#03122566,transparent 70%)}.story-figure{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 18px 26px #000a);animation:story-figure-in .75s ease-out both}.story-villain{right:3%;bottom:-8%;width:min(44vw,620px);height:84%;object-fit:contain;object-position:center bottom;opacity:.92}.story-pupil{right:7%;bottom:-3%;width:min(39vw,510px);height:77%;overflow:hidden;clip-path:inset(0);contain:paint}.story-pupil image{transform:translate(0 0)}.story-screen .story-caption{z-index:2}.story-screen .story-top{z-index:3}@keyframes story-art-in{0%{transform:scale(1.045);filter:brightness(.72)}to{transform:scale(1);filter:brightness(1)}}@keyframes story-figure-in{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@media(max-width:750px){.story-villain{right:-18%;width:75vw;height:67%;opacity:.5}.story-pupil{right:-17%;width:72vw;height:62%;opacity:.55}.story-screen .story-shade{background:linear-gradient(0deg,#020a18f7 4%,#031225b8 52%,#03132635 85%)}}@media(prefers-reduced-motion:reduce){.story-art,.story-figure{animation:none}}.hakdong-scene{display:grid;grid-template-rows:minmax(0,1fr) auto;background:#06172a}.hakdong-panel{display:block;width:100%;height:100%;min-height:0;overflow:hidden}.hakdong-scene .story-caption{position:relative;inset:auto;max-width:none;padding:16px 7% 22px;background:linear-gradient(120deg,#103653,#06172a);text-shadow:none}.hakdong-scene .story-caption h2{font-size:22px;margin:7px 0}.hakdong-scene .story-caption p{font-size:clamp(15px,1.5vw,21px);line-height:1.65;margin:8px 0 14px}.hakdong-scene .story-top{top:12px;padding:8px 12px;background:#06172ac9;gap:12px;align-items:center}.hakdong-scene .story-caption button{padding:10px 20px}@media(max-height:520px){.hakdong-scene{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.hakdong-scene .story-caption{padding:70px 6% 12px;overflow-y:auto}.hakdong-scene .story-caption p{font-size:15px}.hakdong-scene .story-caption h2{font-size:19px}}.portrait-dialogue .dialogue-stage{position:relative;min-height:0;overflow:hidden;isolation:isolate}.dialogue-background{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.dialogue-shade{position:absolute;inset:0;background:linear-gradient(0deg,#06172a99,transparent 65%);z-index:-1}.dialogue-portrait{position:absolute;bottom:0;width:42%;height:min(95%,520px);transition:filter .25s,opacity .25s}.dialogue-portrait.pupil{left:4%}.dialogue-portrait.teacher{right:4%}.dialogue-portrait svg{height:100%;width:100%;display:block;overflow:hidden}.dialogue-portrait.listening{filter:brightness(.65) saturate(.7);opacity:.72}.dialogue-portrait.speaking{filter:drop-shadow(0 0 16px #b4e7ff33)}.portrait-dialogue .story-caption{border-top:2px solid #67c7e2;box-shadow:0 -10px 40px #051b36b0;z-index:2}.portrait-dialogue .story-caption h2{font-family:sans-serif;font-weight:700;color:#ffe4a2}.portrait-dialogue .story-top{z-index:4}@media(max-width:600px){.dialogue-portrait{width:65%;height:min(90%,370px)}.dialogue-portrait.pupil{left:-8%}.dialogue-portrait.teacher{right:-9%}.dialogue-portrait.speaking{z-index:1}.portrait-dialogue .story-caption{min-height:220px}}@media(max-height:520px){.portrait-dialogue{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.portrait-dialogue .story-caption{padding:8px 5%;min-height:0}.portrait-dialogue .story-caption h2{margin:0;font-size:17px}.portrait-dialogue .story-caption p{margin:5px 0;font-size:14px}.portrait-dialogue .story-caption small{display:none}.portrait-dialogue .story-caption button{padding:6px 15px}.dialogue-portrait{height:100%;width:36%}}.chapter-story-stage{position:relative;min-height:0;overflow:hidden;isolation:isolate}.chapter-story-stage>.regional-map-preview{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.chapter-story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#031126a8,transparent 68%),linear-gradient(90deg,#05172d66,transparent 65%)}.chapter-story-stage>.story-teacher{z-index:1}.chapter-story-stage>.dialogue-portrait{left:auto;right:4%;z-index:1}.chapter-story-enemy{position:absolute;right:5%;bottom:0;width:min(38vw,510px);height:88%;z-index:1;filter:drop-shadow(0 18px 25px #000b)}.chapter-story-enemy svg{width:100%;height:100%;overflow:visible}.chapter-story-scene .story-caption{border-top:2px solid #67c7e2;box-shadow:0 -10px 40px #051b36b0}@media(max-width:600px){.chapter-story-enemy{right:-12%;width:68vw;opacity:.65}.chapter-story-stage>.dialogue-portrait{right:-8%}}.chapter-card{max-width:820px;margin:0 auto;padding:26px 22px 30px;color:#d9f4ff;background:linear-gradient(135deg,#123a63ee,#06132af5);border:1px solid #2f86a8;border-radius:2px;box-shadow:0 0 30px #0a95d422}.chapter-card h1{margin:4px 0 14px;font-size:clamp(23px,4vw,33px);line-height:1.28;color:#d6f4ff}.chapter-card h1 small{display:block;font-size:15px;font-weight:400;color:#6edbff;margin-top:6px;letter-spacing:0}.chapter-entry{font-size:16px;line-height:1.8;color:#c3ddec}.chapter-block{margin-top:14px;padding:13px 15px;background:#09203a99;border:1px solid #23607d;border-radius:2px}.chapter-block h3{margin:0 0 6px;font-size:13px;color:#6edbff;letter-spacing:.05em;font-weight:500}.chapter-block p{margin:0;line-height:1.75;color:#c3ddec}.chapter-chars{font-size:28px;letter-spacing:.2em;color:#aeeaff}.chapter-foes{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.chapter-foes span{display:flex;flex-direction:column;gap:3px;padding:9px 13px;background:#0d2b47;border:1px solid #2b6884;border-radius:2px;color:#c4effa;font-size:13px}.chapter-foes span small{color:#7fd6f1;font-size:16px;letter-spacing:.14em}.chapter-foes .is-boss{background:#3a1b30;border-color:#8b4a6b;color:#ffd9ea}.chapter-foes .is-boss small{color:#ffb0d0}.chapter-card .primary.wide{margin-top:20px}.chapter-card .text-btn{display:block;margin:10px auto 0}.chapter-card.liberated{border-color:#43b79a;box-shadow:0 0 34px #1ec59a22}.chapter-card.twist{background:linear-gradient(135deg,#241c33ef,#0d0a16f7);border-color:#6a5a93;box-shadow:0 0 34px #7a5ad433}.chapter-card.twist h1,.chapter-card.twist .chapter-entry{color:#e4dcff}.chapter-card.twist .chapter-block{background:#1a1430aa;border-color:#4d4070}.chapter-card .big-seal{display:inline-block;margin-bottom:6px}.liberated-chars{display:flex;flex-wrap:wrap;gap:8px}.liberated-chars button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;min-height:44px;padding:9px 6px;border:1px solid #2b6884;border-radius:2px;background:#0b2944;color:#c4effa;cursor:pointer}.liberated-chars button.ok{border-color:#3fae8f;background:#0c3340}.liberated-chars .hanja{font-size:28px;color:#aeeaff}.liberated-chars small{font-size:12px;color:#8ab4c8}.liberated-chars i{font-size:11px;color:#6edbff;font-style:normal}.liberated-chars button.mastered{border-color:#ffd66b;background:linear-gradient(145deg,#5d4614,#1c3041);box-shadow:0 0 18px #ffc8474d,inset 0 0 16px #ffd96b21}.liberated-chars button.mastered .hanja,.liberated-chars button.mastered i{color:#ffe186;text-shadow:0 0 10px #ffca43}.writing-notebook{margin-top:14px;padding:15px;background:#efe6cb;color:#263a43;border:1px solid #c8ad72;box-shadow:inset 0 0 28px #8d6c2c1f;text-align:left}.writing-notebook>h3{margin:0;color:#6e4e1d;font-family:"Noto Serif KR",serif}.writing-notebook>p{margin:4px 0 12px!important;color:#7c6b50!important;font-size:11px}.notebook-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #bfae8a88}.notebook-row header{text-align:center}.notebook-row header b{display:block;font-size:27px;color:#433c31}.notebook-row header span{font-size:10px;color:#756c5d}.notebook-row>div{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:6px}.notebook-row figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;background-color:#fffaf0;border:1px solid #b9aa89;background-image:linear-gradient(90deg,transparent 49%,#cbbd9d80 50%,transparent 51%),linear-gradient(transparent 49%,#cbbd9d80 50%,transparent 51%)}.notebook-row img{display:block;width:100%;height:100%;object-fit:cover}.notebook-row figcaption{position:absolute;right:3px;bottom:1px;color:#9e8e70;font-size:8px}.notebook-row figure.empty{display:grid;place-items:center;color:#c7b999}@media(max-width:560px){.notebook-row{grid-template-columns:58px 1fr}.notebook-row>div{gap:3px}.writing-notebook{padding:10px}.notebook-row header b{font-size:23px}}.finale-room{max-width:760px;margin:0 auto;padding:26px 22px;text-align:center;color:#d9f4ff}.finale-room.dark{background:linear-gradient(135deg,#1a1626ef,#08070ef7);border:1px solid #514571;border-radius:2px}.finale-room h1{font-size:clamp(22px,4vw,32px);margin:6px 0 10px}.finale-room .answer-grid{margin-top:16px}.finale-line{font-size:17px;line-height:1.85;color:#c3ddec}.finale-seal{height:8px;background:#081526;border:1px solid #2e647c;overflow:hidden;margin:14px auto;max-width:320px}.finale-seal i{display:block;height:100%;background:linear-gradient(90deg,#078cba,#78f1ff);transition:width .4s ease}.finale-light{font-size:76px;margin:16px 0;color:#bfe9ff;text-shadow:0 0 34px #58c8ff}.last-write-pad{display:flex;flex-direction:column;align-items:center;margin:16px 0}.last-write-pad .ink-controls{justify-content:center;gap:8px;max-width:320px}.last-write-pad .ink-controls button{flex:0 0 auto;padding:9px 14px!important;font-size:12px;background:#0d2944;border:1px solid #34718c;color:#a7d9ea;border-radius:2px;min-height:44px}.last-write-pad .ink-controls button:disabled{opacity:.45}.epilogue{max-width:880px;margin:0 auto;padding:26px 22px 36px;text-align:center;color:#d9f4ff}.epilogue-line{margin:18px auto;max-width:540px;font-size:19px;color:#aeeaff;border-left:2px solid #52c9f4;padding-left:15px;text-align:left}.credit-chars{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0}.credit-chars span{width:38px;height:38px;line-height:38px;background:#0b2944;border:1px solid #235f7c;color:#9fe2ff;font-size:22px}.ending-record{margin:16px auto;max-width:640px;padding:14px 16px;background:#0a2440cc;border:1px solid #2a7695;text-align:left}.ending-record.done{border-color:#3fae8f;background:#0a2f36cc}.ending-record b{color:#d6f4ff}.ending-record p{margin:6px 0 0;font-size:14px;line-height:1.75;color:#9ebecd}.remaining-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.remaining-list button{display:flex;flex-direction:column;align-items:center;min-width:44px;min-height:44px;padding:6px 8px;border:1px solid #2b6884;background:#0b2944;color:#c4effa;cursor:pointer}.remaining-list .hanja{font-size:21px}.remaining-list small{font-size:11px;color:#8ab4c8}.remaining-list .more{align-self:center;font-size:13px;color:#8ab4c8}.lore-kind,.lore-mnemonic{margin:8px 0;padding:9px 12px;background:#0a2440cc;border:1px solid #235f7c;font-size:14px;line-height:1.75;color:#c3ddec}.lore-kind b,.lore-mnemonic b{display:inline-block;margin-right:6px;padding:2px 9px;background:#125579;border:1px solid #4299b4;color:#d6f4ff;font-size:12px}.lore-mnemonic{background:#2a1f3acc;border-color:#5b4a7d}.lore-mnemonic b{background:#493a68;border-color:#7a67a6}.lore-mnemonic small{display:block;margin-top:5px;color:#b2a3d4;font-size:12px}.finale-bar{background:linear-gradient(90deg,#123a63ee,#06132af5);border:1px solid #52c9f4;color:#d6f4ff}.record-done{font-size:12px;padding:2px 9px;background:#12604c;border:1px solid #3fae8f;color:#d8fff2}.record-open{font-size:12px;padding:2px 9px;background:#123a5c;border:1px solid #2f86a8;color:#cfe9f7}.level-note{display:block;margin-top:6px;font-size:11px;color:#7fb3c9}@media(max-width:560px){.chapter-card{padding:20px 15px 24px}.credit-chars span{width:32px;height:32px;line-height:32px;font-size:19px}.chapter-foes span{flex:1 1 100%}}