@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-500-normal-CmLZ27r7.woff2) format("woff2"),url(./baloo-2-latin-500-normal-BSdEhq8m.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-vietnamese-500-normal-Cj5RGu3k.woff2) format("woff2"),url(./baloo-2-vietnamese-500-normal-ClyrcyJC.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(./baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff")}:root{--bg1: #fff5f8;--bg2: #ffdde8;--ink: #4a3f55;--muted: #9a8fa6;--panel: #ffffffd9;--primary: #ff8fab;--primary-dark: #f06a8f;--accent: #cdb4db;--good: #7bd389;--back1: #ffafcc;--back2: #f38bb5;--heart: #ff6b8b;--line: #f6dbe6;--btn-shadow: #efd3de;--soft: #fbecf2;--tint: #fdf4f8;--radius: 18px;--shadow: 0 6px 18px #e39ab533;font-family:"Baloo 2",system-ui,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent}:root[data-theme=blue]{--bg1: #f2f8ff;--bg2: #d6eaff;--ink: #2f3e56;--muted: #8193ab;--primary: #5aa9f7;--primary-dark: #2f86dc;--accent: #8fd3c9;--back1: #8ecae6;--back2: #4f9de8;--heart: #3d8fe0;--line: #d3e5f7;--btn-shadow: #cadcee;--soft: #e7f1fb;--tint: #f2f8fe;--shadow: 0 6px 18px #7fa9d633}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:linear-gradient(160deg,var(--bg1),var(--bg2));overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .3s;overflow:hidden}#app{height:100dvh;display:flex;justify-content:center}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.hidden{display:none!important}.muted{color:var(--muted);margin:0;text-align:center}.muted.small{font-size:.9rem;margin:-4px 0}.ico{display:inline-flex;width:1.25em;height:1.25em;flex-shrink:0}.ico svg{width:100%;height:100%}.emo{display:inline-block;flex-shrink:0;pointer-events:none}.inline-emo{width:1.25em;height:1.25em;vertical-align:-.25em;margin-right:4px}.screen{width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.enter{animation:fadein .25s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}}.topbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;min-height:44px}.topbar .title{text-align:center;font-weight:700;font-size:1.2rem;line-height:1.1;display:flex;flex-direction:column}.topbar .title small{font-size:.8rem;font-weight:500;color:var(--muted)}.icon-btn{width:44px;height:44px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);box-shadow:var(--shadow);color:var(--primary-dark);transition:transform .1s}.icon-btn:active{transform:scale(.92)}.icon-btn.off{color:var(--muted)}.icon-btn.small{width:36px;height:36px;box-shadow:none;background:var(--soft)}.clock{min-width:44px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.toggles{display:flex;gap:8px}.total-stars{display:inline-flex;align-items:center;gap:2px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--panel);border-radius:999px;padding:2px 12px;box-shadow:var(--shadow);justify-self:end;white-space:nowrap}.btn{height:52px;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;box-shadow:0 4px 0 var(--btn-shadow);transition:transform .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-shadow)}.btn:disabled{opacity:.6}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark)}.btn.ghost{background:transparent;box-shadow:none;color:var(--muted);height:44px;font-size:1rem}.btn.big{height:76px;font-size:1.6rem;border-radius:20px}.btn.big .ico{width:1.1em;height:1.1em}.btn.big span{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.btn.big small{font-size:.85rem;font-weight:500;opacity:.9;margin-top:4px}.btn.tile{height:92px;flex-direction:column;gap:2px;font-size:1.05rem}.tile-emo{width:40px;height:40px}.btn-emo{width:26px;height:26px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip-btn{border:none;background:#fff;border-radius:999px;padding:2px 12px;font-weight:700;font-size:.9rem;margin-left:8px;box-shadow:0 2px 0 var(--btn-shadow);color:var(--primary-dark)}.home .topbar{display:flex;justify-content:space-between}.logo{position:relative;text-align:center;padding:8px 0 4px;display:flex;flex-direction:column;align-items:center;gap:6px}.logo h1{margin:0;font-size:clamp(2.6rem,13vw,3.6rem);line-height:.9;font-weight:700;color:var(--primary-dark);text-shadow:3px 3px 0 #fff}.logo p{margin:0;color:var(--muted)}.logo .total-stars{justify-self:center}.deco{position:absolute;width:44px;animation:bob 3s ease-in-out infinite}.deco.d0{left:4%;top:6px}.deco.d1{right:6%;top:0;animation-delay:.6s}.deco.d2{left:16%;bottom:-4px;animation-delay:1.2s;width:36px}.deco.d3{right:16%;bottom:-2px;animation-delay:1.8s;width:38px}.deco.d4,.deco.d5{display:none}.deco.d4{left:0;top:46%;animation-delay:2.4s;width:30px}.deco.d5{right:0;top:40%;animation-delay:.3s;width:32px}@keyframes bob{50%{transform:translateY(-8px) rotate(-6deg)}}.panel{background:var(--panel);border-radius:24px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.slide-in{animation:slidein .22s ease}@keyframes slidein{0%{opacity:0;transform:translate(14px)}}.home .logo{flex:1;justify-content:center}.home .panel{margin-bottom:4vh}.panel-head{display:grid;grid-template-columns:36px 40px 1fr;align-items:center;gap:10px}.panel-head h2{margin:0;font-size:1.3rem;line-height:1.1}.panel-head small{color:var(--muted)}.head-emo{width:40px;height:40px}.home,.lobby{overflow-y:auto;-webkit-overflow-scrolling:touch}.home>*,.lobby>*,.home .panel>*,.lobby .panel>*{flex-shrink:0}@media(max-height:700px){.logo{padding:0}.logo h1{font-size:2.4rem}.logo p{font-size:.9rem}.deco{width:32px}.deco.d2,.deco.d3,.deco.d4,.deco.d5{display:none}.home .panel{gap:10px;padding:14px}.btn{height:46px}.btn.big{height:64px}.btn.tile{height:76px}.input{height:46px}}@media(orientation:landscape)and (min-width:640px){.screen.home{max-width:980px;display:grid;grid-template-columns:1fr minmax(340px,440px);grid-template-rows:auto 1fr;column-gap:48px;align-items:center}.home .topbar{grid-column:1 / -1}.home .logo{padding:40px 0}.home .logo h1{font-size:clamp(2.6rem,8vw,5rem)}.home .deco{width:56px}.home .deco.d2,.home .deco.d3,.home .deco.d4,.home .deco.d5{display:block}.home .logo{flex:none}.home .deco.d2{left:12%;bottom:0}.home .deco.d3{right:12%;bottom:4px}.home .panel{margin:0}}.input{width:100%;height:50px;border-radius:14px;border:2px solid var(--line);padding:0 14px;font:inherit;font-size:1.1rem;background:#fff;color:var(--ink);-webkit-user-select:text;user-select:text}.input:focus{outline:none;border-color:var(--primary)}.input.code{text-align:center;letter-spacing:.3em;font-weight:700;text-transform:uppercase}.segs{display:flex;gap:6px;background:var(--soft);border-radius:14px;padding:4px}.seg{flex:1;border:none;background:transparent;border-radius:10px;padding:6px 0;font-weight:700;display:flex;flex-direction:column;align-items:center;line-height:1.1}.seg small{font-weight:500;font-size:.75rem;color:var(--muted)}.seg.on{background:#fff;box-shadow:0 2px 6px #0000000f;color:var(--primary-dark)}.segs.small .seg{padding:4px 0;font-size:.9rem}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;font-weight:700}.switch{min-width:72px;height:36px;border:none;border-radius:999px;background:var(--soft);color:var(--muted);font-weight:700}.switch.on{background:var(--good);color:#fff}.themes{display:flex;gap:6px}.theme-btn{height:38px;padding:0 12px;border-radius:999px;border:2px solid transparent;background:var(--tint);font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px}.theme-btn i{width:16px;height:16px;border-radius:50%}.theme-btn.on{border-color:var(--primary);color:var(--primary-dark)}.screen.map{max-width:760px}.map .topbar{grid-template-columns:44px 1fr auto}.worlds{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:4px 2px 20px}.world{border-radius:24px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden;flex-shrink:0}.world header{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#fff;background:linear-gradient(135deg,var(--w1),var(--w2))}.world h2{margin:0;font-size:1.25rem;flex:1;text-shadow:0 2px 0 #0002}.world-emo{width:40px;height:40px;filter:drop-shadow(0 2px 0 #0002)}.world-stars{font-weight:700;background:#fff3;border-radius:999px;padding:0 10px}.lvl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px}.lvl{aspect-ratio:1;border:none;border-radius:18px;background:#fff;box-shadow:0 4px 0 var(--btn-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink)}.lvl b{font-size:1.4rem;line-height:1}.lvl .ico{width:1.4rem;height:1.4rem;color:var(--muted)}.lvl-stars{display:flex;gap:1px}.lvl-stars img{width:14px;height:14px}.lvl-stars img.dim,.meter-star.dim,.big-star.dim{filter:grayscale(1);opacity:.3}.lvl.locked{background:var(--soft);box-shadow:none}.lvl.locked .lvl-stars{visibility:hidden}.lvl.current{background:linear-gradient(145deg,var(--w1),var(--w2));color:#fff;animation:pulse 1.4s ease-in-out infinite}.lvl:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-shadow)}@media(orientation:landscape)and (min-width:640px){.lvl-grid{grid-template-columns:repeat(10,1fr)}}.side{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.hud{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;min-height:42px;background:var(--panel);box-shadow:var(--shadow);position:relative}.hud small{color:var(--muted);font-size:.8rem}.hud-val{font-size:1.35rem;font-variant-numeric:tabular-nums;line-height:1}.hud-emo{width:24px;height:24px}.score-box{flex-direction:column;gap:0;justify-content:center;padding:2px 14px}.score-box small{line-height:1}.time-box{overflow:hidden}.time-box.low{color:#e63946;animation:pulse .8s ease-in-out infinite}.timebar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0000000d}.timebar i{display:block;height:100%;background:var(--good);transform-origin:left;transition:transform .2s linear}.time-box.low .timebar i{background:#ff6b6b}.star-box{flex-direction:column;gap:0;padding:4px 12px}.meter{display:flex;gap:2px}.meter-star{width:26px;height:26px;transition:filter .3s,opacity .3s}.goal{font-size:.72rem!important;white-space:nowrap}.hint-btn{height:44px;padding:0 12px;font-size:1rem;position:relative}@media(orientation:portrait),(max-width:699px){.hint-btn>span:not(.badge){display:none}.hint-btn{padding:0 10px;gap:4px}.hud{padding:4px 10px}}.badge{min-width:22px;height:22px;border-radius:11px;background:var(--primary);color:#fff;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;position:relative}.turn-splash{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;align-items:center;justify-content:center}.splash-card{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:90%;padding:14px 28px;border-radius:22px;background:var(--panel);box-shadow:0 10px 30px #0002;text-align:center;animation:splashin .45s cubic-bezier(.2,1.6,.4,1)}.splash-card b{font-size:clamp(1.6rem,6vw,2.6rem);line-height:1.1;color:var(--primary-dark)}.splash-card small{font-size:1rem;font-weight:600;color:var(--muted)}.turn-splash.mine .splash-card{background:var(--primary)}.turn-splash.mine .splash-card b,.turn-splash.mine .splash-card small,.turn-splash.mine .handoff{color:#fff}.turn-splash.good .splash-card b{color:#2e9e4f}.handoff{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.handoff .inline-emo{margin:0}.turn-splash.out .splash-card{animation:splashout .35s ease forwards}@keyframes splashin{0%{transform:scale(.4);opacity:0}}@keyframes splashout{to{transform:scale(1.12);opacity:0}}.players{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}.chip{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--panel);box-shadow:var(--shadow);font-size:.95rem;transition:transform .2s,background .2s}.chip .name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip b{font-variant-numeric:tabular-nums}.chip.me{outline:2px solid var(--accent)}.chip.turn{background:#fff0b3;transform:scale(1.08);box-shadow:0 0 0 3px var(--primary),var(--shadow)}.chip .turn-arrow{width:1.1em;height:1.1em;animation:nudge .8s ease-in-out infinite}@keyframes nudge{50%{transform:translate(3px)}}.chip.off{opacity:.45}.chip .inline-emo{margin:0}.turnbar{height:6px;border-radius:3px;background:#fff9;overflow:hidden;width:100%}.turnbar i{display:block;height:100%;background:var(--good);transform-origin:left;transition:background .3s}.turnbar.low i{background:#ff6b6b}.status{display:flex;justify-content:center;align-items:center;min-height:30px;padding:0 4px;text-align:center}.banner{font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center}.banner.mine{color:var(--primary-dark);animation:pulse 1s ease-in-out infinite}.previewing .banner{color:var(--primary-dark);font-size:1.15rem}.combo{font-weight:700;color:#ff7b00;min-height:1.5em;display:flex;align-items:center;justify-content:center}@keyframes pulse{50%{transform:scale(1.06)}}.board{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.board.disabled .card:not(.up) .face.back{opacity:.75}.previewing .board.disabled .card .face.back{opacity:1}.grid{display:grid;gap:8px;perspective:900px}.card{position:relative;width:var(--card-w);height:var(--card-h);padding:0;border:none;background:none;animation:deal .35s backwards cubic-bezier(.2,.9,.3,1.2)}@keyframes deal{0%{transform:translateY(40px) scale(.6);opacity:0}}.card .inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.3,1.3,.5,1);will-change:transform}.card.up .inner{transform:rotateY(180deg)}.card.pending .inner{transform:rotateY(25deg) scale(.96)}@media(hover:hover){.board:not(.disabled) .card:not(.up):not(.ice):hover .inner{transform:translateY(-3px)}}.face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #0000001a}.face.back{background:radial-gradient(circle at 50% 50%,#ffffff55 0 18%,transparent 19%),repeating-linear-gradient(45deg,#ffffff22 0 6px,transparent 6px 12px),linear-gradient(145deg,var(--back1),var(--back2));border:3px solid #fff}.face.front{background:#fff;transform:rotateY(180deg);border:3px solid var(--line)}.face.front img{width:72%;height:72%;object-fit:contain;pointer-events:none}.ice-layer{display:none}.card.ice .ice-layer{position:absolute;inset:-3px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,transparent 40%,#ffffff99 42%,transparent 46%),linear-gradient(60deg,transparent 62%,#ffffff77 63%,transparent 66%),linear-gradient(145deg,#e3f6ffee,#9fd6f2dd);border:3px solid #fff;box-shadow:inset 0 0 12px #fffa}.ice-layer img{width:42%;opacity:.9}.card.thaw:after{content:"";position:absolute;inset:-6px;border-radius:18px;pointer-events:none;background:radial-gradient(circle,#fff 0 30%,#bfe9ff00 70%);animation:thaw .5s ease-out forwards}@keyframes thaw{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.card.held .face.front{border-color:#ffd166;background:#fffbea;box-shadow:0 0 0 3px #ffd16699,0 0 16px #ffd166aa}.card.held .face.front:after{content:"";position:absolute;inset:-3px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 3px #ffd166,0 0 24px #ffd166;opacity:0;animation:glow 1.2s ease-in-out infinite}@keyframes glow{50%{opacity:1}}.card.gone{visibility:hidden;pointer-events:none}.fly-card{position:fixed;z-index:25;pointer-events:none;border-radius:14px;background:#fffbea;border:3px solid #ffd166;display:flex;align-items:center;justify-content:center}.fly-card img{width:72%;height:72%;object-fit:contain}.card.pop{animation:pop .45s ease}.card.shake{animation:shake .4s ease}@keyframes pop{40%{transform:scale(1.15)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.hand{position:fixed;z-index:15;width:56px;pointer-events:none;animation:tap 1.1s ease-in-out infinite}.hand img{width:100%;filter:drop-shadow(0 4px 4px #0003)}@keyframes tap{0%,to{transform:translate(-35%,6px) scale(1)}50%{transform:translate(-35%,-8px) scale(.9)}}.fx{position:fixed;inset:0;pointer-events:none;z-index:20}.confetti-layer{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:19}.float{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:1.6rem;color:#fff;text-shadow:0 2px 0 var(--primary-dark),0 0 8px var(--primary);animation:rise 1.2s ease-out forwards}.float.collect-text{font-size:1.3rem;color:#ffd166;text-shadow:0 2px 0 #c77d00}.float.combo-text{font-size:1.2rem;color:#ffd166;text-shadow:0 2px 0 #c77d00}@keyframes rise{to{transform:translate(-50%,-140%);opacity:0}}@media(orientation:landscape)and (min-width:700px){.screen.play{max-width:1320px;display:grid;grid-template-columns:230px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"top top" "side stage";column-gap:24px;row-gap:8px}.play .topbar{grid-area:top}.play .side{grid-area:side;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:12px}.play .stage{grid-area:stage}.play .hud{padding:10px 16px;border-radius:20px}.play .score-box{align-items:flex-start}.play .hud-val{font-size:1.8rem}.play .hud-emo{width:30px;height:30px}.play .star-box{align-items:center}.play .meter-star{width:36px;height:36px}.play .hint-btn{height:52px}.play.room .players{flex-direction:column;align-items:stretch}.play.room .chip{justify-content:space-between;padding:8px 14px;border-radius:16px}.play.room .chip .name{max-width:140px}}.overlay{position:fixed;inset:0;background:#4a3f5566;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:100%;max-width:380px;background:#fff;border-radius:26px;padding:22px;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;text-align:center;box-shadow:0 20px 40px #0003}.modal h2{margin:0}.modal .row .btn{font-size:1rem}.pop-in{animation:popin .35s cubic-bezier(.2,1.4,.4,1)}@keyframes popin{0%{transform:scale(.7);opacity:0}}.result-emo{width:72px;height:72px;align-self:center}.intro-text{margin:0;font-size:1.1rem}.reward{margin:0;font-weight:700;color:#ff7b00;display:flex;align-items:center;justify-content:center}.big-stars{display:flex;justify-content:center;align-items:flex-end;gap:6px}.big-star{width:64px;height:64px;animation:starpop .45s backwards cubic-bezier(.2,1.6,.4,1)}.big-star:nth-child(2){width:80px;height:80px;margin-bottom:10px}@keyframes starpop{0%{transform:scale(0) rotate(-40deg);opacity:0}}.big-score{font-size:3.2rem;font-weight:700;color:var(--primary-dark);line-height:1}.rank{margin:0;font-weight:700;color:#ff7b00}.rank:empty{display:none}.ranking{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:6px}.ranking li,.lb-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--tint)}.ranking li:first-child{background:#fff3c4}.ranking li.me{outline:2px solid var(--accent)}@media(max-height:520px){.modal{padding:14px;gap:6px}.result-emo{width:48px;height:48px}.big-star{width:44px;height:44px}.big-star:nth-child(2){width:54px;height:54px}.big-score{font-size:2.4rem}}.room-code{font:inherit;font-size:3rem;font-weight:700;letter-spacing:.25em;color:var(--primary-dark);line-height:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:none;border:2px dashed transparent;border-radius:14px;padding:6px;cursor:pointer;transition:border-color .2s,background .2s}.room-code:hover,.room-code:focus-visible{border-color:var(--accent);background:var(--tint)}.room-code .copy-ico{width:1.6rem;height:1.6rem;opacity:.6}.lobby-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.lobby-list li{padding:10px 14px;border-radius:12px;background:var(--tint);font-weight:700;display:flex;align-items:center;gap:6px}.lobby-list li.me{outline:2px solid var(--accent)}.lobby-list li.off{opacity:.5}.lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.leaderboard .panel{min-height:0;flex:1}.lb-list .pos{width:2em;text-align:center;font-weight:700}.lb-list .pos .inline-emo{margin:0;width:1.5em;height:1.5em}.lb-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list li.muted{justify-content:center;background:none}.toasts{position:fixed;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#4a3f55ee;color:#fff;padding:10px 18px;border-radius:999px;font-weight:500;max-width:90vw;text-align:center;animation:popin .25s ease;transition:opacity .3s,transform .3s}.toast.out{opacity:0;transform:translateY(10px)}.offline{position:fixed;top:0;left:0;right:0;z-index:40;text-align:center;padding:8px;padding-top:max(8px,env(safe-area-inset-top));background:#ffd166;font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}