@font-face{font-family:Poiret One;src:url(../fonts/PoiretOne-Regular.ttf)format("truetype");font-display:block}@font-face{font-family:Englebert;src:url(../fonts/Englebert-Regular.ttf)format("truetype");font-display:block}:root{--paper:#1d1b22;--card:#2a2730;--card-2:#26232b;--line:#3b3742;--text:#f1ece4;--soft:#a39ca8;--mute:#3a3640;--tint:#3b3324;--tint-line:#5c4c28;--glass:#ffffff14;--ink:var(--text);--accent:#6b4e8f;--radius:18px;--column:520px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=light]{--paper:#fffde8;--card:#fff;--card-2:#fffefa;--line:#ece7df;--text:#2b2530;--soft:#6d6470;--mute:#e8e4df;--tint:#fff6d6;--tint-line:#f3e3a8;--glass:#ffffffbf}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-family:Poiret One,system-ui,sans-serif;overflow:hidden}#stage,#ui{position:fixed;inset:0}#ui{pointer-events:none}.screen{pointer-events:auto;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));padding-inline:max(16px, calc((100vw - var(--column)) / 2 + 16px));flex-direction:column;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.btn{font:inherit;color:var(--ink);background:var(--card);cursor:pointer;border:0;border-radius:14px;padding:12px 22px;font-family:Englebert,Poiret One,sans-serif;font-size:22px;line-height:1.15;transition:transform 80ms;box-shadow:0 2px #00000014,0 6px 18px #00000014}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5}.btn.primary{background:var(--ink);color:var(--paper)}.btn.icon{width:44px;height:44px;box-shadow:none;background:0 0;border-radius:50%;padding:0}.btn.back:before{content:"";border-bottom:2.5px solid;border-left:2.5px solid;width:14px;height:14px;margin:0 auto;display:block;transform:translate(3px)rotate(45deg)}.btn.mini{border-radius:50%;width:36px;height:36px;padding:0;font-size:22px;line-height:1}.bar{align-items:center;gap:8px;min-height:48px;display:flex}.bar h2{margin:0;font-size:26px;font-weight:400}.menu{background:var(--paper);justify-content:space-between;align-items:center;overflow:hidden}.menu .splash{filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#e0302f38,#0000) 18% 58%/46% 34% no-repeat,radial-gradient(closest-side,#2f7fb538,#0000) 78% 66%/50% 36% no-repeat,radial-gradient(closest-side,#f2a07c40,#0000) 30% 80%/40% 30% no-repeat,radial-gradient(closest-side,#4fd1a52e,#0000) 86% 40%/36% 28% no-repeat,radial-gradient(closest-side,#6d5a8e33,#0000) 56%/44% 30% no-repeat;position:absolute;inset:-10%}.logo{letter-spacing:-.02em;background:#fff;border-radius:.45em;margin:8vh 0 0;padding:.05em .35em .15em;font-size:min(30vw,150px);font-weight:400;line-height:1;position:relative;box-shadow:0 6px 24px #00000014}.logo span{color:#0000;-webkit-background-clip:text;background-clip:text}.wallet{color:var(--soft);gap:18px;font-size:18px;display:flex;position:relative}.wallet b{color:var(--ink);font-size:22px;font-weight:400}.menu-actions{flex-direction:column;align-items:center;gap:14px;margin-bottom:8vh;display:flex;position:relative}.menu-actions .primary{padding:14px 64px;font-size:30px}.btn.gift{background:var(--tint);font-size:18px}.palettes{background:var(--paper)}.palette-list{flex-direction:column;flex:1;gap:10px;padding:8px 2px 24px;display:flex;overflow-y:auto}.palette{background:var(--card);border-radius:var(--radius);flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px #0000000f}.palette .head{cursor:pointer;align-items:center;gap:14px;padding:12px 14px;display:flex}.dots{display:flex}.dot{border:3px solid var(--card);border-radius:50%;width:34px;height:34px;margin-left:-10px;box-shadow:0 1px 3px #00000026;background-clip:padding-box!important}.dot:first-child{margin-left:0}.dot.unknown{position:relative;background:var(--mute)!important}.dot.unknown:after{content:"?";color:var(--soft);place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.info{flex-direction:column;display:flex}.info b{font-size:22px;font-weight:400}.info small{color:var(--soft);font-size:15px}.modes{gap:10px;padding:0 14px 14px;display:flex}.modes[hidden]{display:none}.play{pointer-events:none;color:var(--ink)}.play .bar,.play .stats,.play .end{pointer-events:auto}.play .bar{min-height:40px}.stats{text-align:center;grid-auto-columns:1fr;grid-auto-flow:column;justify-items:center;margin:0 -16px;display:grid}.stat{flex-direction:column;align-items:center;display:flex}.stat small{font-size:18px}.stat b{font-size:40px;font-weight:400;line-height:1.1}.stepper{align-items:center;gap:18px;display:flex}.stepper .btn.mini{width:44px;height:44px;font-family:system-ui,sans-serif;font-size:26px}.end{background:#00000040;place-items:center;padding:24px 24px 14vh;display:grid;position:absolute;inset:0}.end[hidden]{display:none}.end .card{--ink:var(--text);background:var(--paper);width:min(100%,360px);color:var(--ink);text-align:center;border-radius:24px;padding:24px;box-shadow:0 10px 40px #0003}.end h3{margin:0 0 8px;font-size:30px;font-weight:400}.end p{margin:6px 0;font-size:20px}.end .big{font-size:34px}.end .math{max-width:260px;margin:10px auto 4px}.end .line{justify-content:space-between;margin:2px 0;font-size:17px;display:flex}.end .line b{font-weight:400}.end .line.sub{color:var(--soft);padding-left:12px;font-size:15px}.end .earned{color:var(--accent);font-size:26px}.end .row{gap:10px;margin-top:18px;display:flex}.end .row .btn{flex:1;padding:12px 10px;font-size:18px}.discovery{background:var(--paper);gap:10px}.discovery .wallet{justify-content:center}.card-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:12px;padding:6px 2px;display:grid;overflow-y:auto}.color-card{background:var(--card);font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:16px;flex-direction:column;gap:6px;padding:6px 6px 8px;font-size:15px;display:flex;box-shadow:0 2px 10px #00000014}.color-card i{aspect-ratio:3/4;border-radius:11px}.color-card span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.color-card.fresh{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.6)rotate(-6deg)}70%{transform:scale(1.06)}}.empty,.note{text-align:center;color:var(--soft);min-height:1.2em;margin:0;font-size:17px}.empty{grid-column:1/-1;padding-top:20vh}.btn.draw{align-self:center;padding:14px 28px}.safe{color:var(--ink);align-items:center;gap:14px;transition:background .4s}.safe .bar{justify-content:space-between;align-self:stretch}.safe .tests{font-size:18px}.safe-cup{aspect-ratio:1;background:var(--mix,#fff);background-clip:padding-box;border:min(4.5vw,2.4vh) solid #fffde8;border-radius:50%;width:min(62vw,34vh);margin-top:2vh}.safe-msg{white-space:pre-line;text-align:center;min-height:3.6em;margin:0;font-size:20px}.sliders{flex-direction:column;gap:18px;width:min(100%,420px);margin-top:auto;display:flex}.slider{align-items:center;gap:10px;display:flex}.slider input{appearance:none;background:var(--track);background-clip:padding-box;border:3px solid #fffde8;border-radius:11px;flex:1;height:22px;box-shadow:0 2px 8px #0000001f}.slider input::-webkit-slider-thumb{appearance:none;background:#fffde8;border-radius:50%;width:34px;height:34px;box-shadow:0 2px 6px #0000004d}.slider input::-moz-range-thumb{background:#fffde8;border:0;border-radius:50%;width:30px;height:30px}.slider input:disabled{opacity:.85}.lock{background:#fffde8;border-radius:50%;width:22px;height:22px;position:relative}.lock:after{content:"✓";color:#2b2530;place-items:center;font-size:15px;font-style:normal;display:grid;position:absolute;inset:0}.lock[hidden]{visibility:hidden;display:block}.safe>.btn.primary{margin:6px 0 2vh;padding:14px 54px;font-size:24px}.safe-cup{transition:border-width .9s ease-in-out}.safe-cup.testing{border-width:min(1.5vw,.8vh)}.safe-cup.opened{z-index:5;border-width:0;transition:border-width .3s;position:relative}.safe-reveal{z-index:10;text-align:center;color:var(--ink);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;position:absolute;inset:0;transform:translateY(12px)}.safe-reveal.show{opacity:1;pointer-events:auto;transform:none}.safe-reveal p{margin:0;font-size:22px}.safe-reveal h2{margin:0 0 8px;font-size:min(14vw,64px);font-weight:400;line-height:1.05}.safe-reveal .btn{margin-top:28px;padding:14px 54px;font-size:24px}.safe .btn.primary{color:#fffde8;background:#2b2530}.btn.gear{top:calc(12px + var(--safe-top));right:max(16px, calc((100vw - var(--column)) / 2 + 16px));z-index:1;color:var(--soft);position:absolute}.btn.gear:before{content:"⚙";font:26px system-ui,sans-serif}.settings{background:var(--paper)}.settings-list{flex-direction:column;flex:1;gap:14px;padding:8px 2px 24px;display:flex;overflow-y:auto}.settings-group{background:var(--card);border-radius:var(--radius);padding:14px 16px 16px;box-shadow:0 2px 10px #0000000f}.settings-group h3{margin:0 0 10px;font-size:22px;font-weight:400}.settings-group .hint{color:var(--soft);margin:0 0 8px;font-size:16px}.volume{flex-direction:column;gap:4px;margin:6px 0 10px;font-size:17px;display:flex}.volume input{accent-color:var(--ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-size:17px}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.cod-card{border-radius:var(--radius);background:var(--card);width:min(100%,340px);font:inherit;color:var(--ink);text-align:left;cursor:pointer;border:0;align-items:center;gap:14px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #00000014}.cod-card:disabled{opacity:.75;cursor:default}.cod-card .info b{font-size:22px}.cod-card .info small{font-size:15px}.shop-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.safe .tests.shop-link{font-size:18px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.shop{background:var(--paper);gap:8px}.shop-list{flex-direction:column;flex:1;gap:14px;padding:6px 2px 16px;display:flex;overflow-y:auto}.shop-group{background:var(--card);border-radius:var(--radius);padding:14px 16px 16px;box-shadow:0 2px 10px #0000000f}.shop-group h3{margin:0;font-size:22px;font-weight:400}.shop-group .hint{color:var(--soft);margin:2px 0 10px;font-size:15px}.icon{flex:none;width:1.1em;height:1.1em}.wallet-chip{background:var(--glass);font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-self:center;align-items:center;gap:14px;padding:6px 14px;display:inline-flex;position:relative;box-shadow:0 1px 6px #0000000f}.wallet-chip:disabled{cursor:default}.wallet-chip .coin{align-items:center;gap:6px;font-size:20px;display:inline-flex}.wallet-chip .coin .icon{width:22px;height:22px}.wallet-chip b{font-weight:400}.wallet-chip .plus{background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;place-items:center;font:16px system-ui,sans-serif;display:grid}.shop .bar .wallet-chip{gap:10px;margin-left:auto;padding:4px 10px}.shop .bar .wallet-chip .coin{font-size:17px}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.pack-card{border:1.5px solid var(--line);background:var(--card-2);font:inherit;color:var(--ink);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:16px 10px 10px;transition:transform 80ms;display:flex;position:relative}.pack-card:active{transform:scale(.97)}.pack-card:disabled{cursor:default}.pack-card .stack{align-items:flex-end;height:46px;margin-bottom:4px;display:flex}.pack-card .stack .icon{width:34px;height:34px;margin-left:-10px}.pack-card .stack .icon:first-child{margin-left:0}.pack-card .stack.s2 .icon:nth-child(2),.pack-card .stack.s3 .icon:nth-child(2){width:42px;height:42px}.pack-card .amount{font-size:30px;font-weight:400;line-height:1}.pack-card small{color:var(--soft);font-size:14px}.pack-card .price{background:var(--ink);color:var(--paper);border-radius:10px;justify-content:center;align-self:stretch;align-items:center;gap:6px;margin-top:8px;padding:7px 10px;font-family:Englebert,sans-serif;font-size:18px;display:flex}.pack-card:disabled .price{background:var(--mute);color:#6d6470}.badge{letter-spacing:.02em;border-radius:999px;padding:2px 10px;font:600 12px system-ui,sans-serif;position:absolute;top:-9px}.badge.popular{color:#6b4a00;background:#ffe6a6}.badge.best{color:#0f5a2a;background:#c9f2d6}.pack-card.video,.pack-card.wide{text-align:left;flex-direction:row;gap:14px;margin-bottom:10px;padding:12px 14px}.pack-card.video>div,.pack-card.wide>div{flex-direction:column;flex:1;display:flex}.pack-card.video b,.pack-card.wide b{font-size:20px;font-weight:400}.pack-card.video>.icon,.pack-card.wide>.icon{width:40px;height:40px}.pack-card.video .price,.pack-card.wide .price{align-self:center;min-width:86px;margin-top:0}.pack-card.video{background:var(--tint);border-color:var(--tint-line)}.pack-card.video .price .icon{width:18px;height:18px}.pack-card.no-ads{background:var(--card);box-shadow:0 2px 10px #0000000f}.menu-row{gap:10px;display:flex}.missions-btn{position:relative}.count-badge{color:#fff;background:#e84a4a;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font:700 13px/22px system-ui,sans-serif;position:absolute;top:-6px;right:-6px}.count-badge[hidden]{display:none}.missions{background:var(--paper)}.missions .bar .wallet-chip{gap:10px;margin-left:auto;padding:4px 10px}.missions .bar .wallet-chip .coin{font-size:17px}.missions-list{flex-direction:column;flex:1;gap:10px;padding:4px 2px 24px;display:flex;overflow-y:auto}.missions-list h3{margin:10px 0 0;font-size:22px;font-weight:400}.missions-list .hint{color:var(--soft);margin:0;font-size:14px}.mission{border-radius:var(--radius);background:var(--card);align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 2px 10px #0000000f}.mission .info{flex-direction:column;flex:1;gap:6px;display:flex}.mission .info b{font-size:18px;font-weight:400}.mission .track{background:var(--mute);border-radius:4px;height:8px;overflow:hidden}.mission .track i{background:linear-gradient(90deg,#f2a07c,#6d5a8e);border-radius:4px;height:100%;display:block}.mission.ready .track i,.mission.claimed .track i{background:#4cc46a}.mission .reward{color:var(--soft);gap:12px;font-size:15px;display:flex}.mission .reward span{align-items:center;gap:4px;display:inline-flex}.mission .reward .icon{width:16px;height:16px}.mission .count{color:var(--soft);text-align:right;min-width:48px;font-size:16px}.mission .claim{padding:8px 14px;font-size:17px}.mission .done-mark{color:#fff;background:#4cc46a;border-radius:50%;place-items:center;width:34px;height:34px;font:18px system-ui,sans-serif;display:grid}.mission.claimed{opacity:.6}.mission.ready{box-shadow:inset 0 0 0 2px #4cc46a,0 2px 10px #0000000f}.toast{left:50%;top:calc(12px + var(--safe-top));z-index:100;color:#fffde8;text-align:center;opacity:0;pointer-events:none;background:#2b2530;border-radius:14px;max-width:min(92vw,420px);padding:10px 18px;font-size:17px;transition:transform .35s,opacity .35s;position:fixed;transform:translate(-50%,-140%);box-shadow:0 6px 20px #00000040}.toast.show{opacity:1;transform:translate(-50%)}.leaderboard{background:var(--paper);gap:6px}.leaderboard .hint{color:var(--soft);margin:0;font-size:15px}.ranking{flex-direction:column;flex:1;gap:6px;margin:0;padding:4px 2px 12px;list-style:none;display:flex;overflow-y:auto}.ranking li{background:var(--card);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:18px;display:flex;box-shadow:0 1px 6px #0000000d}.ranking li:nth-child(-n+3) .pos{background:#ffe6a6}.ranking li.me{box-shadow:inset 0 0 0 2px #6b4e8f}.ranking .pos{background:var(--mute);border-radius:50%;place-items:center;min-width:30px;height:30px;font:600 14px system-ui,sans-serif;display:grid}.ranking .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ranking b{font-size:22px;font-weight:400}.my-rank{text-align:center;margin:0;font-size:17px}.end .rank{color:var(--accent);min-height:0;font-size:18px}.end .rank:empty{display:none}.end .row .btn{min-width:0}.end .row:has(>:nth-child(3)) .btn{padding:12px 4px;font-size:15px}.nickname{width:100%;font:inherit;border:1.5px solid var(--line);background:var(--card-2);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:20px}.nick-row{gap:8px;display:flex}.nick-row .nickname{flex:1;min-width:0}.nick-row .btn{padding:8px 16px;font-size:18px}.nick-note:empty{display:none}.btn.link{box-shadow:none;background:0 0;padding:10px 0 0;font-family:inherit;font-size:15px;text-decoration:underline}.btn.link.danger{color:#b33a3a}.card-groups{flex:1;padding:2px 2px 8px;overflow-y:auto}.card-groups .card-grid{padding:4px 0 10px;overflow:visible}.card-group{color:var(--soft);margin:10px 0 4px;font-size:19px;font-weight:400}.card-groups .empty{padding-top:16vh;padding-inline:12px}.take-cards{justify-content:center;align-items:center;gap:10px;display:inline-flex}.take-cards .cost{align-items:center;gap:4px;font-size:18px;display:inline-flex}.take-cards .cost .icon{width:18px;height:18px}.palette.locked .head{cursor:pointer;opacity:.85}.tip{left:50%;bottom:calc(18px + var(--safe-bottom));z-index:40;color:#fffde8;pointer-events:auto;background:#2b2530;border-radius:18px;flex-direction:column;gap:10px;width:min(100% - 32px,420px);padding:16px 18px 14px;animation:.35s ease-out tip-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.tip p{margin:0;font-size:18px;line-height:1.35}.tip .btn.primary{color:#2b2530;background:#fffde8;align-self:flex-end;padding:8px 20px;font-size:18px}.tip.bye{opacity:0;transition:opacity .25s,transform .25s;transform:translate(-50%,12px)}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,16px)}}.modes{flex-wrap:wrap}.modes .btn{flex:40%}.btn.new-mode{background:var(--tint)}.btn.chart{top:calc(12px + var(--safe-top));left:max(16px, calc((100vw - var(--column)) / 2 + 16px));z-index:1;color:var(--soft);position:absolute}.btn.chart:before{content:"";background:linear-gradient(currentColor,currentColor) 0 100%/4px 45% no-repeat,linear-gradient(currentColor,currentColor) 8px 100%/4px 100% no-repeat,linear-gradient(currentColor,currentColor) 16px 100%/4px 70% no-repeat;width:20px;height:18px;margin:0 auto;display:block}.stats-screen{background:var(--paper)}.stats-list{flex-direction:column;flex:1;gap:12px;padding:6px 2px 24px;display:flex;overflow-y:auto}.stats-list .line{justify-content:space-between;margin:6px 0;font-size:18px;display:flex}.stats-list .line b{font-weight:400}.menu-row .btn{padding:10px 16px;font-size:19px}.album{background:var(--paper);gap:8px}.album-progress{color:var(--soft);margin-left:auto;font-size:17px}.album-tabs{justify-content:center}.album-list{flex:1;padding:2px 2px 24px;overflow-y:auto}.album-group h3{margin:14px 0 6px;font-size:20px;font-weight:400}.album-group h3 small{color:var(--soft);font-size:15px}.tiles{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.tile{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.tile i{aspect-ratio:1;background:var(--mute);border-radius:12px;width:100%}.tile span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;line-height:1.2;overflow:hidden}.tile.unknown i{opacity:.16}.tile.hand i{opacity:.45;outline:2px dashed var(--soft);outline-offset:-2px;position:relative}.album-sheet{z-index:20;background:#0000004d;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.album-sheet[hidden]{display:none}.album-sheet .card{background:var(--paper);text-align:center;border-radius:24px;width:min(100%,340px);padding:18px;box-shadow:0 10px 40px #0003}.album-sheet .swatch{border-radius:18px;place-items:end center;height:180px;padding:14px;font-size:24px;display:grid}.album-sheet .swatch b{font-weight:400}.album-sheet .swatch.mystery{background:var(--mute);color:var(--soft);place-items:center;font:64px system-ui,sans-serif}.album-sheet .codes{color:var(--soft);margin:12px 0;font-size:16px}.album-sheet .row{gap:10px;display:flex}.album-sheet .row .btn{flex:1;padding:10px;font-size:17px}.end .challenge-friend{margin-top:8px}.end .challenge-friend[hidden],.duel-box:empty{display:none}.duel-list{text-align:left;margin:8px 0;padding:0;list-style:none}.duel-list li{border-radius:8px;justify-content:space-between;padding:4px 8px;font-size:17px;display:flex}.duel-list li.me{background:var(--tint)}.duel-list b{font-weight:400}.duel{background:var(--paper)}.duel-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.duel-intro .who{margin:0;font-size:30px}.duel-intro .goal{margin:0;font-size:20px}.duel-intro .goal b{margin-left:6px;font-size:44px;font-weight:400}.duel-intro .dot{width:44px;height:44px}.duel-intro .duel-list{width:min(100%,320px)}.duel-intro .big-action{padding:14px 40px;font-size:24px}.friends-card{position:relative}.friends-card .info b{font-size:20px}.friends{background:var(--paper)}.friends-list li{padding:0}.friends-list li.new{box-shadow:inset 0 0 0 2px #e84a4a}.friend-duel{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.friend-duel .dot{border-width:2px;width:26px;height:26px;margin-left:-8px}.friend-duel .dot:first-child{margin-left:0}.friend-duel .info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-duel .info b{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:400;overflow:hidden}.friend-duel .info small{color:var(--soft);font-size:14px}.friend-duel .outcome{background:var(--mute);border-radius:999px;padding:3px 10px;font:600 13px system-ui,sans-serif}.friend-duel .outcome:empty{display:none}.friend-duel .outcome.won{color:#1d4d24;background:#bfe8c4}.friend-duel .outcome.lost{color:#6b1d1d;background:#f6c9c4}.chips.compact{flex-wrap:nowrap;gap:6px}.chips.compact .chip{text-align:center;flex:1;padding:7px 0}