@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}:root{--ink:#1d1a24;--ink2:#4a4656;--muted:#6d6879;--paper:#fff;--soft:#f5f2ec;--line:#e7e1d6;--go:#12b76a;--go-d:#0b8a4f;--sun:#ffd23f;--sun-d:#d9a90c;--bad:#e5484d;--blue:#2f6fe4;--display:"Fredoka", "Inter Variable", system-ui, sans-serif;--body:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r:18px;--shadow:0 12px 40px #14102847, 0 2px 6px #1410281f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#2fb3d9;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text;touch-action:auto}#game{position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{display:block}#ui{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}.ic{flex:none;display:block}#boot{z-index:50;color:#fff;background:radial-gradient(circle at 50% 40%,#46c6e8,#1d8fc2);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#boot.gone{opacity:0;pointer-events:none}#boot .build{bottom:max(10px, env(safe-area-inset-bottom));font:500 11px var(--body);opacity:.7;position:absolute}#boot p{font-family:var(--display);letter-spacing:.02em;text-shadow:0 2px 6px #0003;margin:0;font-size:17px;font-weight:500}.loader{background:#ffffff4d;border-radius:99px;width:180px;height:10px;overflow:hidden}.loader i{background:var(--sun);border-radius:99px;width:40%;height:100%;animation:1.1s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.logo{font-family:var(--display);color:#fff;letter-spacing:-.01em;-webkit-text-stroke:0;text-shadow:0 4px #1d1a24,0 -2px #1d1a24,3px 0 #1d1a24,-3px 0 #1d1a24,3px 4px #1d1a24,-3px 4px #1d1a24,0 10px 24px #00000059;font-size:clamp(52px,11vw,96px);font-weight:700;line-height:.95}.logo span{color:var(--sun)}.gate{padding:max(24px, env(safe-area-inset-top)) clamp(16px, 6vw, 88px) max(16px, env(safe-area-inset-bottom));background:linear-gradient(90deg,#0e18308c,#0e18301a 60%,#0e183059);grid-template-rows:1fr auto;grid-template-columns:1.1fr minmax(320px,400px);align-items:center;gap:24px 48px;animation:.6s both fadein;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.gate.leaving{animation:.45s forwards fadeout}@keyframes fadein{0%{opacity:0}}@keyframes fadeout{to{opacity:0;transform:scale(1.02)}}.gate-brand{color:#fff;animation:.7s .1s both rise}.tagline{font-family:var(--display);text-shadow:0 2px 10px #00000073;max-width:520px;margin:18px 0;font-size:clamp(18px,2.6vw,26px);font-weight:500}.tracks{flex-wrap:wrap;gap:8px;max-width:560px;display:flex}.track{color:var(--c);background:#ffffffeb;border-radius:99px;align-items:center;gap:6px;padding:7px 12px 7px 9px;font-size:14px;font-weight:650;display:inline-flex;box-shadow:0 3px #0000002e}.gate-card{background:var(--paper);box-shadow:var(--shadow);border:3px solid var(--ink);border-radius:24px;padding:26px;animation:.7s .2s both rise}.gate-card h2{font-family:var(--display);margin:0 0 4px;font-size:28px;font-weight:600}.gate-foot{color:#ffffffe6;text-shadow:0 1px 3px #00000080;grid-column:1/-1;font-size:13px}.gate-foot .linkish{color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media (max-width:760px){.gate{background:linear-gradient(#0e183080,#0e183026 45%,#0e183073);grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;gap:18px}.tagline{margin:10px 0}.tracks{display:none}.gate-card{padding:20px}}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:14px;display:flex}.stack>p{margin:0}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:650;display:flex}.field small{color:var(--muted);font-weight:450}input:not([type=checkbox]),textarea,select{width:100%;font:450 16px var(--body);color:var(--ink);background:var(--soft);border:2px solid var(--line);border-radius:12px;outline:none;padding:13px 14px;transition:border-color .15s,background .15s}input:focus,textarea:focus,select:focus{border-color:var(--blue);background:#fff}input.code{font:600 24px var(--display);letter-spacing:.3em;text-align:center}textarea{resize:vertical;min-height:64px;line-height:1.5}.check{color:var(--ink2);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.check input{width:20px;height:20px;accent-color:var(--go);flex:none;margin:1px 0 0}.btn{font:600 16px var(--display);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--go);color:#fff;box-shadow:0 4px 0 var(--go-d)}.btn.primary:active{box-shadow:0 2px 0 var(--go-d)}.btn.big{width:100%;padding:15px 22px;font-size:19px}.btn.ghost{background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.btn.danger{color:var(--bad)}.linkish{color:var(--blue);text-underline-offset:2px;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.linkish.small{align-self:center;font-size:13px}.err{color:var(--bad);min-height:1px;margin:0;font-size:14px}.err:empty{display:none}.note{border:2px dashed var(--sun-d);background:#fff6d6;border-radius:12px;padding:10px 12px;font-size:14px}.iconbtn{width:40px;height:40px;color:var(--ink);background:#0000000f;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.iconbtn:hover{background:#0000001a}.progress{background:#ece7de;border-radius:99px;height:10px;display:block;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--c,var(--go)), color-mix(in srgb, var(--c,var(--go)) 70%, #fff));height:100%;transition:width .5s;display:block}.loading{color:var(--muted);align-items:center;gap:10px;padding:20px 0;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-back{z-index:20;background:#0e122273;justify-content:center;align-items:center;padding:16px;animation:.2s both fadein;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-back.side{background:#0e122238;justify-content:flex-end;align-items:stretch;padding:12px}.sheet{background:var(--paper);width:min(560px,100%);max-height:100%;box-shadow:var(--shadow);border:3px solid var(--ink);border-radius:24px;flex-direction:column;animation:.28s cubic-bezier(.2,.9,.3,1.1) both slidein;display:flex;overflow:hidden}.modal-back:not(.side) .sheet{max-height:min(720px,100%)}@keyframes slidein{0%{opacity:0;transform:translate(40px)}}.sheet-head{background:var(--accent,var(--ink));color:#fff;align-items:center;gap:12px;padding:14px 14px 14px 18px;display:flex}.sheet-head .iconbtn{color:#fff;background:#ffffff2e}.sheet-head .iconbtn:hover{background:#ffffff4d}.head-ic{background:#fff3;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.head-t{flex:1;min-width:0}.head-t h2{font:600 22px/1.15 var(--display);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.head-t p{opacity:.9;margin:2px 0 0;font-size:13.5px}.sheet-body{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;touch-action:pan-y;padding:18px;overflow-y:auto}.prose h3{font:600 17px var(--display);margin:16px 0 4px}.prose p{color:var(--ink2);margin:0 0 8px;line-height:1.55}@media (max-width:640px){.modal-back.side{align-items:flex-end;padding:0}.sheet{border-width:3px 0 0;border-radius:24px 24px 0 0;width:100%;max-height:88%;animation-name:slideup}@keyframes slideup{0%{opacity:0;transform:translateY(60px)}}}.searchbox{background:var(--soft);border:2px solid var(--line);color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.searchbox:focus-within{border-color:var(--blue);background:#fff}.searchbox input{background:0 0;border:0;padding:12px 0}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border:2px solid var(--line);white-space:nowrap;color:var(--c,var(--ink));background:#fff;border-radius:99px;align-items:center;gap:6px;padding:8px 13px;font-size:14px;font-weight:650;display:inline-flex}.chip.on{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:#fff}.cards{flex-direction:column;gap:10px;display:flex}.course-card{text-align:left;border:2px solid var(--line);box-shadow:0 3px 0 var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:14px;transition:transform .1s,border-color .15s;display:flex}.course-card:hover{border-color:var(--c);transform:translateY(-1px)}.course-card.slim{align-items:center}.cc-ic{background:color-mix(in srgb, var(--c) 14%, #fff);width:44px;height:44px;color:var(--c);border-radius:14px;flex:none;place-items:center;display:grid}.cc-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cc-title{font:600 17px/1.25 var(--display)}.cc-by{color:var(--muted);text-transform:none;font-size:13px}.cc-sum{color:var(--ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.cc-meta{color:var(--muted);font-size:12.5px;font-weight:600}.empty{text-align:center;color:var(--muted);padding:18px 0}.course-hero{background:color-mix(in srgb, var(--c) 9%, #fff);border:2px solid color-mix(in srgb, var(--c) 30%, #fff);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.course-hero h3{font:600 24px/1.2 var(--display);margin:0}.course-hero p{margin:0;line-height:1.5}.tag{background:var(--c);color:#fff;text-transform:capitalize;border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.lessons{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lesson-row{border:2px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:600;display:flex}.lesson-row .num{background:var(--soft);width:30px;height:30px;font:600 14px var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.lesson-row.done .num{background:var(--go);color:#fff}.lesson h3{font:600 24px/1.25 var(--display);margin:0 0 14px}.lesson-p{white-space:pre-wrap;color:var(--ink2);overflow-wrap:anywhere;margin:0 0 14px;font-size:16px;line-height:1.65}.video{aspect-ratio:16/9;background:#000;border-radius:14px;margin-bottom:16px;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.actions{gap:10px;margin-top:8px;display:flex}.actions .btn.big{flex:1}.section{font:600 18px var(--display);margin:8px 0 0}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lesson-edits{flex-direction:column;gap:12px;display:flex}.lesson-edit{border:2px dashed var(--line);border-radius:16px;flex-direction:column;gap:8px;margin:0;padding:12px;display:flex}.lesson-edit legend{font:600 15px var(--display);padding:0 6px}.standing{color:#fff;background:linear-gradient(135deg,#2f6fe4,#7b5cf0);border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.standing .progress{background:#ffffff40;margin:6px 0}.standing .progress i{background:var(--sun)}.standing .muted{color:#ffffffd9}.lvl-big{background:var(--sun);width:74px;height:74px;color:var(--ink);font:700 32px/1 var(--display);box-shadow:0 4px 0 var(--sun-d);border-radius:22px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.lvl-big small{font-size:12px;font-weight:600}.grow{flex:1;min-width:0}.skills{flex-direction:column;gap:10px;display:flex}.skill{align-items:center;gap:12px;display:flex}.skill-top{justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.skill-top span{color:var(--muted);font-size:13px;font-weight:600}.fame{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fame li{background:var(--soft);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.fame li.me{outline:2px solid var(--sun);background:#fff6d6}.fame b{font-family:var(--display);flex:1;font-size:17px;font-weight:600}.rank{width:34px;height:34px;font:700 16px var(--display);background:#fff;border-radius:50%;place-items:center;display:grid}.rank.r1{background:#ffd23f}.rank.r2{background:#d9dde6}.rank.r3{background:#f0b27a}.creator-back{background:#0e122280}.creator{background:var(--paper);border:3px solid var(--ink);width:min(820px,100%);max-height:100%;box-shadow:var(--shadow);border-radius:26px;grid-template-columns:260px 1fr;animation:.35s both rise;display:grid;overflow:hidden}.creator-stage{background:radial-gradient(circle at 50% 35%,#8fd9ff,#2f9fd6);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.creator-stage .spot{background:#0000002e;border-radius:50%;width:150px;height:34px;position:absolute;top:62%;left:50%;transform:translate(-50%)}.creator-stage canvas{filter:drop-shadow(0 6px #0000001f);position:relative}.creator-side{flex-direction:column;gap:12px;padding:22px;display:flex;overflow-y:auto}.creator-side h2{font:600 26px var(--display);margin:0}.rows{flex-direction:column;gap:10px;display:flex}.row-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:13px;font-weight:700}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swb{background:0 0;border:3px solid #0000;border-radius:14px;padding:3px}.swb.on{border-color:var(--ink)}.sw{border-radius:10px;place-items:center;min-width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 2px #00000026}.sw.text{background:var(--soft);padding:0 10px;font-size:13px;font-weight:650}.sw.ankara{background-image:repeating-linear-gradient(135deg,#f2c230 0 6px,#d0402a 6px 9px,#1f6f5a 9px 12px)!important}@media (max-width:680px){.creator-back{align-items:stretch;padding:0}.creator{border:0;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:1fr}.creator-stage{flex-direction:row;padding:12px}.creator-stage canvas{width:104px!important;height:142px!important}.creator-stage .spot{width:100px;top:80%}.creator-side{padding:16px 16px 0}.creator-side .actions{background:var(--paper);padding:10px 0 max(14px, env(safe-area-inset-bottom));margin-top:0;position:sticky;bottom:0;box-shadow:0 -8px 12px -8px #0000001f}}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*,.hud-top>*{pointer-events:auto}.hud-top{top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;left:10px;right:10px}.me-chip{border:3px solid var(--ink);background:#fffffff2;border-radius:22px;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:flex;box-shadow:0 4px #00000040}.face{background:linear-gradient(#8fd9ff,#4bb6e6);border-radius:15px;justify-content:center;width:46px;height:46px;display:flex;overflow:hidden}.face canvas{margin-top:-2px}.me-t{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.me-t b{font:600 16px var(--display);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.me-l{align-items:center;gap:6px;display:flex}.lvl{font:700 12px var(--display);background:var(--sun);border-radius:99px;padding:1px 7px}.xp{background:#e8e2d6;border-radius:99px;width:74px;height:7px;overflow:hidden}.xp i{background:var(--go);border-radius:99px;height:100%;transition:width .6s;display:block}.hud-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.kasa{background:var(--sun);border:3px solid var(--ink);height:46px;font:700 18px var(--display);border-radius:16px;align-items:center;gap:6px;padding:0 14px;display:flex;box-shadow:0 4px #00000040}.hbtn{border:3px solid var(--ink);height:46px;font:600 16px var(--display);background:#fff;border-radius:16px;align-items:center;gap:7px;padding:0 14px;display:flex;box-shadow:0 4px #00000040}.hbtn:active,.kasa:active,.me-chip:active{transform:translateY(2px);box-shadow:0 2px #00000040}.hbtn.icon-only{padding:0 11px}.menu{border:3px solid var(--ink);min-width:190px;box-shadow:var(--shadow);z-index:3;background:#fff;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:56px;right:0;overflow:hidden}.menu button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.menu button:hover{background:var(--soft)}@media (max-width:760px){.hbtn span{display:none}.hbtn{padding:0 11px}.me-t b{max-width:90px}.xp{width:52px}}@media (max-width:420px){.me-chip .me-t{display:none}.me-chip{padding:4px}}.prompt{left:50%;bottom:calc(140px + env(safe-area-inset-bottom));border:3px solid var(--ink);background:var(--c,var(--go));color:#fff;font:600 19px var(--display);white-space:nowrap;border-radius:18px;align-items:center;gap:10px;padding:14px 20px;animation:.3s cubic-bezier(.2,.9,.3,1.4) both pop;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 5px #0000004d}.prompt kbd{font:700 13px var(--display);color:var(--ink);background:#fffffff2;border-radius:7px;padding:2px 8px}@media (hover:none){.prompt kbd{display:none}}#ui:has(.modal-back) .prompt{display:none}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.8)}}.chat{left:10px;bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;width:min(380px,100% - 148px);display:flex;position:absolute}.chatlog{flex-direction:column;gap:3px;font-size:14px;display:flex}.chatlog div{color:#fff;overflow-wrap:anywhere;background:#1412209e;border-radius:12px;align-self:flex-start;max-width:100%;padding:5px 10px;transition:opacity 1s}.chatlog div.old{opacity:.55}.chatlog b{color:var(--sun)}.chat-row{gap:6px;display:flex}.chat-row input{border:3px solid var(--ink);background:#fffffff0;border-radius:14px;padding:11px 14px}.chat-row .btn{border:3px solid var(--ink);box-shadow:none;padding:0 14px}.minimap{right:10px;bottom:max(10px, env(safe-area-inset-bottom));border:3px solid var(--ink);background:#79c65b;border-radius:14px;position:absolute;box-shadow:0 4px #00000040;pointer-events:none!important}.status{background:var(--bad);color:#fff;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;top:74px;left:50%;transform:translate(-50%)}#toasts{top:max(76px, calc(env(safe-area-inset-top) + 66px));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:3px solid var(--ink);font:600 16px var(--display);text-align:center;background:#fff;border-radius:14px;padding:10px 16px;animation:2.8s forwards toast;box-shadow:0 4px #00000040}.toast.earn{background:var(--go);color:#fff}.toast.error{background:var(--bad);color:#fff}@keyframes toast{0%{opacity:0;transform:translateY(-10px)scale(.95)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.confetti{pointer-events:none;z-index:45;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-12px}@keyframes fall{to{transform:translateY(105vh) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}