@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Dwzd0TKx.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal--EtKVqC7.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BKTgBNmI.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-DDbeQdWO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-DkTWoOHj.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-DXKoNrs9.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-BriLmxM2.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-CVvOgo6s.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAVYAA8AAAAACZAAAAUEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAZBEICokYh14LHAABNgIkAzQEIAWDZAc8DAcbuAdRlC5OkOKLhGyKsucVw9haT6LRdhrGxs65MHZcNPjCD2HqFfH0+/323Id7Eq+ERChWCQUvgSEzhOIp/ISGRDOJTPeLuf3mpXD3uKQl3PNc8BrI5Mz//5t6X6jBq8a0ktTVJgabw8REP3cIgPD/n/v5umh7PIq00UAGOJASibzL4ixKj+QNKApwtKaineGv438g3z794x9T4Kta85itLCV47ypBG6CIaBNBS2cGYOCsInZqbj7wZA5mQ2aqp9QKi/3Xitz7+heH+C5ox7eyejxBH15JLP43QHXoDgTyRZ4Eo0hGdAV9vTEvhLYCXaeS3DeaWFSDhqLRaPYo8jxGYlA1btT78m/OrJ85ddiLr8ixIvLPgxU8RY9Ud5ID8shtOClZoCiq+/LInNZNpBfJzMy0zR8UuevfWkRQrHI+I1uCMcEkbcAJ50CAOcU8WryQogBzmkW0fCllzs6vo6n7CIn04nvDyxetu8chZvPlzdeVp5kHmLunoIG+K77OAh0yb92hQy63gL6bz96/zzxo4xSbaHH+XFZaOB8xZzBX8KDoHtbhS72PBnmj7OyHqda26VKHPoaiRCFmD6ltxU33xMVAx69lHc8jVDr/AeY0BaU0ixDDQcErq4rVLmZUEnqLVk+3LsyFhl455j4jKyvTHixjEVMF8os4N1R8YUXQ9FPcfS5FFbtazDyQbcKcQxmlJE+1BmPVg3R8ANA7t6LNrK28SUDr51KO61HeBRHjtAAb1gFcGKeg7IQjI9WRI4V2EmvJWHmcxEpSjS+tHrVQODTQxa9EmG49AsSmZGMWmN4J51SH11rV5AtMm6KWf54oWP3xLPcrsLMa/P9zenfozrFDW5OHaeUE4eDWOuGnppdG9z2rvbogJrdtYNJwFF4tSgrJ1WSn7yDfRTjnL8qrM6tblJdP6kSkYFTKyBSI2ZPt7aWVWAWN9O1PbctY0KxTSl2Tejf4qkTm0UPjav5FZLfUtiX1ebmqt7kpVT3YtFWn+zSZpoYbRz/aNO4JXN0ofH3/ZEAJpRuxJ/mRn5MJZzyV5IzfTX9+USDN2KbD3jN5mmSCtfdYS/hUewAh6YxA37JVsgmk51Ctw6fWcRMtfjqueaZuA6IoU68iDKf+bMPWSSoywTzayqVOYnP8+eRW4dc05A+29yUqTFMNY2Q7DwakKPwdYqb+bTrH6QcSsE6cOp9KMFDNlTnZ7rVypeTvL/JvSp0eyvMuCi+8sTxzQXixT9TuromaKuzZhyn7eu8ia6QQ6IsAYMyjXsFJ/h//TzCEmAAGAIGSmAYGfic6LHgGCAAQjLvl17Cjyir8nxkmPgIAXPEgL7/28iyvJw4RMpagSUFOD+b866H65KBu9BEHtd3NvWQRQA3k1jijgClySOW0ojTx/0g/yOe8Iuv/16MnBgTaLWJBQQQLjoNN1lBSRwI1OAes6PNlFR3OWJUFYm0dk1VvxJTVoEcPOpYY2HA7aSFBMzehiFkQbgBpSMB9QUCBwYrtTK1PZQUWEySc69NcaYtSBgKYi9oaWmdux9KdRBg3tPGmz6jh4YAAVzP2SjLW0dI+3/5IY7hzSWKZwpFA6O290YhqMSpRlHVZ0Zum2KvkzDbP2CfB63hdEoW5r0Fm+SirQU8/UKbKR2OSAXjcQV3MUxt+tO2MHmsgyvifkEE6ZP7vg3mJduRPc/TLm7fvjsDHh/Ww90P8hJ1G0wAA) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAdEAA4AAAAACXAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEADUdQT1MAAAFcAAAADAAAAAwAFQAKR1NVQgAAAWgAAAAYAAAAGGyKdIVPUy8yAAABgAAAAE8AAABgZeH8y2NtYXAAAAHQAAAASgAAAGQEhCPHZ2FzcAAAAhwAAAAIAAAACAAAABBnbHlmAAACJAAAAz0AAASQIgM412hlYWQAAAVkAAAAMgAAADb4vFe7aGhlYQAABZgAAAAeAAAAJAbhAu9obXR4AAAFuAAAADQAAAA0E98APmxvY2EAAAXsAAAAHAAAABwFGgZebWF4cAAABggAAAAYAAAAIAAUAE5uYW1lAAAGIAAAAPIAAAHkJa9Cm3Bvc3QAAAcUAAAALQAAADwDHAQeAAEAAAAMAAAAAAAAAAIAAQABAAwAAQAAAAEAAAAKAAoACgAAAAEAAAAKABYAFgABbGF0bgAIAAAAAAAAeNpjYGJczjiBgZWBgWkPUxcDA0MPhGa8y2DE8AsoygADDQwMvAxIICAyKJjBgUFBQYF51n9VBgbm2Qx3gMKMDCDiF9MBIKXAwAQAtRUOAwB42mNgYGACYmYgFgGSjGCahSEASAsAIUhcgdGJMZGxgrGOcZKCwv//YBFHxgSgSC1E5P/jf4f/Lfs34V/Pv8r7b4BmoAEABJgVZAAAAAEAAf//AA942m2UA7TjShjH58uEVYqgStomt+5VGqwu1rvPtm3bNo6ebds2Dp5t+/AtjtOd9BpxRv/ffEKAGITgbepdVEPIS5hGtWJ77mJIkGdbVeRE21IViWObII9/mSWjsqKU5GmaT5asTNqx9hn72ef64M0m/afjfBZCmpgXNZDjLKZZ0f+v+3tmXa1LjUig2vHhOOp1pCFUlszKEExTbk+XBfmgbZaMCSzZd8eRsa8RXgDuszGF/UTM+Td0vxGFtM5GWIevQw00RPajg+XYfZis7LYtRZVkieUqhiypOlaV4MfoA9uFQEsE1uiHihOMVN0tUnvumB4tOrHa+YetOY1qCaMHlnm92pt1Tjp9yb5rdNhSECX2Ro7nbmQNgTrrzPWiXRJVPVGVFz5+aiGDsXk4W+pREnQspaWt7Q6/hJIWbbct9bii15gdaHoHRijYm22GCHGGED9AvYNM5BJipU2IqwGGpXRpTYKrU11a06g489Iu27Zft8884rpDm3zTyskLyurAYYevPiEHrVmUTw/KYrp9wmZbFbPKGpxORRIZKVkZ2mb/gUZ+mMrNgsOdDZ0N1Mn4QqQgHVUQgsCKHJaJY4i3hgBXSEMBsGQMgW3J6vgbrooer22NP/bybs77it6tcHpkrX355X9efjl1p8mz/vK/ExyNueSv8AYb7vkWaixzhcBc3X0GFimTRxZfSWJjAKHUWFy0SxaJB9y2pkWh7eXmc12Cw4wgw4XxQfj3OQBFoNmw6p8u9ON/L5hlD4rtS/Vl+s6PgX/LgGrlrVN1Gg6Hi+fxEkLwCPGSguoBk2N3gUTwLFkagxmB1FyYJpeCEW4A3nw0Hor4r4sN6rVLZzHADs0TdwnD+sjq3KoDZOonOHy2OnTu7QzBh0S9SX4suZsXOAgH2w0CxkuZBCjIHW8Y2kHcxMCpGCLAKeEEy21WST/vbNYjFPtrTHllmAmFVuLw3tu09i8Wi2s5DOsNqyfmn/NE1l4WlW04qSDlPOXQ7TJZ2TEo2ZYRoHLncXiR+gGZRD8RWJ9E6FStcMZqhQYTvoGGJsY07fgUh2kheWz35zjyw/BJuNZfMJbD8L4W1eLaM2N/z3R/0CbM38ifAAAAeNpjYGRgAOLmzzoODfH8Nl8ZuJlfMADBaV3OUzD6f9d/FeadzLOBXA4GJpAoAGTNDKAAAHjaY2BkYGCe/V8FSL773/X/PPNOoAgq4AUApjYG1QAAAMcAAAAAAAABTQAAALwAAAHVAAUBfQAFAhgAHQHCABkCZ//1AjMAJQHGABkBpv+mAdsAJQAAAAAAAAAAAAAAOwBnAMABDgFJAZMB0gISAkh42mNgZGBg4GXwZWBjAAIgDw0AAAm+AGN42m2OBWoDQBREX929WLFPkLoXC1J3V5y4u8tpeoKeoFhOlgHiCWuzY3xgkiAjDI1OAf/UGniIVf4aeJh5fht4hDPcDTza4RljjZsGHmeZkwaeF4Iwea00Tva1cvjIEtE/L7ynEyGuNyU2JP2VG560xOrk8YhJEuBHJ4vcpPQ3DpU50DrigQIecc9IIY+a5BUj5MS6uqzRJp4jpQ+1PvQPqSMuPTvQfUmKNBWy4kOEpRkb+NjsaLHWHDZwEiWINhxniCchNq6/j7DuPbxqr6pzB6MknBdvaDpyOlmKuv1ibhrtxotyCaQLOwZO7qgDp2hIawAAeNpjYGIAg/9bGYwYsAFeIGYEqmJmeMTwmOEJw1OG3QzPGJ4zLGNoAgCphgk6AAAA) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #eef4ff;--surface: #ffffff;--text: #14213d;--muted: #45506a;--primary: #5b2ee0;--primary-dark: #3d1aa8;--primary-text: #ffffff;--accent: #ffc83d;--accent-dark: #d99a00;--danger: #b00020;--border: #c9d3ea;--focus: #ff7a00;--radius: 18px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--game-font: "Lilita One", var(--font);--size: 17px;font-size:var(--size)}@media (min-width: 700px){:root{--size: 18px}}html.a11y-large{--size: 22px}html.a11y-font{--font: "Atkinson Hyperlegible", system-ui, sans-serif;--game-font: var(--font)}html.a11y-font body{letter-spacing:.03em;word-spacing:.12em;line-height:1.8}html.a11y-contrast{--bg: #000000;--surface: #000000;--text: #ffffff;--muted: #ffffff;--primary: #ffe600;--primary-dark: #ffffff;--primary-text: #000000;--accent: #ffe600;--accent-dark: #ffffff;--border: #ffffff;--focus: #00e5ff;--danger: #ff8a80}html.a11y-reduced-motion *,html.a11y-reduced-motion *:before,html.a11y-reduced-motion *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);line-height:1.6;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(124,92,255,.18),transparent 35%),radial-gradient(circle at 85% 30%,rgba(255,95,162,.16),transparent 35%),radial-gradient(circle at 50% 90%,rgba(23,163,152,.16),transparent 40%),var(--bg);background-size:140% 140%;animation:sky 18s ease-in-out infinite alternate}html.a11y-contrast body:before{background:#000}@keyframes sky{0%{background-position:0% 0%}to{background-position:100% 100%}}main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:20px 16px 64px}main:focus,main:focus-visible{outline:none}main.full{max-width:none;padding:0;position:relative;min-height:0}h1,h2,h3,.game-title{font-family:var(--game-font);font-weight:400;letter-spacing:.01em}h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2;margin:.4em 0}h2{font-size:1.4rem}a{color:var(--primary)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:8px}.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}.skip-link{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 16px;z-index:100}.skip-link:focus{left:8px}.topbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface);border-bottom:3px solid var(--border);position:relative;z-index:30}.brand{font-family:var(--game-font);font-size:1.35rem;text-decoration:none;color:var(--primary)}.topbar-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lang-switch{display:inline-flex;border:2px solid var(--border);border-radius:999px;overflow:hidden}.lang-switch button{font:inherit;font-weight:700;min-width:46px;min-height:44px;border:0;background:transparent;color:var(--text);cursor:pointer}.lang-switch button.active{background:var(--primary);color:var(--primary-text)}.lang-switch abbr{text-decoration:none}@media (max-width: 560px){.topbar{flex-wrap:nowrap}.topbar .btn-ghost{padding:6px 12px}.hide-sm{display:none}.brand{font-size:1.15rem}}@media (max-width: 360px){.hide-xs{display:none}}.btn{font:inherit;font-weight:700;min-height:44px;padding:8px 18px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-ghost{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-game{font-family:var(--game-font);font-weight:400;font-size:1.2rem;letter-spacing:.02em;min-height:54px;padding:10px 26px;border-radius:16px;border:3px solid var(--accent-dark);background:linear-gradient(180deg,#ffe07a,var(--accent));color:#3a2400;box-shadow:0 6px 0 var(--accent-dark),0 10px 20px #0000002e;transition:transform .08s,box-shadow .08s}.btn-game:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--accent-dark),0 14px 24px #0003}.btn-game:active{transform:translateY(5px);box-shadow:0 1px 0 var(--accent-dark)}.btn-secondary{background:linear-gradient(180deg,#8f6dff,var(--primary));border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 0 var(--primary-dark),0 10px 20px #0000002e}.btn-secondary:hover{box-shadow:0 8px 0 var(--primary-dark),0 14px 24px #0003}.btn-secondary:active{box-shadow:0 1px 0 var(--primary-dark)}html.a11y-contrast .btn-game{background:#ffe600;color:#000;border-color:#fff;box-shadow:none}.a11y-panel{position:absolute;right:12px;top:100%;z-index:40;width:min(360px,calc(100vw - 24px));background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:0 16px 40px #00000040;animation:pop .2s ease-out}.a11y-panel h2{margin-top:0}.a11y-panel ul{list-style:none;padding:0;margin:0 0 16px}.switch{display:flex;gap:12px;align-items:center;min-height:44px;cursor:pointer}.switch input{width:24px;height:24px;accent-color:var(--primary)}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-18px) rotate(6deg)}}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}}@keyframes spin-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.home{text-align:center;position:relative;padding-top:12px}.home h1{font-size:clamp(2rem,8vw,3.4rem);color:var(--primary);animation:bounce-in .7s ease-out;text-shadow:0 4px 0 rgba(91,46,224,.15)}html.a11y-contrast .home h1{color:#fff}.lead{color:var(--muted);font-size:1.15rem;animation:rise .6s .15s both}.floaties{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1}.floaties span{position:absolute;font-size:2.4rem;opacity:.55;animation:float 3.5s ease-in-out infinite alternate}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}.role-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border-radius:26px;text-decoration:none;color:#fff;border:4px solid rgba(255,255,255,.6);box-shadow:0 10px #0000002e,0 18px 30px #0000002e;transition:transform .15s;animation:rise .6s both;position:relative;overflow:hidden}.role-card:after{content:"";position:absolute;inset:-40% -20% auto auto;width:180px;height:180px;border-radius:50%;background:#ffffff26}.role-card:hover{transform:translateY(-6px) rotate(-1deg)}.role-card:active{transform:translateY(4px)}.role-student{background:linear-gradient(145deg,#7c5cff,#5b2ee0);animation-delay:.2s}.role-teacher{background:linear-gradient(145deg,#1fc2b4,#0f8c82);animation-delay:.35s}html.a11y-contrast .role-card{background:#000;border-color:#fff;box-shadow:none}.role-icon{font-size:3.6rem;filter:drop-shadow(0 6px 0 rgba(0,0,0,.15));animation:float 2.6s ease-in-out infinite alternate}.role-title{font-family:var(--game-font);font-size:1.7rem}.role-hint{opacity:.95}.card{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);padding:22px}.narrow{max-width:480px;margin:20px auto;animation:rise .45s ease-out;box-shadow:0 10px 0 var(--border)}form{display:flex;flex-direction:column;gap:8px}label{font-weight:700;margin-top:8px}input:not([type=checkbox]):not([type=radio]){font:inherit;padding:10px 14px;min-height:50px;border:3px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);width:100%}input[aria-invalid=true]{border-color:var(--danger)}.code-input{font-size:1.6rem!important;letter-spacing:.2em;text-align:center;font-family:ui-monospace,monospace}.hint{color:var(--muted);margin:0;font-size:.95rem}.error{color:var(--danger);font-weight:700;margin:4px 0;animation:pop .2s}.back{display:inline-block;margin-top:16px}form .btn{margin-top:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.loader{display:flex;gap:12px;align-items:center;justify-content:center;padding:48px;font-weight:700}.loader-ball{width:22px;height:22px;border-radius:50%;background:var(--primary);animation:bounce-in .6s infinite alternate}.student-banner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(120deg,#5b2ee0,#8a4dff 60%,#ff5fa2);color:#fff;padding:18px 22px;border-radius:24px;box-shadow:0 8px #3d1aa8;animation:rise .5s both}html.a11y-contrast .student-banner{background:#000;border:3px solid #fff;box-shadow:none}.student-banner h1,.student-banner p{margin:0}.coins{font-family:var(--game-font);font-size:1.35rem;background:var(--accent);color:#3a2400;padding:6px 16px;border-radius:999px;box-shadow:0 4px 0 var(--accent-dark)}.coin-spin{display:inline-block;animation:spin-y 2.4s linear infinite}.mode-row{margin:22px 0 6px}.subject-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.subject-door{animation:rise .5s both}.subject-door-link{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:18px;height:100%;border-radius:90px 90px 14px 14px;background:var(--surface);border:4px solid var(--subject);overflow:hidden;text-decoration:none;color:var(--text);box-shadow:0 8px 0 var(--subject);transition:transform .15s}.subject-door-link:hover{transform:translateY(-5px)}.subject-door-link:active{transform:translateY(4px);box-shadow:0 2px 0 var(--subject)}.door-sign{width:100%;text-align:center;padding:14px 8px 8px;font-family:var(--game-font);font-size:1.25rem;background:var(--subject);color:#fff}html.a11y-contrast .door-sign{background:#000;color:#fff;border-bottom:3px solid #fff}.door-icon{font-size:3.2rem}.door-enter{font-weight:700;color:var(--subject)}html.a11y-contrast .door-enter{color:#fff}.read-aloud{margin-bottom:8px}.avatar-editor{display:grid;grid-template-columns:1fr;min-height:100%}.avatar-stage{position:sticky;top:0;z-index:2;height:46dvh;min-height:280px;background:radial-gradient(circle at 50% 40%,#3b2a9a,#1b1446 70%)}.stage-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);margin:0;color:#fff;background:#00000059;padding:4px 12px;border-radius:999px;font-size:.85rem}.avatar-panel{padding:16px 16px 32px;background:var(--surface)}.avatar-panel h1{margin-top:0;color:var(--primary)}html.a11y-contrast .avatar-panel h1{color:#fff}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.tabs button{font-family:var(--game-font);font-size:1.05rem;min-height:46px;padding:6px 16px;border-radius:14px;border:3px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap}.tabs button.on{background:var(--primary);border-color:var(--primary-dark);color:var(--primary-text);box-shadow:0 4px 0 var(--primary-dark)}.tab-panel{animation:pop .2s}.choice{border:0;padding:0;margin:14px 0 0}.choice legend{font-weight:700;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{margin:0;display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border-radius:999px;border:3px solid var(--border);cursor:pointer;font-weight:700;background:var(--surface);transition:transform .1s}.chip:hover{transform:translateY(-2px)}.chip.on{background:var(--accent);border-color:var(--accent-dark);color:#3a2400}.chip:has(input:focus-visible),.swatch:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:2px}.chip input,.swatch input{position:absolute;opacity:0;pointer-events:none}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{margin:0;position:relative;width:44px;height:44px;border-radius:50%;cursor:pointer;border:3px solid rgba(0,0,0,.15);transition:transform .1s;box-shadow:inset 0 -4px #00000026}.swatch:hover{transform:scale(1.1)}.swatch.on{transform:scale(1.12);border:4px solid var(--text);box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary)}.avatar-actions{margin-top:22px}.avatar-actions .btn-game{flex:1;min-width:150px}@media (min-width: 900px){.avatar-editor{grid-template-columns:1.25fr 1fr;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.avatar-stage{height:auto;position:relative}.avatar-panel{overflow-y:auto;padding:28px}}.world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.world-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.hud-top{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;pointer-events:none;z-index:25}.hud-top>*{pointer-events:auto}.hud-player{display:flex;flex-direction:column;padding:6px 16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#5b2ee0eb,#ff5fa2eb);border:3px solid #fff;box-shadow:0 5px #0003;animation:pop .4s}.hud-nick{font-family:var(--game-font);font-size:1.25rem;line-height:1.2}.hud-class{font-size:.8rem;font-weight:700;opacity:.95}.hud-coins{font-family:var(--game-font);font-size:1.35rem;padding:8px 16px;border-radius:16px;background:var(--accent);color:#3a2400;border:3px solid #fff;box-shadow:0 5px #0003;animation:pop .5s}.hud-buttons{margin-left:auto;display:flex;gap:8px}.hud-btn{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:6px 14px;border-radius:16px;background:#fffffff2;color:#14213d;text-decoration:none;font-weight:700;border:3px solid #fff;box-shadow:0 5px #0003}.hud-btn:active{transform:translateY(3px);box-shadow:0 2px #0003}@media (max-width: 600px){.hud-btn-text{display:none}.hud-btn{min-width:48px;justify-content:center;font-size:1.3rem}}html.a11y-contrast .hud-player,html.a11y-contrast .hud-coins,html.a11y-contrast .hud-btn{background:#000;color:#fff}.hud-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);margin:0;z-index:25;background:#14213dd9;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;text-align:center;width:max-content;max-width:calc(100% - 32px);animation:rise .5s}.enter-btn{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:26;font-family:var(--game-font);font-size:1.5rem;padding:14px 28px;min-height:64px;border-radius:20px;border:4px solid #fff;color:#fff;background:var(--subject);cursor:pointer;box-shadow:0 8px #00000040,0 0 0 0 var(--subject);animation:pulse 1.2s ease-in-out infinite;display:inline-flex;gap:10px;align-items:center;white-space:nowrap}.enter-btn kbd{font-family:var(--font);font-size:.9rem;background:#ffffff4d;border-radius:6px;padding:2px 8px}html.a11y-contrast .enter-btn{background:#000}@media (pointer: coarse){.hud-hint{bottom:190px;font-size:.9rem}}@media (pointer: coarse){.enter-btn{left:auto;right:16px;transform:none;animation:none;bottom:40px;font-size:1.25rem}}.joystick{position:absolute;left:24px;bottom:32px;width:132px;height:132px;border-radius:50%;z-index:26;background:radial-gradient(circle,#ffffff59,#ffffff26);border:4px solid rgba(255,255,255,.8);display:grid;place-items:center;touch-action:none;box-shadow:0 6px #00000026}.joystick-knob{width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,#ffe07a,var(--accent));border:4px solid #fff;box-shadow:0 4px 0 var(--accent-dark);pointer-events:none}.door-label-wrap{pointer-events:none}.door-label{font-family:var(--game-font);font-size:34px;color:#fff;white-space:nowrap;padding:8px 22px;border-radius:14px;background:var(--subject);border:4px solid #fff;box-shadow:0 6px #00000040;transition:transform .2s}.door-label.active{transform:scale(1.25)}.room{text-align:center}.room-hero{background:var(--subject);color:#fff;border-radius:28px;padding:26px 16px;border:4px solid #fff;box-shadow:0 10px #0003;animation:bounce-in .6s}html.a11y-contrast .room-hero{background:#000;border-color:#fff}.room-hero h1{margin:.2em 0}.room-icon{font-size:4.5rem;display:inline-block;animation:float 2.4s ease-in-out infinite alternate}.game-cards{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.game-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;background:var(--surface);border:3px solid var(--border);border-radius:22px;box-shadow:0 8px 0 var(--border);animation:rise .5s both;opacity:.9}.game-card-icon{font-size:2.6rem}.game-card-title{font-family:var(--game-font);font-size:1.25rem}.badge-soon{position:absolute;top:-10px;right:-6px;background:#ff5fa2;color:#fff;font-weight:700;padding:2px 12px;border-radius:999px;transform:rotate(6deg)}.class-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.class-grid li{animation:rise .45s both}.class-grid h3{margin:0;font-size:2rem;color:var(--primary)}.row input{width:90px!important}.codes{margin:16px 0;outline:none;animation:pop .3s}.warning{background:#fff4ce;color:#5c4400;padding:8px 12px;border-radius:10px}.code-list{columns:2;font-size:1.3rem}.code-list code{font-weight:700;letter-spacing:.1em}@media print{.topbar,.no-print,.skip-link,.read-aloud{display:none!important}body:before{display:none}body{background:#fff}}:root{--r-common: #8a94a6;--r-uncommon: #1f7a36;--r-rare: #1f5fbf;--r-epic: #7a24c9;--r-legendary: #a86f00}.price-tag{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:.8rem;font-weight:800;color:#fff;background:var(--rc)}.r-uncommon{--rc: var(--r-uncommon)}.r-rare{--rc: var(--r-rare)}.r-epic{--rc: var(--r-epic)}.r-legendary{--rc: var(--r-legendary)}.chip.locked{border-color:var(--rc);border-style:dashed}.chip.locked.on{background:color-mix(in srgb,var(--rc) 22%,var(--surface));color:var(--text);border-style:solid}.chip.r-legendary.locked{box-shadow:0 0 12px #e3a0088c}.swatch.locked{border:3px dashed var(--rc)}.swatch-lock{position:absolute;right:-6px;bottom:-6px;font-size:.75rem;background:var(--rc);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;border:2px solid #fff}.stage-coins{position:absolute;top:12px;right:12px;font-family:var(--game-font);font-size:1.4rem;padding:6px 16px;border-radius:16px;background:var(--accent);color:#3a2400;border:3px solid #fff;box-shadow:0 5px #00000040}.stage-trying{position:absolute;top:12px;left:12px;margin:0;font-family:var(--game-font);color:#3a2400;background:#ffd23f;padding:4px 14px;border-radius:999px;transform:rotate(-4deg);animation:pop .3s}.unlock-burst{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-weight:800;color:#fff;text-align:center;pointer-events:none;animation:bounce-in .5s;text-shadow:0 3px 0 rgba(0,0,0,.4)}.unlock-burst-title{font-family:var(--game-font);font-size:2.6rem;color:#ffd23f}.unlock-panel{margin-top:20px;padding:14px;border-radius:18px;border:3px solid #ffd23f;background:linear-gradient(180deg,#fff9e0,var(--surface));animation:pop .25s}html.a11y-contrast .unlock-panel{background:#000}.unlock-panel h2{margin:0 0 8px;font-size:1.2rem}.unlock-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.unlock-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;background:var(--surface);border-left:8px solid var(--rc)}.unlock-info{display:flex;flex-direction:column}.unlock-name{font-weight:800}.rarity-label{font-family:var(--game-font);color:var(--rc);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}.btn-buy{min-height:46px;font-size:1.05rem;padding:6px 18px}.missing{font-weight:700;color:var(--muted);max-width:260px}.compass{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:24;width:min(440px,46vw);pointer-events:none;text-align:center}.compass-window{position:relative;height:30px;overflow:hidden;border-radius:10px;background:#14213d73;border:2px solid rgba(255,255,255,.6);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.compass-strip{position:absolute;left:50%;top:0;height:100%}.compass-strip .tick{position:absolute;top:6px;transform:translate(-50%);color:#ffffffd9;font-size:.7rem;font-weight:700;white-space:nowrap}.compass-strip .tick.major{font-family:var(--game-font);font-size:1.1rem;top:2px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.compass-pointer{display:block;color:#fff;font-size:.8rem;line-height:1;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.compass-deg{font-weight:800;color:#fff;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud-top{right:auto}.hud-right{position:absolute;top:10px;right:10px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-right .hud-buttons{margin-left:0}.minimap{width:150px;height:150px;border-radius:16px;overflow:hidden;border:4px solid #fff;box-shadow:0 6px #0003,0 10px 24px #0003}@media (max-width: 600px){.compass{width:52vw;top:116px}.minimap{width:104px;height:104px;border-width:3px}}.emote-bar{position:absolute;bottom:18px;left:18px;z-index:25;display:flex;gap:8px;padding:8px;border-radius:18px;background:#14213d80;border:2px solid rgba(255,255,255,.5)}.emote-btn{position:relative;width:54px;height:54px;border-radius:14px;border:3px solid #fff;cursor:pointer;background:linear-gradient(180deg,#8f6dff,#5b2ee0);font-size:1.6rem;display:grid;place-items:center;box-shadow:0 4px #3d1aa8;transition:transform .08s}.emote-btn:active{transform:translateY(3px);box-shadow:0 1px #3d1aa8}.emote-btn.locked{background:linear-gradient(180deg,#8a94a6,#5c6478);box-shadow:0 4px #3b4252;filter:saturate(.6)}.emote-btn kbd{position:absolute;top:-8px;left:-8px;background:#fff;color:#14213d;border-radius:6px;font-size:.7rem;font-weight:800;padding:0 5px;border:2px solid #14213d}.emote-lock{position:absolute;bottom:-6px;right:-6px;font-size:.85rem}.emote-bar.compact{left:auto;right:16px;bottom:170px;flex-wrap:wrap;width:196px;justify-content:center;animation:pop .2s}.touch-actions{position:absolute;right:16px;bottom:32px;z-index:26;display:flex;flex-direction:column;align-items:center;gap:12px}.round-btn{width:76px;height:76px;border-radius:50%;border:4px solid #fff;font-size:2rem;font-weight:800;color:#3a2400;background:linear-gradient(180deg,#ffe07a,var(--accent));box-shadow:0 6px 0 var(--accent-dark);touch-action:none}.round-btn.small{width:58px;height:58px;font-size:1.6rem;background:linear-gradient(180deg,#8f6dff,#5b2ee0);box-shadow:0 5px #3d1aa8}.round-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--accent-dark)}@media (pointer: coarse){.enter-btn{bottom:190px;right:12px}}.hud-toast{position:absolute;left:50%;top:96px;transform:translate(-50%);z-index:27;margin:0;max-width:calc(100% - 32px);background:#14213d;color:#fff;padding:10px 18px;border-radius:14px;font-weight:700;border:3px solid #ffd23f;animation:pop .2s}.hud-hint{max-width:min(760px,calc(100% - 32px));font-size:.9rem}@media (pointer: fine){.hud-hint{bottom:96px}}.emote-shop{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.emote-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;border:3px solid var(--border);background:var(--surface)}.emote-row[class*=r-]{border-left:8px solid var(--rc)}.emote-row-icon{font-size:2rem}.emote-row .unlock-info{flex:1;min-width:120px}.rarity-label.r-common{color:var(--r-common)}.price-tag-big{font-weight:800;color:#fff;background:var(--rc);padding:6px 12px;border-radius:999px}.kind-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kind-card{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:16px;border:3px solid var(--border);background:var(--surface);cursor:pointer;font-family:var(--game-font);font-size:1.1rem;transition:transform .1s}.kind-card:hover{transform:translateY(-2px)}.kind-card.on{border-color:var(--primary-dark);background:var(--primary);color:var(--primary-text);box-shadow:0 5px 0 var(--primary-dark)}.kind-card:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:2px}.kind-card input{position:absolute;opacity:0;pointer-events:none}.kind-icon{font-size:2.2rem}.swatch-natural{background:conic-gradient(#e6c36a,#b5441b,#3b2a1a,#1c1c1c,#e6c36a);display:grid;place-items:center}.avatar-editor>*{min-width:0}.avatar-panel{overflow-x:hidden}.chip.on{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary)}.chip.locked.on{background:color-mix(in srgb,var(--rc) 30%,var(--surface));border-style:solid}.chip-check{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:50%;background:var(--primary);color:var(--primary-text);font-size:.8rem;font-weight:900}.avatar-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-actions .btn-game{width:100%;min-width:0;min-height:58px;padding:10px 12px;font-size:1.15rem;white-space:nowrap}html.thumb-mode body:before,html.thumb-mode .topbar,html.thumb-mode .skip-link{display:none!important}html.thumb-mode,html.thumb-mode body{background:transparent!important}html.thumb-mode main{padding:0}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.tile{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 10px;border-radius:16px;border:3px solid var(--border);background:var(--surface);cursor:pointer;font-weight:700;text-align:center;transition:transform .1s,box-shadow .1s}.tile:hover{transform:translateY(-3px)}.tile input{position:absolute;opacity:0;pointer-events:none}.tile:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:2px}.tile-img{width:100%;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3b2a9a,#1b1446 75%)}.tile-img img{width:100%;height:100%;object-fit:contain}.tile-none{font-size:2rem;color:#fff8}.tile-label{font-size:.85rem;line-height:1.2}.tile.on{border-color:var(--primary);box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary)}.tile-check{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900;border:3px solid var(--surface)}.tile .price-tag{position:absolute;top:8px;right:8px;margin:0;box-shadow:0 2px #00000040}.tile.locked{border-style:dashed;border-color:var(--rc)}.tile.locked.on{border-style:solid}.tile.locked .tile-img img{filter:saturate(.75)}