*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Fredoka,sans-serif;background:#1a1030;color:#fff;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none}@supports (height: 100dvh){html,body{height:100dvh}}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui .screen,#ui button,#ui input{pointer-events:auto}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 20%,#3b2a6eeb,#1a1030f5);overflow-y:auto;overscroll-behavior:contain;touch-action:manipulation;padding:max(12px,env(safe-area-inset-top)) max(clamp(10px,4vw,16px),env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(clamp(10px,4vw,16px),env(safe-area-inset-left))}#screen-menu{background:linear-gradient(180deg,#140c288c,#140c2833 35%,#140c28b3)}.menu-center{margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2.2vh,12px);width:min(94vw,420px);padding:clamp(12px,3vh,18px) clamp(12px,4vw,16px) clamp(14px,3vh,20px);border-radius:28px;background:#1a10308c;backdrop-filter:blur(12px);border:1px solid rgba(255,158,207,.18);box-shadow:0 20px 60px #0a051980}.logo{font-size:clamp(2.2rem,9vw,3.6rem);font-weight:700;letter-spacing:2px;background:linear-gradient(180deg,#fff,#ff9ecf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 rgba(120,40,90,.45))}.logo span{-webkit-text-fill-color:#8ec9ff}.tagline{opacity:.85;font-size:clamp(.9rem,3.6vw,1.05rem);margin-bottom:2px;text-align:center}.menu-foot{opacity:.5;font-size:.85rem;padding:8px}input{width:100%;padding:12px 16px;border:2px solid rgba(255,158,207,.45);border-radius:16px;background:#ffffff14;color:#fff;font-family:inherit;font-size:1.05rem;text-align:center;outline:none}input::placeholder{color:#ffffff73}input:focus{border-color:#ff9ecf}.btn{border:none;border-radius:16px;font-family:inherit;font-weight:600;color:#fff;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent;transition:transform .08s,filter .15s,box-shadow .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:scale(.96)}.btn-big:active:not(:disabled),.btn-mode:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000040}.btn:focus-visible{outline:3px solid #ffd94a;outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn-big{width:100%;padding:14px;font-size:1.25rem;box-shadow:0 5px #00000040}.btn-play{background:linear-gradient(180deg,#ff9ecf,#f06292)}.btn-online{background:linear-gradient(180deg,#8ec9ff,#4a7ee8)}.mode-row{display:flex;gap:8px;width:100%}.btn-mode{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:1.3rem;background:#ffffff1a;border:2px solid rgba(142,201,255,.4);box-shadow:0 4px #0003}.btn-mode b{font-size:clamp(.72rem,3vw,.85rem);white-space:nowrap}.btn-mode small{font-size:clamp(.6rem,2.4vw,.68rem);opacity:.7;font-weight:400;white-space:nowrap}.btn-mode:hover{background:#8ec9ff33}.mode-row.small .btn-mode{font-size:.85rem;padding:8px 4px}.btn-mode.selected{border-color:#ff9ecf;background:#ff9ecf38}.menu-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(5px,1.8vw,10px);width:100%}.btn-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:9px 4px 7px;font-size:clamp(1.15rem,5.5vw,1.5rem);line-height:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.08)}.btn-side:hover{background:#ff9ecf2e}.btn-side small{display:flex;align-items:center;text-align:center;min-height:2.1em;font-size:clamp(.58rem,2.4vw,.72rem);font-weight:500;line-height:1.05;hyphens:auto}.btn-ghost{background:#ffffff1f;padding:10px 18px;font-size:1rem}.btn-small-link{font-size:.95rem;padding:8px 14px}.currency-bar{display:flex;gap:8px;align-self:flex-start;flex-wrap:wrap}.pill{background:#00000059;border-radius:20px;padding:6px clamp(9px,3vw,14px);font-weight:600;font-size:clamp(.8rem,3.2vw,.95rem);white-space:nowrap}.panel-screen{justify-content:flex-start}.panel-head{display:flex;align-items:center;gap:clamp(8px,2.5vw,12px);width:min(96vw,560px);padding:8px 0 14px}.panel-head h2{flex:1;font-size:clamp(1rem,4.4vw,1.3rem);line-height:1.2;min-width:0}.btn-back{background:#ffffff1f;padding:8px 14px;font-size:1.1rem}#screen-shop{overflow:hidden}#screen-shop>*{flex:none}#screen-shop .shop-grid{flex:1 1 auto;min-height:0;overflow-y:auto;align-content:start}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;width:min(94vw,560px);padding-bottom:20px}.skin-card{background:#ffffff14;border:2px solid transparent;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .1s}.skin-card:hover{transform:translateY(-2px)}.skin-card.selected{border-color:#ff9ecf;background:#ff9ecf26}.skin-card.locked{opacity:.65}.skin-bubble{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:inset -6px -8px 14px #00000026,inset 6px 8px 14px #ffffff80}.skin-name{font-weight:600;font-size:.9rem;text-align:center}.skin-price{font-size:.82rem;opacity:.85;text-align:center}.skin-unlock{font-size:.72rem;color:#ffd94a}.skin-bubble-wrap{width:84px;height:84px;display:flex;align-items:center;justify-content:center}.skin-bubble-wrap canvas{display:block}.skin-bubble-wrap.skin-emoji{font-size:2.6rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.shop-hero{display:flex;align-items:center;gap:16px;width:min(94vw,560px);padding:10px 14px;margin-bottom:10px;background:#ffffff12;border-radius:20px}.shop-hero-bubble{flex:none}.shop-hero-info{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.shop-hero-name{font-weight:600;font-size:1rem;line-height:1.35}.pill.small{font-size:.8rem;padding:4px 12px}#shop-collection.dev{background:#7ef0c638;color:#7ef0c6}.shop-tabs{display:flex;gap:8px;width:min(94vw,560px);margin-bottom:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{flex:none;background:#ffffff17;border:2px solid transparent;border-radius:999px;color:inherit;font:inherit;font-size:.85rem;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.shop-tab:hover{background:#ffffff29}.shop-tab.active{border-color:#ff9ecf;background:#ff9ecf33}@media(max-height:620px){.shop-hero{padding:6px 12px;gap:12px;margin-bottom:6px}.shop-hero-bubble canvas{width:84px!important;height:84px!important}.shop-hero-name{font-size:.85rem}.shop-tabs{margin-bottom:8px}.panel-head{padding:4px 0 8px}}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(94vw,560px);margin-bottom:12px}.history-summary div{background:#ffffff14;border-radius:14px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}.history-summary b{font-size:1.35rem;color:#ffd94a}.history-summary small{font-size:.68rem;opacity:.8;text-align:center}.history-list{list-style:none;width:min(94vw,560px);display:flex;flex-direction:column;gap:8px;padding-bottom:24px}.hist-row{display:flex;align-items:center;gap:10px;background:#ffffff12;border:2px solid transparent;border-radius:14px;padding:9px 12px}.hist-row.hist-win{border-color:#ffd94a8c;background:#ffd94a1f}.hist-num{opacity:.4;font-size:.8rem;width:16px;text-align:right}.hist-place{font-size:1.2rem;font-weight:700;min-width:34px;text-align:center}.hist-main{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.hist-main b{font-size:.92rem}.hist-main small{font-size:.72rem;opacity:.72}.hist-coins{font-weight:600;color:#ffd94a;font-size:.88rem;white-space:nowrap}.hist-empty{opacity:.7;text-align:center;padding:30px 10px}.friends-body{width:min(94vw,560px);display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.my-code{background:#8ec9ff24;border:2px solid rgba(142,201,255,.45);border-radius:16px;padding:12px 14px;text-align:center}.my-code-label{font-size:.82rem;opacity:.8;margin-bottom:4px}.my-code-row{display:flex;align-items:center;justify-content:center;gap:12px}.my-code-row b{font-size:1.7rem;letter-spacing:4px;color:#8ec9ff}.add-friend{display:flex;gap:8px}.add-friend input{flex:1;text-transform:uppercase;letter-spacing:2px}.add-friend .btn{padding:12px 16px;white-space:nowrap}.friends-title{font-weight:600;font-size:.95rem;opacity:.85;margin-bottom:6px}.friend-requests,.friends-list{display:flex;flex-direction:column;gap:6px}.friend-row{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:14px;padding:9px 12px}.friend-row.request{background:#ffd94a24}.friend-row .dot{width:9px;height:9px;border-radius:50%;background:#ffffff40;flex:0 0 auto}.friend-row.online .dot{background:#7ef0c6;box-shadow:0 0 8px #7ef0c6}.friend-main{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.friend-main small{font-size:.72rem;opacity:.7}.friend-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;gap:6px}.friend-actions .btn{padding:7px 10px;font-size:.9rem;background:#ffffff1f}.friend-actions .btn-ok{background:#7ef0c64d}.friend-actions .btn-no{background:#ff7e7e40}.friend-actions .btn-join{background:linear-gradient(180deg,#8ec9ff,#4a7ee8);font-size:.82rem}.friends-empty{opacity:.7;text-align:center;padding:16px 10px;font-size:.92rem}.btn-side{position:relative}.badge{position:absolute;top:4px;right:8px;min-width:20px;height:20px;border-radius:10px;background:#ff5c8a;color:#fff;font-size:.72rem;font-weight:700;line-height:20px;text-align:center;padding:0 5px;box-shadow:0 2px 6px #00000059}.help-body{width:min(94vw,480px);display:flex;flex-direction:column;gap:12px;font-size:1rem;line-height:1.45;padding-bottom:24px}.help-skills{display:flex;gap:10px;text-align:center}.help-skills div{flex:1;background:#ffffff14;border-radius:14px;padding:10px;font-size:1.1rem;line-height:1.7}kbd{background:#ffffff2e;border-radius:6px;padding:1px 7px;font-family:inherit;font-size:.8em}.private-body{width:min(92vw,420px);display:flex;flex-direction:column;gap:12px;text-align:center;margin-top:8px}.private-sep{opacity:.6}#hud{position:absolute;inset:0;pointer-events:none;touch-action:none}#hud button{pointer-events:auto}.hud-top-left{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px}@media(max-height:460px){.hud-top-left{flex-direction:row;gap:5px}.hud-stat{font-size:.78rem;padding:4px 9px}body.touch #joystick{width:112px;height:112px}body.touch #joystick-knob{width:50px;height:50px}body.touch #skillbar .skill-btn{width:60px;height:60px;font-size:1.5rem}body.touch #toasts{bottom:150px}}.hud-stat{background:#140a288c;border-radius:12px;padding:5px 12px;font-weight:600;font-size:.95rem;width:fit-content}#announce{position:absolute;top:18%;left:50%;transform:translate(-50%) scale(.8);font-size:clamp(1.2rem,4.5vw,2rem);font-weight:700;text-shadow:0 3px 0 rgba(120,40,90,.6);opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap}#announce.show{opacity:1;transform:translate(-50%) scale(1)}#countdown-overlay{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:clamp(4rem,18vw,8rem);font-weight:700;color:#ffd94a;text-shadow:0 6px 0 rgba(120,40,90,.6);animation:cd-pop 1s infinite}@keyframes cd-pop{0%{transform:translate(-50%) scale(1.35);opacity:.3}25%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(.92);opacity:.9}}#lobby-banner{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#140a2899;border-radius:14px;padding:8px 18px;font-weight:600;white-space:nowrap}#killfeed{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:.85rem}#killfeed div{background:#140a288c;border-radius:10px;padding:4px 10px;animation:kf-in .25s}@keyframes kf-in{0%{transform:translate(30px);opacity:0}}#skillbar{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));right:16px;display:flex;gap:10px}.skill-btn{position:relative;touch-action:none;width:64px;height:64px;border:3px solid rgba(255,255,255,.55);border-radius:50%;background:#140a288c;font-size:1.7rem;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .2s}.skill-btn.ready{border-color:#7ef0c6;box-shadow:0 0 12px #7ef0c680}.skill-btn .skill-ico{position:relative;z-index:2}.skill-btn .cd-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:#ff6ea08c;z-index:1;transition:height .1s linear}.skill-btn .cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.7);z-index:3}.skill-btn kbd{position:absolute;bottom:2px;right:6px;font-size:.55rem;z-index:3;background:#0006}#btn-quit{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));background:#140a288c;padding:8px 12px;font-size:1rem}#hud #killfeed{top:calc(max(10px,env(safe-area-inset-top)) + 44px)}#joystick{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#ffffff24,#ffffff0a);border:2px solid rgba(255,255,255,.26);pointer-events:auto;opacity:.45;transition:opacity .15s}#joystick.floating{bottom:auto;right:auto;opacity:1}#joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffeb,#ff9ecfd9);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #00000059;transform:translate(-50%,-50%)}.touch-only{display:none}body.touch .touch-only{display:block}body.touch #skillbar .skill-btn{width:74px;height:74px;font-size:1.9rem}body.touch #skillbar{flex-direction:column;right:max(12px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));gap:14px}body.touch #toasts{bottom:190px}body.touch .toast{max-width:86vw;white-space:normal;text-align:center}body.touch .skill-btn kbd{display:none}#ui #screen-result{background:linear-gradient(180deg,#140c2826,#140c288c);pointer-events:none;overflow-x:hidden;overflow-y:auto}#screen-result .death-card,#screen-result .result-restore{pointer-events:auto}#ui #screen-result.watching{background:none}#screen-result.watching .death-card,.result-restore{display:none}#screen-result.watching .result-restore{display:block;margin:auto auto max(16px,env(safe-area-inset-bottom))}.death-card{margin:auto;background:#1e123ad1;backdrop-filter:blur(10px);box-shadow:0 18px 50px #0a05198c;border:2px solid rgba(255,158,207,.4);border-radius:24px;padding:clamp(16px,4.5vw,26px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2.2vh,12px);width:min(92vw,400px);text-align:center}.death-title{font-size:clamp(1.4rem,6.5vw,2rem)}.death-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:.95rem;opacity:.9}.death-coins{font-size:1.3rem;font-weight:700;color:#ffd94a}.death-row{display:flex;gap:10px;align-items:center}#toasts{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#1e123aeb;border:1px solid rgba(255,158,207,.5);border-radius:14px;padding:9px 18px;font-weight:600;font-size:.95rem;white-space:nowrap;animation:toast-in .25s,toast-out .4s 2.3s forwards}@keyframes toast-in{0%{transform:translateY(16px);opacity:0}}@keyframes toast-out{to{transform:translateY(-10px);opacity:0}}.result-medal{color:#ffd23f;margin-left:10px}.result-podium{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,210,63,.28)}.podium-line{display:flex;align-items:center;gap:10px;font-size:.98rem}.podium-line.me{color:#ffd94a;font-weight:700}.podium-medal{font-size:1.15rem}.podium-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clouds-intro{width:min(96vw,780px);margin:0 auto 14px;text-align:center;opacity:.82;font-size:clamp(.82rem,3.4vw,.95rem);line-height:1.45}#screen-clouds{overflow:hidden}#screen-clouds>*{flex:none}#screen-clouds .clouds-grid{flex:1 1 auto;min-height:0;overflow-y:auto}.clouds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(10px,2.5vw,14px);width:min(96vw,780px);margin:0 auto;padding-bottom:24px;align-content:start}.cloud-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(12px,3.5vw,16px) clamp(10px,3.5vw,14px) clamp(14px,3.5vw,18px);text-align:center;border-radius:22px;background:radial-gradient(120% 80% at 50% 0%,#ffffff21,#ffffff0a);border:2px solid rgba(255,158,207,.22);transition:transform .12s,box-shadow .15s,border-color .15s}.cloud-card.ready{border-color:#ffd23f8c;box-shadow:0 0 26px #ffd23f29}.cloud-card.ready:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffd23f3d}.cloud-card .btn{margin-top:6px;width:100%;padding:11px}.cloud-card .btn:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed}.cloud-emoji{font-size:clamp(2.4rem,9vw,3rem);line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.cloud-card.ready .cloud-emoji{animation:cloudFloat 3.4s ease-in-out infinite}.cloud-name{font-weight:700;font-size:clamp(.95rem,3.8vw,1.05rem)}.cloud-odds{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;font-size:.72rem;font-weight:600}.cloud-odds span{padding:2px 7px;border-radius:999px;background:#0000004d;white-space:nowrap}.cloud-hint{font-size:clamp(.78rem,3.2vw,.85rem);opacity:.7;line-height:1.35}.cloud-cost{font-size:clamp(.95rem,3.8vw,1.05rem);font-weight:700;color:#ffd23f}.cloud-cost small{font-weight:500;opacity:.65;color:#fff;font-size:.75rem}.cloud-reveal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;touch-action:manipulation;pointer-events:auto;background:#0a0519b8;backdrop-filter:blur(8px)}.cloud-reveal-card{--rarity: #ffd23f;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(92vw,360px);padding:clamp(18px,5vw,26px) clamp(16px,5vw,30px);border-radius:26px;background:#1e123af2;border:2px solid color-mix(in srgb,var(--rarity) 70%,transparent);box-shadow:0 20px 60px #0a051999,0 0 44px -10px var(--rarity);animation:cloudPop .45s cubic-bezier(.22,1.4,.4,1)}@keyframes cloudPop{0%{transform:scale(.6) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cloud-puff{font-size:2.2rem;animation:cloudFloat 3s ease-in-out infinite}@keyframes cloudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cloud-roulette{display:none}.cloud-reveal.spinning .cloud-roulette{display:block}.cloud-reveal.spinning .cloud-reveal-art,.cloud-reveal.spinning .cloud-rarity,.cloud-reveal.spinning .cloud-reveal-name,.cloud-reveal.spinning #btn-cloud-ok{display:none}.cloud-roulette{position:relative;width:100%;height:92px;overflow:hidden;border-radius:18px;background:#00000052;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 6px 14px #00000059}.cloud-roulette:before,.cloud-roulette:after{content:"";position:absolute;top:0;bottom:0;width:38px;z-index:2;pointer-events:none}.cloud-roulette:before{left:0;background:linear-gradient(90deg,#140c26,#140c2600)}.cloud-roulette:after{right:0;background:linear-gradient(270deg,#140c26,#140c2600)}.cloud-roulette-track{position:absolute;top:8px;left:0;display:flex;gap:8px;will-change:transform}.roul-cell{flex:none;display:flex;align-items:center;justify-content:center;border-radius:14px;border:2px solid color-mix(in srgb,var(--rarity) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 26%,transparent),#ffffff0d)}.roul-cell canvas{display:block;width:62px!important;height:62px!important}.roul-cell.roul-emoji{font-size:2.1rem}.cloud-roulette-needle{position:absolute;left:50%;top:0;bottom:0;z-index:3;width:0;transform:translate(-50%);border-left:2px solid rgba(255,255,255,.75);filter:drop-shadow(0 0 6px rgba(255,210,63,.8))}.cloud-roulette-needle:before,.cloud-roulette-needle:after{content:"";position:absolute;left:-7px;border-left:7px solid transparent;border-right:7px solid transparent}.cloud-roulette-needle:before{top:0;border-top:9px solid #ffd23f}.cloud-roulette-needle:after{bottom:0;border-bottom:9px solid #ffd23f}.cloud-reveal-art{position:relative;min-height:110px;display:flex;align-items:center;justify-content:center}.cloud-reveal-art:before{content:"";position:absolute;inset:-22px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 50%,transparent),#0000 70%);animation:lootGlow 2.6s ease-in-out infinite}@keyframes lootGlow{0%,to{transform:scale(.94);opacity:.75}50%{transform:scale(1.08);opacity:1}}.cloud-reveal-art.landed{animation:lootLand .5s cubic-bezier(.2,1.5,.4,1)}@keyframes lootLand{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.cloud-big-emoji{font-size:4.5rem}.cloud-rarity{font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.85rem}.cloud-reveal-name{font-size:clamp(1.1rem,4.5vw,1.35rem);font-weight:700;text-align:center}.cloud-reveal-card #btn-cloud-ok{width:100%;padding:12px;font-size:1.05rem}.skin-card.has-rarity{position:relative;border-color:color-mix(in srgb,var(--rarity) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 14%,transparent),#ffffff0f)}.skin-card.has-rarity.selected{border-color:var(--rarity);box-shadow:0 0 0 1px var(--rarity),0 6px 18px color-mix(in srgb,var(--rarity) 30%,transparent)}.skin-rarity{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:999px;font-size:.62rem;font-weight:600;letter-spacing:.02em;color:#16102a;background:var(--rarity)}.perf{position:absolute;left:8px;bottom:8px;z-index:40;padding:5px 10px;border-radius:12px;background:#0a0519b8;color:#7ef0c6;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.4px;pointer-events:none;white-space:pre}@media(max-width:400px){.menu-center{gap:9px;border-radius:22px}.btn-big{padding:12px;font-size:1.12rem}.btn-ghost{padding:9px 14px;font-size:.92rem}.mode-row{gap:6px}.btn-mode{padding:9px 2px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.skin-bubble-wrap{width:72px;height:72px}.skin-bubble-wrap canvas{width:72px!important;height:72px!important}.history-summary{grid-template-columns:repeat(2,1fr)}.death-stats{grid-template-columns:1fr;gap:4px}}@media(max-height:700px){.currency-bar{gap:6px}.menu-center{gap:8px;padding-top:12px;padding-bottom:12px}.logo{font-size:clamp(1.8rem,7vw,2.6rem)}.tagline{margin-bottom:0}.menu-foot{display:none}.btn-big{padding:11px}.btn-side{padding:7px 4px 5px}.cloud-reveal-card{gap:7px}.cloud-reveal-art{min-height:84px}.cloud-reveal-art canvas{width:88px!important;height:88px!important}}@media(max-height:480px)and (orientation:landscape){.menu-center{width:min(96vw,620px)}.logo{font-size:1.7rem}.clouds-intro{display:none}}@media(min-width:900px){.panel-head,.shop-hero,.shop-tabs,.shop-grid,.history-summary,.history-list,.friends-body{width:min(94vw,680px)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media(prefers-reduced-motion:reduce){.cloud-puff,.cloud-card.ready .cloud-emoji,.cloud-reveal-art:before{animation:none}.btn{transition:none}}@media(max-height:560px){.death-card{padding:12px 16px;gap:6px;border-radius:18px}.death-title{font-size:1.35rem}#result-sub{font-size:.85rem}.result-podium{flex-direction:row;justify-content:center;gap:12px;padding:6px 10px}.podium-line{font-size:.85rem;gap:5px}.podium-name{max-width:9ch}.death-stats{grid-template-columns:repeat(4,auto);gap:2px 12px;font-size:.8rem}.death-coins{font-size:1.05rem}.death-card .btn-big{padding:10px;font-size:1.05rem}.death-card .btn-ghost{padding:8px 14px;font-size:.9rem}}body.joy-right #joystick{left:auto;right:max(20px,env(safe-area-inset-right))}body.touch.joy-right #skillbar{right:auto;left:max(12px,env(safe-area-inset-left))}.settings-body{width:min(94vw,560px);display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-bottom:12px}.set-row{display:flex;flex-direction:column;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px}.set-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-weight:600;font-size:clamp(.9rem,3.6vw,1rem)}.set-val{font-variant-numeric:tabular-nums;color:#ff9ecf;font-size:.9rem}.set-hint{font-size:.78rem;opacity:.65;line-height:1.25}.set-slider{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:none;cursor:pointer}.set-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#ffffff2e}.set-slider::-moz-range-track{height:8px;border-radius:999px;background:#ffffff2e}.set-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff9ecf);border:2px solid rgba(255,255,255,.7);box-shadow:0 3px 8px #0006}.set-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff9ecf);border:2px solid rgba(255,255,255,.7);box-shadow:0 3px 8px #0006}.seg{display:flex;gap:6px;background:#00000047;border-radius:999px;padding:4px}.seg-btn{flex:1 1 0;min-width:0;border:none;border-radius:999px;padding:9px 6px;font-family:inherit;font-weight:600;font-size:clamp(.78rem,3.2vw,.92rem);color:#fff;background:none;cursor:pointer;transition:background .15s,color .15s}.seg-btn:hover{background:#ffffff1a}.seg-btn.on{background:linear-gradient(180deg,#ff9ecf,#e8639f);box-shadow:0 2px #00000040}.btn-race{background:linear-gradient(180deg,#ffd76a,#ff9a3d);color:#3a1d05;text-shadow:none;font-size:1.1rem}.help-sep{margin:18px 0 6px;font-size:1.15rem}.help-course{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.help-course div{background:#ffffff14;border-radius:14px;padding:9px 11px;line-height:1.4}.help-course small{opacity:.75}#race-hud{position:absolute;inset:0;pointer-events:none}.race-board{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 4px);right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:3px;width:168px;font-size:.8rem}.rb-row{display:flex;align-items:center;gap:6px;background:#140a288c;border-radius:9px;padding:3px 8px;transition:background .2s}.rb-row.me{background:#ff9ecfd9;color:#2a0f26;font-weight:700}.rb-row.done{outline:1.5px solid rgba(255,224,102,.9)}.rb-place{flex:none;width:15px;text-align:center;font-weight:700;opacity:.8}.rb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-pct{opacity:.75;font-variant-numeric:tabular-nums}.rb-time{color:#ffe066;font-variant-numeric:tabular-nums}.rb-row.me .rb-time{color:#7a3d00}.race-bar{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(320px,40vw);height:12px;background:#140a288c;border-radius:999px}#race-bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#8ceaff,#ffd76a);transition:width .15s linear}.race-bar.done #race-bar-fill{background:linear-gradient(90deg,#ffe066,#ff9ecf)}.race-bar-me{position:absolute;top:-7px;left:0;transform:translate(-50%);font-size:1rem;transition:left .15s linear;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.race-bar-start,.race-bar-end{position:absolute;top:-6px;font-size:.8rem;opacity:.8}.race-bar-start{left:-16px}.race-bar-end{right:-16px}#hud.racing #killfeed{right:auto;left:max(12px,env(safe-area-inset-left));top:calc(max(10px,env(safe-area-inset-top)) + 108px);align-items:flex-start}#hud.racing #killfeed div{animation:kf-in-left .25s}@keyframes kf-in-left{0%{transform:translate(-30px);opacity:0}}@media(max-width:620px),(max-height:520px){.race-board{width:124px;font-size:.7rem;gap:2px}.rb-row{padding:2px 6px}.rb-row:nth-child(n+6){display:none}.rb-row.me{display:flex}.race-bar{width:min(200px,34vw);height:9px}}