:root{--dark:#071e2d;--dark2:#0c3440;--panel:#113847;--line:#386c75;--green:#69e5a0;--teal:#53d5c5;--gold:#f9d97c;--pale:#effff7;--muted:#a5c9ce}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,#1b5e58 0%,transparent 29%),radial-gradient(circle at 91% 15%,#224b6c 0%,transparent 36%),linear-gradient(#061a28,#092b39);color:var(--pale);font-family:'Trebuchet MS',system-ui,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hidden{display:none!important}.app-shell{width:min(1430px,96%);margin:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font-size:39px;filter:drop-shadow(0 3px 12px #49ffb888)}.brand strong{font-size:22px;letter-spacing:.5px}.brand strong span{color:#8ff3b3}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a5cbd0;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.build-pill{font-size:11px;font-weight:900;letter-spacing:1.5px;padding:10px 16px;border:1px solid #5aa28c;border-radius:40px;background:#1d665d;color:#b9ffe0}.circle-btn{border:1px solid #387885;background:#195461;color:#fff;width:39px;height:39px;border-radius:13px;font-size:18px}.headline{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 32px;min-height:160px;border:1px solid #3e9690;border-radius:24px;background:linear-gradient(120deg,#145b56,#0e4759 58%,#286655);overflow:hidden;box-shadow:0 15px 40px #001b2766}.headline:after{content:'';position:absolute;right:-110px;top:-200px;width:420px;height:420px;border-radius:50%;border:45px solid #d2fff715}.tagline,.panel-kicker,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#a9f8d0}.headline h1{font-size:clamp(25px,2.9vw,41px);line-height:1.14;margin:8px 0}.headline h1 em,.intro-modal h2 em{font-style:normal;color:#bafa8f}.headline p{font-size:13px;line-height:1.45;color:#d2e6e0;max-width:720px;margin:0}.headline-badges{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;justify-content:end;max-width:260px}.headline-badges div{background:#0b4d57a8;border:1px solid #ffffff3e;border-radius:15px;padding:15px 12px;display:grid;text-align:center;gap:5px;min-width:73px;font-size:22px}.headline-badges b{font-size:11px;white-space:nowrap}.hud-row{display:grid;grid-template-columns:1.7fr 1.15fr 1fr .8fr .8fr 1.25fr;gap:10px;margin:13px 0}.hud-row>*{min-width:0}.profile-summary,.hud-stat,.store-btn{background:#113b49dd;border:1px solid #3a7681;border-radius:15px;min-height:74px;box-shadow:0 8px 24px #04172150}.profile-summary{display:flex;align-items:center;gap:10px;padding:8px 12px}.hero-portrait{background:linear-gradient(140deg,#419876,#257b88);width:53px;height:53px;border-radius:13px;display:grid;place-items:center;font-size:36px;flex:none}.profile-summary small,.hud-stat small{font-size:10px;letter-spacing:1px;color:#9acdd0;font-weight:900}.profile-summary strong{display:block;font-size:17px;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary span{font-size:10px;color:#acd5dc;display:block}.hud-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px;text-align:center}.hud-stat strong{font-size:20px}.level-stat{align-items:stretch;text-align:left}.level-stat>span{font-size:11px;color:#bce7dd}.mini-meter{height:9px;overflow:hidden;border-radius:30px;background:#052c34;border:1px solid #31666b}.mini-meter span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#64ecd2,#fee17a);transition:width .3s}.hearts-stat strong{font-size:18px;white-space:nowrap}.store-btn{border:1px solid #5ba987;background:linear-gradient(125deg,#2c847a,#267a62);color:#eefff1;font-weight:bold;font-size:12px;padding:10px}.store-btn small{display:block;font-size:11px;color:#fce2a8;margin-top:4px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:12px}.game-panel,.side-panel{border-radius:22px;overflow:hidden;background:#0e3442d9;border:1px solid #326875;box-shadow:0 15px 40px #06131f60}.panel-toolbar{min-height:72px;padding:14px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-toolbar h2{margin:4px 0 0;font-size:20px}.toolbar-buttons{display:flex;gap:7px}.soft-button{padding:9px 12px;background:#1f5462;border:1px solid #44828a;color:#d5fff2;border-radius:10px;font-size:12px;font-weight:bold}.world-menu{padding:28px;background:radial-gradient(ellipse at 50% 10%,#27878a88,transparent 67%),linear-gradient(160deg,#0e4a68,#103953);min-height:460px;border-block:1px solid #2c7481}.world-menu-heading{text-align:center}.world-menu-heading h3{font-size:25px;margin:0 0 8px}.world-menu-heading p{font-size:12px;color:#c0e2e8;margin:0}.world-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:27px 0 17px}.world-card{position:relative;border:2px solid #ffffff55;background:linear-gradient(160deg,var(--wc1),var(--wc2));border-radius:20px;min-height:220px;color:white;text-align:center;padding:16px 9px;box-shadow:inset 0 -11px 0 #082e3b66,0 12px 22px #01283288;transition:transform .2s,filter .2s}.world-card:not(:disabled):hover{transform:translateY(-8px);filter:brightness(1.08)}.world-card:disabled{filter:grayscale(.7) brightness(.65);cursor:default}.world-card .w-number{position:absolute;left:10px;top:10px;background:#07333c99;padding:5px 8px;border-radius:9px;font-size:10px}.world-card .w-icon{display:block;font-size:55px;filter:drop-shadow(0 5px 4px #07354799);margin:24px 0 10px}.world-card b{display:block;font-size:14px;line-height:1.2}.world-card small{font-size:10px;display:block;color:#f3fffa;margin:10px 0}.world-card .w-status{display:inline-block;background:#063b48a6;padding:6px 9px;border-radius:40px;font-size:10px;font-weight:bold}.journey-caption{text-align:center;color:#c5e9db;font-size:11px}.game-view{position:relative;border-block:1px solid #3c8691;overflow:hidden;background:#7dd6c5}.game-view canvas{display:block;width:100%;aspect-ratio:2/1;height:auto}.viewport-label{position:absolute;top:13px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.viewport-label span{font-size:12px;padding:8px 12px;background:#06343ac9;color:#e7fff1;border:1px solid #d2ffec77;border-radius:30px;font-weight:bold}.control-pad{position:absolute;bottom:14px;right:15px;display:flex;align-items:center;gap:5px;background:#043340bf;border:1px solid #a2ecdf78;border-radius:16px;padding:7px}.control-pad button{border:1px solid #9deaca;background:#236f74b8;color:white;font-size:17px;border-radius:11px;width:46px;height:48px;touch-action:none}.control-pad div{text-align:center;line-height:1.3;padding:0 5px;color:white}.control-pad div span{font-size:10px;letter-spacing:1px;font-weight:900}.control-pad div small{font-size:10px;display:block;color:#b8ece4}.road-progress{padding:11px 19px;display:flex;align-items:center;gap:13px;background:#144758;font-size:11px;color:#ddfff6}.road-progress>span{white-space:nowrap}.road-progress>strong{width:37px;text-align:right}.road-track{flex:1;min-width:20px;height:11px;background:#0a2939;border-radius:30px;overflow:hidden}.road-track span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#6ce9c5,#fff098);border-radius:30px;transition:width .25s}.narration{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px 20px;font-size:12px;color:#d4f3e8}.small-hint{white-space:nowrap;color:#aee1d9;font-size:10px}.side-panel{padding:17px;align-self:start}.quest-header h3{font-size:17px;margin:5px 0 15px}.story-progress{display:grid;grid-template-columns:1fr 1fr;gap:9px}.story-progress div{border:1px solid #377981;border-radius:13px;background:#1a5763;padding:12px;text-align:center}.story-progress strong{font-size:22px;display:block}.story-progress small{font-size:10px;color:#aad5d4}.chapter-list{margin:14px 0;display:grid;gap:8px}.chapter-item{display:flex;align-items:center;gap:9px;background:#154754;border:1px solid #336772;border-radius:12px;padding:10px}.chapter-item .chapter-icon{font-size:25px;background:#255f69;border-radius:8px;width:36px;height:36px;display:grid;place-items:center}.chapter-item b{display:block;font-size:12px}.chapter-item small{display:block;font-size:10px;color:#afd2d5;margin-top:3px}.chapter-item .done-mark{margin-left:auto;color:#75f2a5}.rules-card{display:flex;gap:9px;border-radius:13px;background:#23665872;border:1px solid #448878;padding:12px}.rules-card>span{font-size:26px}.rules-card strong{font-size:12px}.rules-card p{font-size:11px;color:#bbded9;line-height:1.45;margin:6px 0 0}.reset-btn{display:block;margin:14px auto 0;background:none;color:#9ad3d8;font-size:11px;border:0;text-decoration:underline}footer{display:flex;justify-content:space-between;gap:10px;padding:19px 5px 25px;color:#9dbac3;font-size:11px}.overlay{position:fixed;inset:0;z-index:50;background:#011522d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}.modal{width:min(480px,100%);max-height:97vh;overflow-y:auto;border-radius:24px;border:1px solid #4fa394;background:linear-gradient(145deg,#154a55,#0c3144);box-shadow:0 27px 80px #000b;padding:27px;position:relative}.intro-modal{text-align:center}.intro-hero{font-size:57px;filter:drop-shadow(0 6px 14px #47e1b9)}.intro-modal h2{font-size:30px;margin:10px 0}.intro-modal p,.battle-modal p,.message-modal p{font-size:13px;color:#c7e2de;line-height:1.5}.modal label{font-size:12px;font-weight:bold;text-align:left;display:block;margin:13px 0 7px}.modal input,.modal select{width:100%;border-radius:11px;padding:12px;background:#08323d;border:1px solid #4b9198;color:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.avatars{display:flex;gap:8px}.avatars button{flex:1;min-width:0;border-radius:12px;border:2px solid #4c8589;background:#215965;padding:6px 0;font-size:27px}.avatars button.selected{border-color:#ffe38c;background:#396c5e}.primary-btn{border:0;border-radius:14px;background:linear-gradient(110deg,#79f2a6,#4ce2d6);box-shadow:0 6px 0 #1c807a;padding:14px 17px;font-weight:900;color:#083d3c;width:100%;font-size:14px}.primary-btn:hover{filter:brightness(1.05)}.intro-modal .primary-btn{margin-top:18px}.privacy-note{display:block;font-size:10px;color:#a7c9ca;margin-top:15px}.battle-modal{width:min(620px,100%)}.battle-kicker{display:flex;justify-content:space-between;gap:9px;color:#b7fce0;font-weight:900;letter-spacing:1.5px;font-size:11px}.versus{display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;gap:8px;padding:10px 0 17px;margin:12px 0 18px;border-bottom:1px solid #4f8a92}.fighter{text-align:center;display:flex;flex-direction:column;align-items:center}.fight-icon{height:77px;font-size:61px;filter:drop-shadow(0 5px 7px #011823);animation:bob 3s ease-in-out infinite}.fight-icon.enemy-icon{animation:bob 2.3s ease-in-out infinite reverse}.fighter strong{font-size:14px}.fighter small{font-size:12px;color:#f6e7b1;margin-top:5px}.versus-mark{font-size:19px;text-align:center;color:#ffe092;text-shadow:0 2px 5px #0d202d}.enemy-health{height:8px;width:min(120px,100%);background:#082d36;border-radius:50px;margin-top:7px;overflow:hidden;border:1px solid #5a8583}.enemy-health span{height:100%;width:100%;background:linear-gradient(90deg,#fd9a5b,#ffe77c);display:block;transition:width .2s}.question-label{font-size:11px;color:#ffe3a3;font-weight:900;letter-spacing:1.6px}.battle-modal h2{font-size:21px;line-height:1.3;margin:9px 0}.battle-modal #battleHint{margin:0 0 15px}.battle-options{display:grid;gap:9px}.battle-options button{border:1px solid #56979b;border-radius:13px;background:#1c6470;text-align:left;color:#f7fffa;padding:13px 15px;font-size:13px;font-weight:bold}.battle-options button:hover{background:#257988}.battle-options button:disabled{cursor:default}.battle-options button.correct{background:#1d7659;border-color:#9df8b0}.battle-options button.wrong{background:#8c424b;border-color:#f5a1a1}.feedback{padding:12px 15px;background:#1b5962;color:#e5fff4;border-left:5px solid #93efaa;border-radius:9px;font-size:12px;line-height:1.5;margin:14px 0}.battle-modal .primary-btn{margin-top:12px}.message-modal{max-width:500px;text-align:center}.message-modal h2{font-size:27px;margin-top:10px}.message-modal .primary-btn{margin-top:16px}.message-icon{font-size:75px;filter:drop-shadow(0 6px 14px #25b89c)}.close-btn{position:absolute;top:14px;right:15px;background:#265864;color:white;border:0;border-radius:10px;padding:5px 10px}.message-modal ul{text-align:left;line-height:1.6;font-size:13px}.leader-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #438087;text-align:left;font-size:12px}.leader-row small{color:#acd6d6}.message-actions{display:grid;gap:8px;margin-top:15px}.ghost-btn{border:1px solid #64988d;border-radius:13px;background:#1c5360;color:#e4fff0;padding:13px;font-weight:bold}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:1090px){.hud-row{grid-template-columns:repeat(3,1fr)}.profile-summary{grid-column:span 2}.main-grid{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quest-header,.story-progress,.chapter-list{grid-column:1}.rules-card,.reset-btn{grid-column:2}.chapter-list{grid-row:3/7}.story-progress{grid-row:2}.rules-card{align-self:start;grid-row:1/3}.reset-btn{align-self:start;grid-row:3}.world-menu{min-height:410px}.world-card{min-height:200px}}@media(max-width:700px){.app-shell{width:100%}.topbar{padding:0 12px;height:64px}.brand-mark{font-size:30px}.brand strong{font-size:16px}.brand small{font-size:8px}.build-pill{display:none}.circle-btn{width:35px;height:35px}.headline{margin:0 8px;min-height:140px;padding:17px;border-radius:18px}.headline h1{font-size:27px}.headline p{font-size:11px}.headline-badges{display:none}.hud-row{gap:7px;padding:0 8px;margin:9px 0;grid-template-columns:repeat(3,1fr)}.profile-summary{grid-column:span 3;min-height:60px}.level-stat{grid-column:span 2}.store-btn{grid-column:span 2;min-height:50px}.hud-stat{min-height:62px}.panel-toolbar{padding:12px;min-height:68px}.panel-toolbar h2{font-size:17px}.soft-button{padding:8px;font-size:10px}.world-menu{padding:17px;min-height:570px}.world-menu-heading h3{font-size:21px}.world-cards{grid-template-columns:repeat(2,1fr)}.world-card{min-height:155px}.world-card .w-icon{font-size:39px;margin:13px 0 7px}.world-card b{font-size:12px}.game-view canvas{aspect-ratio:1.55;object-fit:cover;object-position:center;width:100%;height:auto}.viewport-label{top:7px;left:8px;right:8px}.viewport-label span{font-size:9px;padding:6px 8px}.control-pad{right:7px;bottom:8px;padding:5px}.control-pad button{width:43px;height:44px}.control-pad div{display:none}.road-progress{gap:7px;padding:10px;font-size:10px}.narration{padding:11px;min-height:65px;font-size:11px}.small-hint{display:none}.side-panel{display:block;padding:13px;margin:8px}.rules-card{margin-top:12px}footer{display:block;text-align:center;font-size:10px}footer span{display:block;margin:7px}.modal{padding:20px}.battle-modal h2{font-size:18px}.fight-icon{font-size:50px;height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}