:root{--bg:#070a14;--panel:#0e142ac7;--panel-solid:#111833;--line:#ffffff1a;--text:#f1f4ff;--muted:#9fb0d8;--red:#ff4d5e;--green:#2fd27a;--yellow:#ffc93c;--blue:#3d8bff;--gold:#ffd84d;--font:"Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}input{font:inherit}.game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:fixed;inset:0}.canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game.is-playing .canvas{cursor:none}.menu{touch-action:auto;background:radial-gradient(at 50% 0,#503cc859,#0000 60%),radial-gradient(at 50% 100%,#ff4d5e2e,#0000 55%),linear-gradient(#070a1459,#070a14d9);flex-direction:column;animation:.35s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}}.floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floaters span{bottom:-60px;left:calc(var(--i) * 12.5% + 3%);font-size:calc(18px + var(--i) * 3px);opacity:.22;animation:floatUp calc(9s + var(--i) * 1.3s) linear infinite;animation-delay:calc(var(--i) * -1.7s);filter:drop-shadow(0 0 8px #fff6);position:absolute}@keyframes floatUp{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-115vh)rotate(360deg)}}.topbar{z-index:2;padding:calc(10px + var(--sat)) calc(12px + var(--sar)) 6px calc(12px + var(--sal));justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.online-pill{border:1px solid var(--line);color:#d6def5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1e99;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.6s infinite blink}@keyframes blink{50%{opacity:.35}}.top-actions{gap:6px;display:flex}.chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1e99;border-radius:99px;min-height:36px;padding:4px 14px;font-size:14px;font-weight:700;transition:transform .1s}.chip.icon{width:40px;padding:0;font-size:17px}.chip:active{transform:scale(.92)}.menu-body{z-index:1;-webkit-overflow-scrolling:touch;padding:4px calc(14px + var(--sar)) 16px calc(14px + var(--sal));flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow-y:auto}.play-tab{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:460px;display:flex}.hero{text-align:center;padding-top:2vh}.logo{letter-spacing:1px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:clamp(40px,12vw,62px);font-weight:800;line-height:1;display:flex}.logo-die{filter:drop-shadow(0 4px 12px #ffd84d80);font-size:.8em;animation:4s ease-in-out infinite dieSpin;display:inline-block}@keyframes dieSpin{0%,70%{transform:rotate(-12deg)}80%{transform:rotate(200deg)scale(1.2)}90%,to{transform:rotate(348deg)}}.logo-ludo{color:#fff;text-shadow:0 4px #00000059,0 0 30px #ffffff40}.logo-snake{background:linear-gradient(100deg, var(--red) 0%, var(--yellow) 25%, var(--green) 50%, var(--blue) 75%, var(--red) 100%);color:#0000;filter:drop-shadow(0 4px #00000059);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shine}@keyframes shine{to{background-position:-200% 0}}.tagline{color:#c9d4f5;letter-spacing:1.5px;margin:4px 0 0;font-size:15px;font-weight:700}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:26px;padding:18px;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14}.play-card{flex-direction:column;gap:9px;animation:.45s cubic-bezier(.2,1.4,.4,1) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:translateY(24px)scale(.96)}}.preview{width:100%;height:74px;margin:-4px 0 -2px;display:block}.name-input{border:2px solid var(--line);width:100%;height:52px;color:var(--text);text-align:center;-webkit-user-select:text;user-select:text;background:#ffffff0f;border-radius:16px;outline:none;padding:0 16px;font-size:19px;font-weight:700;transition:border-color .2s,background .2s}.name-input:focus{background:#ffffff1a;border-color:#ffd84db3}.name-input::placeholder{color:#c9d4f580}.label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:800}.teams{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.team{background:#ffffff0d;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:9px 2px 7px;font-size:13px;font-weight:700;transition:transform .15s,background .2s,border-color .2s;display:flex}.team:active{transform:scale(.93)}.team.active{border-color:var(--c);background:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--c) 35%, transparent)}.team.active .pawn{animation:.5s cubic-bezier(.3,1.8,.5,1) hop}@keyframes hop{40%{transform:translateY(-8px)scale(1.15)}}.pawn{background:radial-gradient(circle at 35% 35%, #fff 0 16%, var(--c) 20% 68%, #00000073 100%);width:26px;height:26px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 40%, transparent), 0 4px 8px #0006;border-radius:50%}.pawn.auto{background:conic-gradient(var(--red) 0 25%, var(--green) 0 50%, var(--yellow) 0 75%, var(--blue) 0)}.skins{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.skin{background:#ffffff0d;border:2px solid #0000;border-radius:14px;height:42px;padding:8px 6px;transition:transform .12s}.skin:active{transform:scale(.9)}.skin.active{background:#ffffff1f;border-color:#fff}.skin span{background:var(--c);border-radius:99px;height:100%;display:block;box-shadow:inset 0 -3px #00000040}.skin-1 span{background:repeating-linear-gradient(90deg, var(--c) 0 7px, color-mix(in srgb, var(--c) 45%, #fff) 7px 13px)}.skin-2 span{background:radial-gradient(circle, #fff 0 2.5px, transparent 3px) 0 0 / 11px 100%, var(--c)}.skin-3 span{background:radial-gradient(circle, #0009 0 2px, transparent 2.5px) 0 0 / 7px 100%, var(--c)}.skin-4 span{background:linear-gradient(transparent 30%, #fff 30% 70%, transparent 70%), var(--c);box-shadow:0 0 12px var(--c)}.skin-5 span{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, #000) 0 5px, color-mix(in srgb, var(--c) 60%, #fff) 5px 10px)}.actions{flex-direction:column;gap:9px;display:flex}.play{letter-spacing:3px;color:#1a1200;background:linear-gradient(#ffe680,#ffb703);border-radius:20px;height:62px;margin-top:6px;font-size:26px;font-weight:800;transition:transform 80ms,box-shadow 80ms;animation:2.2s ease-in-out infinite pulse;position:relative;overflow:hidden;box-shadow:0 7px #b46f00,0 16px 34px #ffb70373}.play span{z-index:1;position:relative}.play:after{content:"";background:linear-gradient(100deg,#0000,#ffffffa6,#0000);width:40%;animation:2.6s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:-60%}@keyframes sweep{0%,55%{left:-60%}to{left:130%}}@keyframes pulse{50%{box-shadow:0 7px #b46f00,0 16px 44px #ffb703bf}}.play:active{transform:translateY(6px);box-shadow:0 1px #b46f00,0 6px 16px #ffb70366}.secondary{border:1px solid var(--line);color:#d6def5;background:#ffffff0f;border-radius:15px;height:46px;font-size:15px;font-weight:700;transition:transform .1s,background .2s}.secondary:active{background:#ffffff1f;transform:scale(.97)}.secondary.install{color:#8af0b8;border-color:#2fd27a80}.error{color:#ffc2c8;text-align:center;background:#ff4d5e24;border:1px solid #ff4d5e66;border-radius:14px;padding:10px 12px;font-size:14px;animation:.4s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sheet{width:100%;max-width:460px;margin-top:2vh;animation:.35s cubic-bezier(.2,1.3,.4,1) popIn}.sheet-title{margin:0 0 12px;font-size:22px;font-weight:800}.subtabs,.seg{gap:6px;display:flex}.subtabs{margin-bottom:12px}.subtabs button,.seg button{min-height:40px;color:var(--muted);background:#ffffff0f;border-radius:12px;flex:1;padding:6px 8px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.subtabs button.active,.seg button.active{color:#fff;background:#ffd84d33;box-shadow:inset 0 0 0 1.5px #ffd84d99}.ranking{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ranking li{animation:.35s both popIn;animation-delay:var(--d);background:#ffffff0a;border-radius:14px;grid-template-columns:34px 12px 1fr auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.ranking li.top{background:linear-gradient(90deg,#ffd84d29,#ffffff08)}.rank{color:var(--muted);text-align:center;font-size:17px;font-weight:800}.tdot{border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px}.rname{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rscore{font-weight:800}.rkills{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.center{text-align:center}.small{margin-top:12px;font-size:13px}.howto{flex-direction:column;gap:8px;display:flex}.howto-item{animation:.35s both popIn;animation-delay:var(--d);background:#ffffff0a;border-radius:16px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.howto-icon{font-size:26px;line-height:1.2}.howto-item b{font-size:16px}.howto-item p{color:#d2daf2;margin:2px 0 0;font-size:14px;line-height:1.45}.settings{flex-direction:column;gap:6px;display:flex}.settings .row{background:#ffffff0a;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:6px 12px;font-weight:700;display:flex}.settings .seg{flex:200px;justify-content:flex-end}.settings .seg button{flex:0 auto}.toggle{cursor:pointer;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:#ffffff26;border-radius:99px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}.toggle input:checked+.switch{background:var(--green)}.toggle input:checked+.switch:after{transform:translate(20px)}.tabbar{z-index:2;padding:6px calc(8px + var(--sar)) calc(6px + var(--sab)) calc(8px + var(--sal));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b18e0;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.tabbar button{color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;transition:color .2s,transform .1s;display:flex}.tabbar button:active{transform:scale(.9)}.tab-icon{filter:grayscale(.6);font-size:22px;line-height:1.1;transition:transform .25s cubic-bezier(.3,1.8,.5,1)}.tab-label{font-size:12px;font-weight:700}.tabbar button.active{color:#fff}.tabbar button.active .tab-icon{filter:none;transform:translateY(-3px)scale(1.15)}.overlay{padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));touch-action:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.center{background:radial-gradient(#070a1466,#070a14d9);flex-direction:column}.sheet-overlay{background:linear-gradient(#0508121a,#050812bf);align-items:flex-end}@media (min-height:700px) and (min-width:600px){.sheet-overlay{align-items:center}}.joining{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:360px;display:flex}.dice3d{color:var(--gold);filter:drop-shadow(0 10px 25px #ffd84d80);font-size:92px;animation:.9s cubic-bezier(.3,1.5,.5,1) infinite alternate diceBounce}.dice3d span{animation:1.1s linear infinite roll;display:inline-block}@keyframes roll{to{transform:rotate(360deg)}}@keyframes diceBounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-18px)scale(1.06)}}.joining-title{font-size:21px;font-weight:800}.tip-card{background:var(--panel);border:1px solid var(--line);color:#d6def5;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.45;animation:.4s popIn}.link{color:var(--muted);min-height:44px;padding:10px;font-weight:700;text-decoration:underline}.result{text-align:center;border-radius:28px;flex-direction:column;gap:10px;width:100%;max-width:440px;display:flex}.slide-up{animation:.45s cubic-bezier(.2,1.2,.4,1) slideUp}@keyframes slideUp{0%{transform:translateY(110%)}}.result h2{margin:0;font-size:30px;font-weight:800;line-height:1.15}.result-title{letter-spacing:2px;animation:.5s cubic-bezier(.2,1.6,.4,1) .15s both stamp;font-size:38px!important}.result-title.red{color:var(--red);text-shadow:0 0 24px #ff4d5e80}@keyframes stamp{0%{opacity:0;transform:scale(2.2)}}.trophy{font-size:64px;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) both stamp,2.4s ease-in-out .6s infinite wobble}@keyframes wobble{50%{transform:rotate(-8deg)scale(1.05)}}.cause{color:#d7def3;margin:0;font-weight:600}.stat-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:6px 0;display:grid}.stat-grid div{background:#ffffff0f;border-radius:14px;flex-direction:column;gap:0;padding:10px 2px 8px;animation:.4s both popIn;display:flex}.stat-grid div.wide{flex-direction:row;grid-column:span 4;justify-content:center;align-items:baseline;gap:8px}.stat-grid b{font-size:24px;line-height:1.1}.stat-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.bars{text-align:left;flex-direction:column;gap:9px;margin:8px 0;display:flex}.bar-row{animation:.4s both popIn;animation-delay:var(--d);grid-template-columns:62px 1fr 54px;align-items:center;gap:8px;font-weight:700;display:grid}.bar-track{background:#ffffff0f;border-radius:9px;height:18px;overflow:hidden}.bar{min-width:6px;height:100%;animation:1s cubic-bezier(.2,1,.3,1) both grow;animation-delay:var(--d);border-radius:9px;display:block;box-shadow:0 0 14px}@keyframes grow{0%{width:0!important}}.bar-val{text-align:right}.exit-btn{top:calc(52px + var(--sat));border:1px solid var(--line);width:34px;height:34px;color:var(--muted);opacity:.65;z-index:3;background:#0a0e1c80;border-radius:50%;font-size:15px;position:absolute;left:50%;transform:translate(-50%)}.exit-btn:active{transform:translate(-50%)scale(.9)}@media (orientation:landscape) and (max-height:560px){.topbar{padding-top:calc(6px + var(--sat));padding-bottom:2px}.chip{min-height:32px}.menu-body{justify-content:center;padding-bottom:6px}.play-tab{flex-direction:row;align-items:center;gap:18px;max-width:900px}.hero{flex:1;padding-top:0}.logo{font-size:clamp(30px,6vw,52px)}.play-card{flex:1.25;gap:6px;padding:10px 12px}.preview,.play-card .label{display:none}.name-input{height:40px;font-size:16px}.team{flex-direction:row;justify-content:center;gap:5px;min-height:44px;padding:3px 2px;font-size:11.5px}.pawn{width:18px;height:18px}.skin{height:30px;padding:6px}.actions{flex-direction:row}.play{flex:1.6;height:48px;margin-top:2px;font-size:21px}.secondary{flex:1;height:48px;margin-top:2px;font-size:13px;line-height:1.1}.tabbar{padding-top:2px}.tab-icon{font-size:18px}.tab-label{font-size:11px}.stat-grid div.wide{grid-column:span 4}.result{gap:6px;max-height:100%;padding:14px;overflow-y:auto}.trophy{font-size:40px}}@media (min-width:900px){.menu-body{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.me-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1eb3;border-radius:99px;align-items:center;gap:8px;padding:4px 6px;font-weight:800;display:inline-flex}.me-pill:active{transform:scale(.96)}.lvl{background:linear-gradient(#8a6cff,#5b3fd6);border-radius:99px;place-items:center;min-width:40px;height:28px;padding:0 8px;font-size:13px;display:inline-grid;box-shadow:inset 0 -2px #0000004d}.xpbar{background:#ffffff1f;border-radius:99px;width:52px;height:7px;overflow:hidden}.xpbar span{background:linear-gradient(90deg,#8a6cff,#3ddcff);border-radius:99px;height:100%;transition:width .8s;display:block}.coin-pill{color:#ffe08a;background:#ffc93c24;border:1px solid #ffc93c73;border-radius:99px;align-items:center;gap:4px;padding:3px 10px 3px 6px;font-size:15px;font-weight:800;display:inline-flex}.coin{filter:drop-shadow(0 0 6px #ffc93c99);display:inline-block}.coin-pill.bump{animation:.7s cubic-bezier(.3,1.8,.5,1) bump}.coin-pill.bump .coin{animation:.7s ease-out spinCoin}@keyframes bump{30%{transform:scale(1.25)}}@keyframes spinCoin{to{transform:rotateY(720deg)}}.style-btn{background:linear-gradient(90deg,#b45cff2e,#3d8bff2e);border:1px solid #b45cff66;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:44px;font-size:15px;font-weight:800;display:flex}.style-btn:active{transform:scale(.97)}.style-name{color:#d3b6ff;font-weight:700}.card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.online{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.small-link{min-height:0;padding:4px 6px;font-size:13px}.small-inline{margin:0;font-size:13px}.sheet-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sheet-head .sheet-title{margin:0}.shop-stage{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--r) 30%, transparent), #ffffff08 70%);border:1.5px solid color-mix(in srgb, var(--r) 60%, transparent);border-radius:20px;margin-bottom:12px;padding:6px 10px 10px;position:relative;overflow:hidden}.stage-preview{width:100%;height:110px;display:block}.stage-info{justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-name{font-size:20px;font-weight:800;line-height:1.1}.stage-rarity{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800}.stage-btn{color:#062014;background:linear-gradient(#4de39a,#1fa863);border-radius:14px;min-width:120px;height:46px;padding:0 16px;font-size:16px;font-weight:800;box-shadow:0 4px #11713f}.stage-btn.buy{color:#1a1200;background:linear-gradient(#ffe680,#ffb703);box-shadow:0 4px #b46f00}.stage-btn.poor{filter:grayscale(.6)brightness(.8)}.stage-btn.done{color:#8af0b8;box-shadow:none;background:#ffffff14}.stage-btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.stage-btn:disabled{cursor:default}.item-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.item{border:2px solid color-mix(in srgb, var(--r) 35%, transparent);animation:.3s both popIn;animation-delay:var(--d);background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;transition:transform .12s;display:flex;position:relative}.item:active{transform:scale(.94)}.item.selected{border-color:var(--r);background:color-mix(in srgb, var(--r) 16%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--r) 40%, transparent)}.item.equipped:after{content:"✓";color:#8af0b8;font-size:13px;font-weight:800;position:absolute;top:4px;right:7px}.thumb{width:100%;height:44px;display:block}.item-emoji{place-items:center;height:44px;font-size:32px;display:grid}.item-name{text-align:center;font-size:13px;font-weight:800;line-height:1.15}.item-price{color:#ffe08a;font-size:12px;font-weight:700}.daily{background:linear-gradient(135deg,#ffc93c24,#ff4d5e1a);border:1px solid #ffc93c4d;border-radius:18px;margin-bottom:14px;padding:12px}.daily-title{margin-bottom:8px;font-size:16px;font-weight:800}.streak{color:#ffb36b;font-size:14px}.days{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px;display:grid}.dayc{background:#ffffff0f;border-radius:12px;flex-direction:column;align-items:center;padding:5px 0 4px;font-weight:800;display:flex}.dayc.done{color:#8af0b8;background:#2fd27a2e}.dayc.today{background:#ffd84d47;animation:1.4s ease-in-out infinite pulseDay;box-shadow:inset 0 0 0 2px #ffd84d}.dayc.chest{background:linear-gradient(#b45cff59,#b45cff1a)}@keyframes pulseDay{50%{transform:scale(1.06)}}.dlabel{color:var(--muted);white-space:nowrap;font-size:9.5px}.dicon{font-size:17px;line-height:1.3}.dval{font-size:12px}.claim-btn{color:#1a1200;background:linear-gradient(#ffe680,#ffb703);border-radius:15px;width:100%;height:48px;font-size:17px;font-weight:800;box-shadow:0 5px #b46f00}.claim-btn:disabled{color:var(--muted);box-shadow:none;background:#ffffff14}.claim-btn:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.missions-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.missions{flex-direction:column;gap:8px;display:flex}.mission{animation:.35s both popIn;animation-delay:var(--d);background:#ffffff0d;border-radius:16px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mission.done:not(.claimed){background:#2fd27a1f;box-shadow:inset 0 0 0 1.5px #2fd27a80}.mission.claimed{opacity:.55}.m-icon{text-align:center;font-size:26px}.m-text{font-size:14.5px;font-weight:700;line-height:1.2}.m-bar{background:#ffffff1a;border-radius:99px;height:8px;margin:5px 0 2px;overflow:hidden}.m-bar span{background:linear-gradient(90deg,#2fd27a,#8af0b8);border-radius:99px;height:100%;transition:width .8s;display:block}.m-prog{color:var(--muted);font-size:12px;font-weight:700}.m-claim{color:#1a1200;background:linear-gradient(#ffe680,#ffb703);border-radius:12px;min-width:66px;height:40px;font-weight:800;box-shadow:0 3px #b46f00}.m-claim:disabled{color:#ffe08a;box-shadow:none;background:#ffffff14}.account{background:#ffffff0a;border-radius:14px;flex-direction:column;gap:8px;margin-top:4px;padding:12px;display:flex}.account p{margin:0;font-size:13px;line-height:1.4}.code-row{align-items:center;gap:6px;display:flex}.code{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#00000059;border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:12px;overflow:hidden}.code-input{border:1px solid var(--line);min-width:0;height:38px;color:var(--text);-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:10px;flex:1;padding:0 10px;font-size:13px}.chip:disabled{opacity:.5}.tab-icon{position:relative}.badge{background:#ff4d5e;border-radius:50%;width:10px;height:10px;animation:1.2s infinite blink;position:absolute;top:-2px;right:-6px;box-shadow:0 0 0 2px #0b0f1c}.earned{color:#ffe08a;font-size:22px;font-weight:800;animation:.5s cubic-bezier(.2,1.6,.4,1) .3s both stamp}.result-actions{align-items:stretch;gap:8px;display:flex}.result-actions .play{flex:1}.share-btn{color:#062014;background:linear-gradient(#4de39a,#1fa863);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:76px;margin-top:6px;font-size:22px;font-weight:800;display:flex;box-shadow:0 6px #11713f}.share-btn span{font-size:12px}.share-btn.wide{flex-direction:row;gap:8px;height:46px;margin-top:0;font-size:18px}.share-btn.wide span{font-size:16px}.share-btn:active{box-shadow:none;transform:translateY(5px)}.menu-toast{z-index:20;left:50%;top:calc(64px + var(--sat));text-align:center;pointer-events:none;background:#0e142af2;border:1.5px solid #ffd84d99;border-radius:18px;flex-direction:column;align-items:center;gap:2px;max-width:calc(100% - 32px);padding:12px 20px;animation:2.6s both toastIn;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #00000080,0 0 24px #ffd84d40}.menu-toast b{color:#ffe08a;font-size:18px}.menu-toast span{color:#d6def5;font-size:14px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-20px)scale(.9)}10%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)}}@media (max-width:380px){.xpbar{display:none}.tab-label{font-size:10.5px}}@media (orientation:landscape) and (max-height:560px){.style-btn{height:36px;font-size:13px}.card-foot{display:none}.stage-preview{height:80px}.item-grid{grid-template-columns:repeat(5,1fr)}}