@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Fallback";src:local(Arial);ascent-override:112.55%;descent-override:54.71%;line-gap-override:0.0%;size-adjust:95.78%}.baloo_2_1e9d797e-module__9JEYUq__className{font-family:"Baloo 2","Baloo 2 Fallback";font-style:normal}.baloo_2_1e9d797e-module__9JEYUq__variable{--font-baloo:"Baloo 2", "Baloo 2 Fallback"}
@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/08328e320c8f68d1-s.0k8kxrcfbaq1s.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ce5b45ab00236ec9-s.17thoc14mwfyx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ca31d6821328a4e9-s.p.2svk7cnw5x6df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend Fallback;src:local(Arial);ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.0%;size-adjust:109.91%}.lexend_99ca8c04-module__K1QbjW__className{font-family:Lexend,Lexend Fallback;font-style:normal}.lexend_99ca8c04-module__K1QbjW__variable{--font-lexend:"Lexend", "Lexend Fallback"}
:root{--bg:#14181f;--bg-card:#1c222c;--ink:#f3efe8;--ink-muted:#f3efe8a6;--accent:#ffd166;--teal:#4ec5d4;--terracotta:#e8704a;--font-display:var(--font-baloo), system-ui, sans-serif;--font-body:var(--font-lexend), system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body)}h1,h2,h3,.display{font-family:var(--font-display)}a{color:var(--accent);text-decoration:none}.site{max-width:960px;margin:0 auto;padding:24px 20px 64px}.nav{justify-content:space-between;align-items:center;padding:8px 0 28px;display:flex}.nav .brand{font-family:var(--font-display);color:var(--accent);font-size:22px;font-weight:700}.nav .links{gap:18px;font-size:14.5px;display:flex}.hero{text-align:center;padding:48px 0 36px}.hero h1{margin-bottom:14px;font-size:clamp(34px,6vw,56px);line-height:1.1}.hero h1 .es{color:var(--accent)}.hero p{color:var(--ink-muted);max-width:560px;margin:0 auto 28px;font-size:18px;line-height:1.55}.btn{font-family:var(--font-display);color:#1a1d21;background:var(--accent);cursor:pointer;border:none;border-radius:14px;padding:13px 30px;font-size:18px;font-weight:700;transition:transform .1s,filter .15s;display:inline-block}.btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn.secondary{color:var(--ink);background:#ffffff1a;border:1.5px solid #ffffff40}.btn.small{border-radius:10px;padding:9px 18px;font-size:15px}.btn.danger{color:var(--terracotta);background:#e8704a29;border:1.5px solid #e8704a66}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;padding:22px 0;display:grid}.card{background:var(--bg-card);border:1.5px solid #ffffff17;border-radius:18px;padding:22px}.card h3{color:var(--accent);margin-bottom:8px;font-size:20px}.card p{color:var(--ink-muted);font-size:14.5px;line-height:1.5}.notice{color:var(--ink);background:#4ec5d41f;border:1.5px solid #4ec5d459;border-radius:12px;margin:14px 0;padding:12px 16px;font-size:14px;line-height:1.5}.field{width:100%;max-width:380px;font-family:var(--font-body);color:var(--ink);background:#ffffff12;border:1.5px solid #fff3;border-radius:10px;margin:6px 0 14px;padding:11px 14px;font-size:16px;display:block}.player-tile{background:var(--bg-card);border:1.5px solid #ffffff17;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:16px 20px;display:flex}.player-tile .who{align-items:center;gap:14px;display:flex}.player-tile .avatar{background:linear-gradient(135deg, var(--teal), var(--terracotta));width:46px;height:46px;font-family:var(--font-display);color:#14181f;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.player-tile .name{font-family:var(--font-display);font-size:19px;font-weight:700}.player-tile .age{color:var(--ink-muted);font-size:13.5px}.map-wrap{max-width:760px;margin:0 auto;padding:28px 20px 60px}.map-title{text-align:center;margin-bottom:6px;font-size:34px}.map-sub{text-align:center;color:var(--ink-muted);margin-bottom:28px}.level-card{background:var(--bg-card);cursor:pointer;border:1.5px solid #ffffff1a;border-radius:18px;align-items:center;gap:18px;margin-bottom:14px;padding:18px 22px;transition:transform .12s,border-color .15s;display:flex}.level-card:hover:not(.locked){border-color:var(--accent);transform:translateY(-2px)}.level-card.locked{opacity:.45;cursor:default;filter:grayscale(.8)}.level-card .num{border:2px solid var(--accent);width:52px;height:52px;color:var(--accent);font-family:var(--font-display);background:#ffd16626;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.level-card.done .num{background:var(--accent);color:#1a1d21}.level-card .info h3{font-size:20px}.level-card .info p{color:var(--ink-muted);margin-top:2px;font-size:13.5px}.level-card .badge{color:var(--ink-muted);white-space:nowrap;background:#ffffff1a;border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12.5px;font-weight:700}.level-card.done .badge{color:#7ed982;background:#7ed9822e}.game-shell{background:#1a1d21;position:fixed;inset:0}.game-shell canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game-ui{pointer-events:none;z-index:10;color:#fff;position:absolute;inset:0}.game-ui>*{pointer-events:auto}.game-topbar{z-index:20;gap:10px;display:flex;position:absolute;top:14px;left:14px}.complete-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0e12c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.complete-overlay .panel{text-align:center;background:var(--bg-card);border:2px solid var(--accent);border-radius:22px;max-width:440px;padding:40px 48px}.complete-overlay h2{color:var(--accent);margin-bottom:10px;font-size:32px}.complete-overlay p{color:var(--ink-muted);margin-bottom:24px;line-height:1.5}.complete-overlay .actions{justify-content:center;gap:12px;display:flex}.loading-veil{z-index:25;font-family:var(--font-display);color:var(--accent);background:#14181f;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:22px;display:flex;position:absolute;inset:0}.loading-veil .tip{font-family:var(--font-body);color:var(--ink-muted);font-size:14px}table.dash{border-collapse:collapse;width:100%;margin-top:16px}table.dash th,table.dash td{text-align:left;border-bottom:1px solid #ffffff1a;padding:10px 12px;font-size:14.5px}table.dash th{color:var(--ink-muted);font-weight:600}footer.site-footer{color:var(--ink-muted);border-top:1px solid #ffffff14;flex-wrap:wrap;gap:18px;margin-top:60px;padding-top:20px;font-size:13px;display:flex}
#ui{pointer-events:none;color:#fff;font-family:var(--font-baloo), "Baloo 2", system-ui, sans-serif;position:absolute;inset:0}#ui>*{pointer-events:auto}#level-title{letter-spacing:.04em;color:#ffffffd9;pointer-events:none;background:#14181e99;border-radius:999px;padding:6px 18px;font-size:17px;font-weight:800;position:absolute;top:16px;left:50%;transform:translate(-50%)}#fps-counter{color:#9fe870;pointer-events:none;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600;position:absolute;top:8px;left:8px}#word-counter{letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181ec7;border:1.5px solid #ffffff2e;border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700;transition:transform .25s;position:absolute;top:16px;right:16px}#word-counter.bump{transform:scale(1.18)}#word-counter .count{color:#ffd166}#interact-prompt{pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181ed1;border:1.5px solid #fff3;border-radius:12px;padding:10px 20px;font-size:17px;font-weight:600;animation:.18s prompt-in;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#interact-prompt .key{color:#1a1d21;background:#ffd166;border-radius:6px;margin-right:8px;padding:1px 9px;font-weight:800;display:inline-block}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#style-picker{color:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181ec7;border:1.5px solid #ffffff2e;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:14px;right:16px}#style-picker select{color:#ffd166;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:13px;font-weight:600}#style-picker select option{color:#1a1d21}#controls-hint{color:#ffffffa6;pointer-events:none;background:#14181e8c;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;position:absolute;bottom:14px;left:16px}#dialogue-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12151beb;border:2px solid #ffd16673;border-radius:18px;width:min(720px,100vw - 32px);padding:18px 22px 16px;animation:.2s prompt-in;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#dialogue-panel .npc-name{text-transform:uppercase;letter-spacing:.08em;color:#ffd166;margin-bottom:6px;font-size:14px;font-weight:800}#dialogue-panel .es-line{margin-bottom:4px;font-size:22px;font-weight:600;line-height:1.35}#dialogue-panel .es-line .word{cursor:pointer;border-radius:4px;padding:0 2px;transition:background .12s,color .12s}#dialogue-panel .es-line .word:hover{color:#ffd166;background:#ffd16647}#dialogue-panel .en-caption{color:#ffffff8c;margin-bottom:12px;font-size:14.5px;font-weight:500}#dialogue-panel .responses{flex-direction:column;gap:8px;display:flex}#dialogue-panel .response-btn{text-align:left;color:#fff;cursor:pointer;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:10px;align-items:baseline;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:17px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms;display:flex}#dialogue-panel .response-btn:hover{background:#ffd16629;border-color:#ffd16699;transform:translateY(-1px)}#dialogue-panel .response-btn .num{color:#1a1d21;background:#ffffff80;border-radius:5px;flex:none;padding:0 6px;font-size:12px;font-weight:800}#dialogue-panel .response-btn .en{color:#ffffff80;text-align:right;margin-left:auto;padding-left:12px;font-size:13px;font-weight:500}#dialogue-panel .continue-hint{color:#ffffff73;text-align:right;margin-top:10px;font-size:13px;font-weight:600}#hint-toast{color:#fff;text-align:center;pointer-events:none;background:#12151beb;border:2px solid #ffd16680;border-radius:14px;max-width:min(520px,80vw);padding:12px 20px;font-size:17px;font-weight:600;animation:.18s prompt-in;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#restore-toast{color:#1a1d21;pointer-events:none;background:#ffd166f2;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:800;animation:2.4s forwards toast;position:absolute;top:72px;right:16px}@keyframes toast{0%{opacity:0;transform:translateY(-10px)}10%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}