:root{--paper:#fffdf3;--ink:#342d4c;--coral:#ff6675;--gold:#ffcf50;--soft:#efebf5;--muted:#8b7e90;--green:#5c9a68}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#172d29;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:var(--ink);overscroll-behavior:none}button{font:inherit;font-weight:900;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .12s,transform .12s}button:hover{filter:brightness(1.07)}button:active{transform:translateY(3px)}button:focus-visible,a:focus-visible{outline:4px solid #ffdc70;outline-offset:3px}button:disabled{cursor:default;filter:saturate(.55)}.hidden{display:none!important}#app{position:fixed;width:1280px;height:720px;left:50%;top:50%;transform-origin:center;overflow:hidden;background:#a9cedf}#world,#world canvas,.screen,.vignette,#speed-lines,#hurt-flash{position:absolute;inset:0;width:100%;height:100%}#world canvas{image-rendering:pixelated;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(0deg,#16362f55,transparent 23%,transparent 78%,#1b304033);z-index:1}.screen{z-index:2}.icon{width:39px;height:39px;border-radius:50%;background:var(--paper);box-shadow:0 3px #233e3633;font-size:22px}.tools{display:flex;gap:9px}.home-top{display:flex;justify-content:space-between;margin:24px 30px}.badge{background:#fffbedeb;border:1px solid #fff;border-radius:22px;padding:10px 20px;font-size:12px;font-weight:900;letter-spacing:2px}.hero{display:flex;align-items:center;justify-content:space-between;margin:55px 68px 0 65px}.title-area{width:690px;filter:drop-shadow(0 5px 12px #1a3e3233)}.eyebrow{font-size:15px;font-weight:900;letter-spacing:2px;color:#fff3c5;text-shadow:0 2px #345339;margin:0 0 11px 7px}h1{margin:0;color:white;font-size:100px;font-weight:1000;line-height:1.12;letter-spacing:-7px;-webkit-text-stroke:5px #34314e;paint-order:stroke fill;text-shadow:0 8px #34314e,0 14px #2e294226;transform:rotate(-3deg)}h1>span{display:block;margin-left:188px;color:#ffd34c;font-size:112px;margin-top:-4px}h1>em{display:block;width:296px;background:#496c5b;color:#ffe8a1;border:2px solid #ffe8a1;text-shadow:0 2px #2e453b;-webkit-text-stroke:0;font-size:25px;font-style:normal;letter-spacing:5px;text-align:center;border-radius:5px;padding:10px 0 13px;margin:6px 0 0 13px;transform:rotate(3deg)}.hero-sub{font-size:17px;font-weight:800;color:#fff5df;text-shadow:0 2px #335242;margin:25px 0 22px 13px;letter-spacing:-.5px}.best{display:flex;align-items:center;gap:10px;color:#fff3bf;font-size:12px;letter-spacing:1px;margin-left:13px}.best>span{background:#ffda67;border-radius:6px;color:#705436;padding:8px 10px;font-size:15px}.start-panel{background:#fffdf4f5;border:3px solid #fff9;border-radius:25px;overflow:hidden;width:392px;flex-shrink:0;box-shadow:0 8px #1e3e3540,0 15px 35px #27463830;transform:rotate(1deg)}.start-panel>header{background:repeating-linear-gradient(135deg,#ff866c 0,#ff866c 12px,#ff9477 12px,#ff9477 24px);color:#fff;font-size:21px;font-weight:950;padding:20px 24px;text-shadow:0 2px #d76d58}.start-body{padding:24px}.hero-glyphs{display:flex;gap:8px;justify-content:center}.hero-glyphs>span{display:flex;align-items:center;justify-content:center;width:50px;height:52px;font-family:serif;font-size:31px;background:#ffdf83;color:#88623a;border:2px solid #fff0b6;border-radius:10px;box-shadow:0 3px #cbb16b}.hero-glyphs>span:nth-child(2){background:#bbdfec;color:#487a94}.hero-glyphs>span:nth-child(3){background:#cbdda9;color:#587845}.hero-glyphs>span:nth-child(4){background:#eac4d8;color:#9c648d}.start-body>p{font-size:16px;font-weight:850;line-height:1.8;margin:20px 0}.feature-list{display:grid;gap:8px;margin-bottom:23px}.feature-list>div{background:#efedf5;border-radius:9px;padding:10px;font-size:11px;font-weight:800}.feature-list b{font-size:16px;margin-right:7px;color:#8974b5}.btn{padding:13px 23px;background:#8471b9;color:white;box-shadow:0 4px #58497f;border-radius:13px;font-size:15px}.btn.coral{background:repeating-linear-gradient(135deg,#ff6275 0,#ff6275 11px,#ff7080 11px,#ff7080 22px);box-shadow:0 5px #bc435b}.btn.big{width:100%;padding:17px 20px;font-size:23px}.btn.big b{float:right}.record{font-size:10px;color:#9b8d9c;text-align:center;font-weight:800;margin:18px 0 11px}.panel-links{display:flex;justify-content:center;gap:20px}.panel-links button{background:none;text-decoration:underline;text-underline-offset:3px;color:#94859a;font-size:10px}.home-bottom{position:absolute;bottom:57px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;color:#fff4dd;font-size:11px;font-weight:800;text-shadow:0 1px #355342}.home-bottom>div{display:flex;align-items:center;gap:15px}.home-bottom button{background:var(--paper);border-radius:20px;padding:11px 17px;font-size:11px}footer{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;color:#fff9}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}.xp-track{position:absolute;top:0;left:0;right:0;height:7px;background:#2f2947aa;box-shadow:0 2px #fff5}.xp-track i{display:block;width:0;height:100%;background:#b5e1b7;box-shadow:0 0 12px #bbefbf;transition:width .15s}.player-panel{position:absolute;left:20px;top:22px;display:flex;background:#fffdf1f2;padding:6px 17px 6px 6px;border-radius:38px;border:2px solid #fff7;align-items:center;gap:11px;min-width:250px;box-shadow:0 4px #243e3530}.avatar{width:58px;height:58px;border-radius:50%;border:3px solid #c8ddcf;background:#588b83;color:#fff3bf;font-family:serif;font-size:34px;display:flex;align-items:center;justify-content:center}.player-stats{width:160px}.player-stats>b{font-size:14px;display:flex;justify-content:space-between;align-items:center}.player-stats>b>span{color:#917caa;font-size:11px;margin-left:10px}.health-track{background:#dfd8d9;border-radius:8px;height:15px;overflow:hidden;margin-top:7px;position:relative}.health-track>i{height:100%;display:block;background:linear-gradient(#83d5a1,#50af7d);width:100%;transition:width .1s}.health-track>span{position:absolute;inset:0;text-align:center;font-size:9px;font-weight:900;color:#fff;text-shadow:0 1px #396546}.player-stats>small{display:block;font-size:9px;color:#a296a3;margin-top:4px}.run-panel{position:absolute;top:19px;left:50%;transform:translateX(-50%);background:#fffdf1ed;border-radius:17px;padding:9px 18px 8px;display:flex;gap:22px;align-items:center;min-width:345px;box-shadow:0 4px #243e3530}.region{display:flex;flex-direction:column;gap:5px}.region b{font-size:15px}.region span{font-size:9px;color:#8b7f92;font-weight:800}#timer{font-size:35px;letter-spacing:2px;background:#403855;color:#fff;border-radius:25px;padding:0 14px;font-weight:950;line-height:1.25}#danger{position:absolute;top:67px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffcf1ed;border-radius:15px;padding:6px 17px;font-size:9px;letter-spacing:2px;color:#7ba56a;font-weight:900}.top-tools{position:absolute;right:22px;top:23px;display:flex;gap:8px}.map-wrap{position:absolute;right:24px;top:79px;width:153px;height:153px;border:4px solid #fff5e5;border-radius:50%;background:#465b50;box-shadow:0 0 0 3px #e59b8c77;overflow:hidden}.map-wrap canvas{width:100%;height:100%;image-rendering:pixelated}.map-wrap>b{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:10px;color:#fff4ca;text-shadow:0 1px #5b4b4f}.counters{position:absolute;right:24px;top:246px;display:flex;gap:8px;font-size:11px;font-weight:800}.counters>span{background:#fff9e9ed;border-radius:16px;padding:7px 12px}.counters b{font-size:14px;margin-left:5px}.gold{color:#b48c38}#boss-bar{position:absolute;left:50%;top:107px;transform:translateX(-50%);width:430px;background:#fff8e9ea;border-radius:11px;padding:11px 17px;box-shadow:0 3px #382f4230}#boss-bar>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}#boss-hp{font-size:10px;color:#968091}.boss-track{height:11px;border-radius:10px;background:#e5d9e0;overflow:hidden}.boss-track i{display:block;height:100%;width:100%;background:linear-gradient(#c6a4d6,#a67fc1);transition:width .1s}#weapons{position:absolute;bottom:45px;left:26px;display:flex;gap:8px}.weapon{width:54px;height:62px;border:3px solid #fff9d5;border-radius:12px;background:#e8cc86;box-shadow:0 4px #253c343b;position:relative;text-align:center}.weapon>span{font:33px serif;color:#6d553b;line-height:1.3}.weapon>small{position:absolute;bottom:2px;left:0;right:0;font-size:9px;font-weight:950;color:#6d5a49}.weapon.empty{border:2px solid #fff6;background:#fff2;font-size:20px;color:#fff7;display:flex;align-items:center;justify-content:center}.weapon .lv{position:absolute;top:-7px;right:-5px;background:#6b5c8d;border:2px solid #fff7e4;color:#fff5dc;font-size:9px;border-radius:50%;width:19px;height:19px;padding-top:1px}#ultimate{position:absolute;bottom:43px;left:285px;width:71px;height:71px;border:4px solid #fff8df;border-radius:50%;background:#3d3753;box-shadow:0 3px #203c333b;color:#ded1ed;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}#ultimate>span{font-family:serif;font-size:22px;z-index:1}#ultimate>b{font-size:9px;z-index:1}#ultimate small{position:absolute;top:78px;left:-12px;width:90px;font-size:9px;color:#fff3cf;text-shadow:0 1px #344833}#ultimate i{position:absolute;inset:-7px;border-radius:50%;border:3px solid #d4bd7d;opacity:.25}#ultimate.ready{background:#f1c966;color:#69513a}#ultimate.ready i{opacity:1;box-shadow:0 0 18px #ffe9a1;animation:pulse 1s infinite}.objective{position:absolute;top:115px;left:25px;max-width:290px;border-left:3px solid #ffdc7c;padding:7px 10px;font-size:11px;color:#fff4d9;background:#1e3e364d;line-height:1.6;box-shadow:0 0 14px #1e3e3610;font-weight:800;text-shadow:0 1px #35503b}#interact-wrap{position:absolute;left:50%;bottom:104px;transform:translateX(-50%)}#interact{background:#fffae9;border:2px solid #ffe29b;border-radius:13px;display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:13px;box-shadow:0 4px #2d413438}kbd{font-family:inherit;font-size:10px;font-weight:900;background:#fff9e6;color:#786675;border-radius:4px;padding:3px 6px;box-shadow:0 2px #2942343b}#interact kbd{background:#8d78ac;color:white;font-size:13px}.movement-state{position:absolute;right:28px;bottom:45px;width:175px;text-align:right}.movement-state>b{color:#fff0bd;text-shadow:0 2px #344a38;font-size:17px;font-style:italic;letter-spacing:1px}.speed-track{height:5px;background:#fff4;border-radius:5px;overflow:hidden;margin:8px 0 6px}.speed-track>i{display:block;height:100%;width:0;background:#ffe29e;transition:width .1s}.movement-state>small{color:#fff8d3;font-size:9px;text-shadow:0 1px #314f3e}.controls{position:absolute;bottom:15px;left:390px;right:25px;display:flex;align-items:center;gap:7px;font-size:9px;color:#fff7d2;text-shadow:0 1px #37513d}.controls span{margin-left:auto}#speed-lines{z-index:1;pointer-events:none;opacity:0;transition:opacity .12s;background:repeating-conic-gradient(from 12deg at 50% 48%,transparent 0deg,transparent 17deg,#fff2 17.15deg,transparent 17.35deg,transparent 31deg);mask-image:radial-gradient(ellipse,transparent 39%,#000 100%)}#hurt-flash{z-index:4;pointer-events:none;opacity:0;box-shadow:inset 0 0 100px 25px #cd54745e;transition:opacity .1s}#numbers{position:absolute;inset:0;pointer-events:none;z-index:5}.damage-number{position:absolute;color:#fff1ba;text-shadow:2px 2px #473b4b,-1px -1px #473b4b;font-size:19px;font-weight:1000;will-change:transform,opacity}.damage-number.crit{color:#ffcd6a;font-size:27px}#toast{position:absolute;z-index:40;top:162px;left:50%;transform:translate(-50%,-10px);background:#fff9e9f5;border:2px solid #ffe7ab;border-radius:24px;padding:12px 24px;color:#88613c;box-shadow:0 4px #263d353b;font-size:13px;font-weight:900;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%,0)}#modal{position:absolute;inset:0;z-index:20;background:#24313b86;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}#modal-card{width:620px;max-height:650px;overflow:auto;background:var(--paper);border-radius:23px;border:3px solid #fff9;box-shadow:0 9px #1f303c45;padding:30px 34px}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top h2{font-size:25px;margin:0}.close{border-radius:50%;background:#eee9f2;width:31px;height:31px;font-size:20px}.kicker{font-size:11px;color:#9e8b7e;letter-spacing:2px;font-weight:900;margin:0 0 10px}.modal-copy{color:#8c7b8c;font-size:14px;line-height:1.9}.modal-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}.upgrade-modal{width:970px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}.upgrade-heading{text-align:center;margin:0 0 25px}.upgrade-heading small{color:#ffedb5;font-size:12px;font-weight:900;letter-spacing:4px}.upgrade-heading h2{font-size:47px;color:#fff8e4;margin:8px 0 8px;text-shadow:0 4px #40394b;letter-spacing:1px}.upgrade-heading p{font-size:12px;color:#ffefd4;margin:0}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.upgrade-card{background:#fffdf4;border:4px solid #e5d7b3;border-radius:22px;box-shadow:0 7px #2b2d4140;overflow:hidden;display:flex;flex-direction:column;padding:0;text-align:left;position:relative;min-height:362px;transition:transform .15s}.upgrade-card:hover{transform:translateY(-9px);filter:none}.upgrade-card[data-rarity="1"]{border-color:#a3c9e6}.upgrade-card[data-rarity="2"]{border-color:#dfb0ed;box-shadow:0 0 30px #d4a1e746,0 7px #2b2d4140}.upgrade-art{height:151px;background:radial-gradient(ellipse at 50% 62%,#fff5ce55,transparent 60%),var(--card-color);position:relative;width:100%;display:flex;align-items:center;justify-content:center}.upgrade-art>strong{font:92px serif;line-height:1;color:#fff6d6;text-shadow:0 4px #574c5930;-webkit-text-stroke:1px #6b605044;paint-order:stroke fill;transform:rotate(-4deg)}.upgrade-art:after{content:'';position:absolute;left:50%;top:50%;width:115px;height:115px;transform:translate(-50%,-45%) rotate(45deg);border:1px solid #fffb;pointer-events:none}.rarity{position:absolute;top:11px;left:13px;background:#fff9e7dd;color:#8e775e;border-radius:15px;font-size:9px;padding:5px 9px;z-index:1}.card-level{position:absolute;right:12px;top:14px;font-size:10px;color:#fff8dd;text-shadow:0 1px #6b5669}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-reading{font-size:10px;font-weight:900;color:#a0909e;letter-spacing:1px}.card-body h3{font-size:21px;margin:7px 0 10px}.card-effect{font-size:13px;background:#efebf4;color:#7d659a;border-radius:8px;padding:10px 11px;margin:0 0 10px;font-weight:900}.card-body>p:last-of-type{font-size:11px;line-height:1.8;color:#928293;margin:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;color:#a18b70;font-size:10px}.card-bottom kbd{background:#8a78b0;color:white;font-size:10px;box-shadow:none}.upgrade-note{color:#fff0cd;text-align:center;font-size:11px;margin-top:24px;font-weight:700}.menu-grid{display:grid;gap:15px;margin-top:25px}.menu-grid button{padding:15px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.help-grid>div{background:#f0ebf2;border-radius:9px;padding:13px;font-size:12px;color:#8f7b93;line-height:1.6}.help-grid b{display:block;font-size:15px;color:#6b5a7e;margin-bottom:4px}.book-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.book-item{border-radius:12px;background:#ede8df;border:2px solid #e5decf;text-align:center;padding:13px 4px}.book-item>strong{display:block;font:32px serif;color:#a49a8c}.book-item>small{font-size:10px;display:block;margin-top:5px;color:#9a8d8f}.book-item>span{font-size:8px;color:#aa9e8d;display:block;margin-top:5px}.book-item.found{background:#fff0ba;border-color:#ead28b}.book-item.found>strong{color:#8e6c3d}.end-title{font-size:36px;color:#a87a3d;text-align:center;margin:22px 0 12px}.end-stats{display:flex;gap:12px;margin:24px 0}.end-stats>div{background:#f0ebdf;border-radius:11px;padding:16px;text-align:center;flex:1;color:#9b8b7a;font-size:11px}.end-stats b{display:block;font-size:25px;color:#7c6746;margin-bottom:5px}#loading{position:absolute;inset:0;z-index:60;background:#e8efdf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#53755b}#loading>span{font:65px serif;background:#ffdf87;border:4px solid #fff1b8;border-radius:18px;padding:10px 20px;color:#876b41;animation:float 1.5s infinite}#loading>b{font-size:20px}#loading>small{color:#94a085}#fatal{position:absolute;inset:0;z-index:100;background:#edf2df;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#58795f}#fatal button{padding:12px 25px;background:#60876c;color:white;border-radius:10px}#joystick,.touch-button{display:none;position:absolute;touch-action:none;user-select:none}#joystick{left:30px;bottom:80px;width:148px;height:148px;pointer-events:auto}.joy-ring{width:130px;height:130px;position:absolute;left:9px;top:9px;border-radius:50%;border:3px solid #fff4c888;background:#fff6d52e}.joy-ring>i{position:absolute;left:41px;top:41px;width:42px;height:42px;border-radius:50%;background:#fff9ddbb;border:3px solid #fff5ce}.touch-button{border:3px solid #fff2c5;background:#ffdc78c9;border-radius:50%;color:#7f5935;box-shadow:0 5px #40503c3b;width:83px;height:83px;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:1px}.touch-button>b{font-size:28px}.touch-button>span{font-size:12px}#touch-jump{right:30px;bottom:99px}#touch-slide{right:124px;bottom:63px}#touch-ult{right:29px;bottom:198px;width:62px;height:62px;background:#bfa4d5bd;color:#fff3d8}#touch-ult>b{font-size:18px}#touch-ult>span{font-size:9px}.touch #joystick,.touch .touch-button{display:flex}.touch .controls{display:none}.touch #weapons{bottom:25px;left:210px}.touch #ultimate{left:458px;bottom:25px}.touch .movement-state{display:none}.touch .objective{font-size:12px}.touch #interact-wrap{bottom:105px}.touch .counters{top:245px}.touch .player-panel{min-width:250px}.touch #minimap{pointer-events:none}#rotate-advice{display:none;position:fixed;bottom:12vh;left:0;right:0;text-align:center;color:#ffedbe;font-size:12px;pointer-events:none;padding:14px}@media(orientation:portrait){#rotate-advice{display:block}}@keyframes pulse{50%{opacity:.6;transform:scale(1.05)}}@keyframes float{50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#hud{pointer-events:none}#hud button,#joystick{pointer-events:auto}
.hero{margin-top:38px}.home-bottom{bottom:32px}.home-bottom button{color:var(--ink)}

/* Paldo lessons and original storybook scenes. The logical tablet viewport also scales on mobile. */
.title-area h1{font-size:82px}.title-area h1 em{font-size:25px;letter-spacing:0}.hero{margin-top:20px}.start-panel{width:370px}.start-body{padding:16px 24px}.hero-glyphs{margin:4px 0 10px}.feature-list{margin:10px 0}.start-body>p{margin:6px 0}.panel-links{gap:12px}.panel-links button{font-size:10px}
#region-select{background:#eaf0df;border:2px solid #c3d4b1;border-radius:12px;padding:11px 14px;text-align:left;display:grid;gap:4px;width:100%;line-height:1.4}#region-select>span{color:#6f8267;font-size:10px}#region-select>b{font-size:22px;color:#426857}#region-select>small{font-size:10px;color:#6e8070}#region-select>em{font-style:normal;font-size:10px;color:#9b7557;text-align:right}#lesson-status{display:block;font-size:10px;color:#897d89;margin:9px 0}.hero-sub{font-size:16px}
#modal-card.study-modal{width:850px;max-height:672px;padding:25px 30px}.study-note{font-size:11px;line-height:1.7;color:#8a8174;margin:10px 0}.study-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.study-stats>div{background:#eee8d8;border-radius:10px;text-align:center;padding:11px;font-size:10px;color:#8a785a}.study-stats b{display:block;font-size:24px;color:#6e644e}.study-stats b small{font-size:12px;color:#a69b83}.study-tabs{display:flex;gap:10px;margin:14px 0}.study-tabs button{padding:9px 14px;border-radius:8px;background:#ebe7de;font-size:12px}.study-tabs .active{background:#538379;color:#fff9e8}.study-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.study-grid>button{padding:9px 4px;border:2px solid #e3dbc5;background:#f0ecdf;border-radius:10px;display:grid;gap:3px}.study-grid>button.learned{background:#e8f0d8;border-color:#a6be87}.study-grid strong{font:32px serif}.study-grid span{font-size:11px}.study-grid small{font-size:9px;color:#8c8171}.study-nav{display:flex;align-items:center;gap:13px;margin-top:16px;font-size:11px;color:#8c8171}.study-nav>button{padding:9px 15px;border-radius:8px}.study-nav>.coral{margin-left:auto}.study-detail{display:flex;gap:34px;align-items:center;margin:20px 0}.study-detail>strong{font:130px serif;padding:16px 36px;background:#f3e7bd;border-radius:15px}.study-detail p{font-size:14px;line-height:1.8}.study-power{background:#e5ecdb;padding:9px;border-radius:9px}.quiz-head{text-align:center;padding:12px}.quiz-head>strong{font:110px serif;color:#4f625a}.quiz-head p{font-size:13px;color:#8c8171}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-options button{padding:17px;background:#f0ebdd;border:2px solid #e2d8bc;border-radius:12px;font-size:22px}.quiz-options .correct{background:#dcebd1;border-color:#8fad79}.quiz-options .incorrect{background:#f4d8d1;border-color:#d99783}.quiz-feedback{height:28px;text-align:center;color:#7b6b53;font-size:13px}.writing-layout{display:grid;grid-template-columns:360px 1fr;gap:30px;margin-top:18px}.writing-guide{display:flex;flex-direction:column;gap:10px;align-items:stretch}.writing-guide>p{font-size:13px;line-height:1.8;margin:4px 0}.writing-guide .btn{padding:11px}.writing-guide>b{font-size:22px;color:#8c734e}#write-canvas{touch-action:none;border:2px solid #d6cdb4;background:#fcf8e9;border-radius:12px;display:block;width:360px;height:360px}
.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}.region-card{border:2px solid #e1d7bf;border-radius:12px;padding:13px 17px;background:linear-gradient(120deg,#fff9ea,var(--region-color));display:grid;gap:5px;text-align:left}.region-card.selected{border:3px solid #568274;padding:12px 16px}.region-card small{font-size:10px;color:#7d7768}.region-card strong{font-size:22px}.region-card span{font-size:11px;color:#706f61}.region-card i{font-size:10px;color:#80755e;font-style:normal}
.story-scene{height:190px;background:linear-gradient(var(--story-sky),#e1e6ca);border-radius:15px;position:relative;overflow:hidden;margin-bottom:20px}.story-moon{position:absolute;width:75px;height:75px;border-radius:50%;background:#fff5c1;right:100px;top:25px;box-shadow:0 0 30px #fff7ca}.story-hills{position:absolute;left:-40px;right:-40px;bottom:-125px;height:240px;background:#7b9e7f;border-radius:50% 60% 0 0;transform:rotate(-5deg)}.story-hills:before{content:'';position:absolute;left:0;right:0;top:40px;height:240px;border-radius:65% 50% 0 0;background:#abc49a;transform:rotate(12deg)}#story-actor{position:absolute;width:128px;height:160px;image-rendering:pixelated;left:calc(50% - 64px);bottom:3px;filter:drop-shadow(5px 7px 0 #3b544633)}.story-locale{position:absolute;left:20px;bottom:18px;color:#fff7d3;font-size:13px;font-weight:bold}.story-text{font-size:20px;line-height:1.85;color:#685b4c;min-height:108px;word-break:keep-all;margin:15px 0}.story-lesson{display:flex;flex-wrap:wrap;gap:5px}.story-lesson span{width:31px;height:34px;display:grid;place-items:center;border:1px solid #dbcda9;background:#f0e7c9;font:23px serif;border-radius:5px}.story-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.story-actions>button:first-child{background:none;color:#998b78;font-size:11px}.story-actions .btn{padding:13px 20px}#modal-card:has(.story-scene){max-height:680px}.story-scene~h2{font-size:26px;margin:6px 0}

.title-area h1 em{width:max-content;max-width:650px;padding:11px 20px;font-size:24px;letter-spacing:1px;white-space:nowrap}.hero{align-items:center;margin-top:14px}.start-panel{width:370px;flex-shrink:0}.start-panel header{padding:16px}.start-body{padding:12px 21px}.hero-glyphs>span{width:42px;height:44px;font-size:27px}.feature-list>div{padding:7px 10px;font-size:10px}.feature-list{gap:6px;margin:8px 0}.btn.big{padding:13px 16px;font-size:21px}.record{margin:12px 0 8px}.panel-links{justify-content:space-between;gap:5px}.home-bottom{bottom:34px}.study-grid{gap:6px}.study-grid>button{padding:6px 3px;gap:2px}.study-grid strong{font-size:27px}.study-grid span{font-size:10px;line-height:13px}.study-grid small{font-size:8px;line-height:11px}.study-stats{margin:10px 0}.study-stats>div{padding:8px}.study-tabs{margin:10px 0}.study-nav{margin-top:10px}#modal-card.study-modal{max-height:676px}.story-text{font-size:19px}.end-stats{margin:15px 0}.modal-actions:has(#end-review){gap:8px;flex-wrap:wrap}.modal-actions:has(#end-review) .btn{font-size:12px;padding:11px 15px}

/* Illustrated folktale spread: each 2×2 region sheet contains four real pictures. */
#modal-card.storybook-modal{width:1160px;max-height:680px;padding:23px 26px;background:#f9f1df;border:2px solid #e8dac1;border-radius:18px;box-shadow:0 8px #4c463946,0 0 0 8px #fff3cf44;overflow:auto}.storybook-header{display:flex;justify-content:space-between;align-items:center;color:#8b7253;letter-spacing:3px;font-size:12px;font-weight:bold;padding:0 2px 14px;border-bottom:1px solid #d8c7a9}.storybook-header button{background:#e9dfcd;width:28px;height:28px;border-radius:50%;font-size:19px}.storybook-spread{display:grid;grid-template-columns:1.48fr 1fr;gap:28px;margin-top:19px;align-items:center}.storybook-illustration{aspect-ratio:1.5;background-size:200% 200%;background-repeat:no-repeat;border-radius:8px;position:relative;box-shadow:0 3px 9px #4f3c2530;animation:book-page-in .32s ease-out}.storybook-illustration>span{position:absolute;left:15px;bottom:13px;background:#f8efd8dc;color:#5c654c;padding:6px 11px;border:1px solid #dfd0b2;border-radius:5px;font-size:11px;font-weight:bold}.storybook-copy{align-self:center}.storybook-copy .kicker{font-size:11px;line-height:1.8;letter-spacing:1px;color:#a17c50}.storybook-copy h2{font-size:27px;line-height:1.4;color:#5c4a37;margin:12px 0 18px;word-break:keep-all}.storybook-text{font-family:'Batang','AppleMyungjo',serif;font-size:20px;line-height:1.9;color:#67533d;word-break:keep-all;margin:0}.storybook-dots{display:flex;align-items:center;gap:7px;margin-top:24px}.storybook-dots i{width:8px;height:8px;background:#dbceb6;border-radius:50%}.storybook-dots .current{background:#a37b4b;width:22px;border-radius:8px}.storybook-dots small{font:10px sans-serif;color:#9d886d;margin-left:5px}.storybook-hint{font-size:11px;color:#a38d6e;margin:19px 0 14px;text-align:center}.storybook-lesson{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0 10px}.storybook-lesson>b{font-size:11px;line-height:1.6;color:#a0855f}.storybook-lesson>div{display:flex;gap:4px;flex-wrap:wrap}.storybook-lesson span{width:34px;height:36px;display:grid;place-items:center;background:#ece0c4;border:1px solid #d8c6a0;border-radius:4px;font:24px serif;color:#6a5e43}.storybook-actions{display:flex;align-items:center;gap:18px;border-top:1px solid #d8c7a9;padding-top:14px;margin-top:12px}.storybook-actions button{font-size:12px;padding:10px 15px;border-radius:8px}.storybook-actions>button:first-child{background:#e8dec9;color:#8a7151}.storybook-actions #story-skip{background:transparent;color:#a28e71;font-size:11px}.storybook-actions #story-next{margin-left:auto;padding:13px 21px;font-size:15px}.title-area .logo-title{transform:none;font-size:0;line-height:0;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0;width:740px;height:480px;margin:-17px 0 -9px -30px;filter:drop-shadow(0 6px 12px #15362840)}.logo-title>img{display:block;width:100%;height:100%;object-fit:contain}.title-area .eyebrow{margin-bottom:0}.title-area .hero-sub{margin-top:0;margin-bottom:15px}.hero{margin-top:10px}.title-area{width:690px}.start-panel{position:relative;z-index:1}@keyframes book-page-in{from{opacity:.5;transform:translateX(9px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.storybook-illustration{animation:none}}

/* Before-battle teaching and physical yeopjeon */
.lesson-ratio{display:flex;gap:14px;margin:24px 0}.lesson-ratio span{flex:1;text-align:center;border:2px solid #dac9a3;border-radius:12px;background:#f6efd9;padding:18px 8px;color:#77654e}.lesson-ratio b{display:block;font-size:32px;color:#345b62;margin-bottom:8px}.lesson-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.lesson-cards article{background:#fbf5e4;border:2px solid #d8c8a4;border-radius:10px;padding:14px 10px;min-height:250px}.lesson-cards strong{display:block;text-align:center;font:60px serif;color:#325562}.lesson-cards h3{text-align:center;font-size:15px}.lesson-cards p{font-size:12px;line-height:1.7;color:#6d6559}.lesson-cards small{font-size:11px;line-height:1.5;color:#846127}#lesson-form{display:flex;gap:12px;justify-content:center}#lesson-answer{font:22px inherit;padding:12px;border:2px solid #cbb98e;border-radius:8px;width:230px;background:#fffaf0}.coin-pop{animation:coin-pick .22s ease-out}@keyframes coin-pick{35%{transform:scale(1.16);filter:brightness(1.5)}}

:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
.home-bottom{bottom:50px}#home footer{bottom:16px}

.icon.music-toggle{width:66px;font-size:11px;letter-spacing:.3px}.icon.music-toggle[aria-pressed="false"]{background:#ded8da;color:#7d7780}