@font-face{font-family:"Baloo 2";src:url(/assets/fonts/baloo2.ttf)format("truetype");font-weight:400 800;font-display:swap}:root{--night:#2a1b6b;--deep:#3b2391;--purple:#5b3cc4;--violet:#7a5ce0;--lavender:#c9bcf5;--lilac:#e4dcff;--white:#fff;--yellow:#ffc53d;--yellow-edge:#d99a0b;--yellow-ink:#5a3a00;--coral:#ff6b5b;--coral-edge:#c9473a;--green:#4cc764;--green-edge:#2e9e4f;--green-ink:#173404;--ink:#3b2391;--orange:#ffa94d;--orange-edge:#e57a22;--orange-ink:#5a2a00}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--white);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;font-family:"Baloo 2",ui-rounded,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.app{background:var(--night);max-width:460px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{padding:max(14px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));isolation:isolate;flex-direction:column;align-items:center;animation:.25s fade-in;display:flex;position:absolute;inset:0;overflow:hidden}.bg{object-fit:cover;pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.btn{border:3px solid var(--night);border-bottom-width:7px;border-radius:18px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 22px;font-size:21px;font-weight:800;transition:transform 80ms,border-bottom-width 80ms;display:inline-flex}.btn:active{border-bottom-width:4px;transform:translateY(3px)}.btn img{width:30px;height:30px}.btn-coral{background:var(--coral)}.btn-violet{background:var(--violet)}.btn-white{background:var(--white);color:var(--ink)}.btn-green{background:var(--green);color:var(--green-ink)}.round{background:var(--white);border-bottom:4px solid var(--lavender);border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.round:active{border-bottom-width:2px;transform:translateY(2px)}.round img{width:28px;height:28px}.round.off img{opacity:.35}.pill{background:var(--deep);border:3px solid var(--night);border-radius:20px;align-items:center;gap:6px;padding:2px 14px 2px 8px;font-size:18px;font-weight:800;display:inline-flex}.pill img{width:26px;height:26px}.chip{background:var(--violet);border:3px solid var(--night);white-space:nowrap;border-radius:14px;padding:0 14px;font-size:17px;font-weight:800}.chip.done{background:var(--green);color:var(--green-ink);letter-spacing:2px}.chip.ghost{background:var(--deep);color:var(--lilac)}.topbar{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.title{letter-spacing:.5px;font-size:22px;font-weight:800}.tiles{justify-content:center;gap:10px;display:flex}.tiles.shake{animation:.42s shake}.tile{background:var(--white);color:var(--ink);border-bottom:6px solid var(--lavender);border-radius:14px;justify-content:center;align-items:center;font-weight:800;transition:transform .12s,background .12s;display:inline-flex}.tile.big{width:var(--tile);height:calc(var(--tile) * 1.12);font-size:calc(var(--tile) * .58)}.tile.mini{background:#f3efff;border-bottom-width:3px;border-radius:8px;width:30px;height:34px;font-size:18px}.tile.target{background:var(--yellow);color:var(--yellow-ink);border-bottom-color:var(--yellow-edge)}.tile.match{border-bottom-color:var(--green)}.tile.sel{background:var(--yellow);color:var(--yellow-ink);border-bottom-color:var(--yellow-edge);transform:translateY(-7px)}.tile.hinted{outline:4px dashed var(--yellow);outline-offset:4px}.tile.flip{animation:.38s flip}.goal{background:var(--white);border-bottom:5px solid var(--lavender);color:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:8px 12px;font-weight:800;display:flex}.mini-row{gap:3px;display:flex}.keyboard{flex-direction:column;gap:6px;width:100%;display:flex}.keyrow{justify-content:center;gap:4px;display:flex}.key{flex:0 0 calc((100% - (var(--cols) - 1) * 4px) / var(--cols));background:var(--white);height:48px;color:var(--ink);border-bottom:4px solid var(--lavender);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.key:active{border-bottom-width:2px;transform:translateY(2px)}.key.hinted{background:var(--yellow);color:var(--yellow-ink);border-bottom-color:var(--yellow-edge);animation:.9s ease-in-out infinite pulse}.keyboard.idle .key{opacity:.7}.mascot{position:relative}.mascot img{width:100%;display:block}.mascot .blink{opacity:0;animation:4.2s infinite blink;position:absolute;inset:0}.mascot-bob{animation:2.4s ease-in-out infinite bob}.mascot-hop{animation:.55s cubic-bezier(.3,.7,.4,1) hop}.toast{z-index:5;background:var(--night);border:3px solid var(--lavender);white-space:nowrap;pointer-events:none;border-radius:14px;padding:6px 16px;font-size:17px;font-weight:700;animation:1.6s forwards toast;position:absolute;top:42%;left:50%;transform:translate(-50%)}.overlay{z-index:10;background:#140a3c9e;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:absolute;inset:0}.card{background:var(--deep);border:4px solid var(--night);text-align:center;border-bottom-width:9px;border-radius:26px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:18px 18px 20px;animation:.35s cubic-bezier(.3,1.5,.5,1) pop-in;display:flex}.card h2{margin:0;font-size:34px;line-height:1}.card p{color:var(--lilac);margin:0;font-size:17px}.result-stars{align-items:flex-end;gap:6px;display:flex}.result-stars img{opacity:.25;width:64px;height:64px;transform:scale(.6)}.result-stars img.on{animation:.4s cubic-bezier(.3,1.6,.5,1) forwards star-pop}.result-stars img:nth-child(2){width:80px;height:80px}.card .btn{width:100%}.card .row{gap:10px;width:100%;display:flex}.card .row .btn{flex:1;padding:0 10px;font-size:18px}.confetti{pointer-events:none;z-index:11;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:3px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}.map-scroll{scrollbar-width:none;flex:1;width:calc(100% + 32px);margin:0 -16px;position:relative;overflow-y:auto}.map-scroll::-webkit-scrollbar{display:none}.map-path{width:100%;position:relative}.map-path svg{width:100%;height:100%;position:absolute;inset:0}.node{width:82px;position:absolute;transform:translate(-50%,-50%)}.node img.pad{width:100%;display:block}.node.current{width:104px}.node.locked{filter:saturate(.25)brightness(.78)}.node .num{background:var(--white);width:34px;height:34px;color:var(--ink);border:3px solid var(--night);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.node.current .num{background:var(--yellow);color:var(--yellow-ink)}.node .lock{width:34px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.node .frog{width:94px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.node .ring{border:4px dashed var(--yellow);z-index:-1;border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:-8px}.node .stars{gap:1px;margin-top:26px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.node .stars img{width:20px;height:20px}.node .stars .off{opacity:.3}.tabs{gap:6px;display:flex}.tab{background:var(--deep);border:3px solid var(--night);color:var(--lilac);border-radius:14px;padding:2px 8px;font-size:14px;font-weight:800;line-height:1.15}.tab.on{background:var(--yellow);color:var(--yellow-ink)}.tab.shut:not(.on){opacity:.7}.tab small{opacity:.85;justify-content:center;font-size:11px;font-weight:700;display:flex}.tab small img{width:14px;height:14px}.zone-banner{background:var(--yellow);color:var(--yellow-ink);border:3px solid var(--night);font:inherit;white-space:nowrap;z-index:1;cursor:pointer;border-bottom-width:6px;border-radius:16px;align-items:center;gap:6px;padding:2px 16px;font-size:17px;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.zone-banner img{width:24px;margin:-6px 0 -4px -6px}.zone-banner:disabled{cursor:default;background:var(--lavender);color:var(--night)}.card.story{gap:7px;padding-top:14px}.story-scene{width:100%;height:168px;margin-bottom:30px;position:relative}.story-bg{object-fit:cover;border:3px solid var(--night);border-radius:18px;width:100%;height:100%;display:block}.story-frog,.story-bottle{position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}.story-bottle{width:96px;animation:3.2s ease-in-out infinite float;bottom:-30px}.story-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--yellow);font-size:13px;font-weight:800}.card.story h2{font-size:30px}.card .story-text{font-size:16px;line-height:1.4}.journey{align-items:center;gap:7px;margin-top:4px;display:flex}.journey span{background:#e4dcff38;border-radius:50%;width:10px;height:10px}.journey .done{background:var(--lavender)}.journey .here{background:var(--yellow);border:3px solid var(--night);width:18px;height:18px}.story-goal{color:var(--lavender);font-size:14px;font-weight:700}.earned{color:var(--yellow);align-items:center;gap:6px;font-weight:800;display:flex}.earned img{width:26px;height:26px}.lang{gap:8px;display:flex}.lang button{background:var(--deep);border:3px solid var(--night);color:var(--lilac);border-radius:14px;padding:4px 16px;font-size:17px;font-weight:800}.lang button.on{background:var(--white);color:var(--ink)}@keyframes fade-in{0%{opacity:0}}@keyframes shake{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pulse{50%{transform:translateY(-3px)scale(1.06)}}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translate(-50%)rotate(-8deg)}50%{transform:translate(-50%)translateY(-7px)rotate(6deg)}}@keyframes blink{0%,94%,to{opacity:0}95%,98%{opacity:1}}@keyframes hop{0%{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.12,.86)}45%{transform:translateY(-38px)scale(.92,1.1)}75%{transform:translateY(0)scale(1.1,.9)}to{transform:translateY(0)scale(1)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@keyframes star-pop{to{opacity:1;transform:scale(1)}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@keyframes spin{to{transform:rotate(360deg)}}.avatar{flex:none;display:block}.pill.score{gap:4px;padding:2px 8px;font-size:18px}.pill.score .avatar{margin:-4px 0}.chip.rival{background:var(--orange);color:var(--orange-ink);letter-spacing:2px}.toast.notice{animation-duration:4s;top:18%}.duel-stage{justify-content:center;align-items:flex-end;gap:4px;margin-top:10px;display:flex}.duel-pad{flex-direction:column;align-items:center;width:140px;display:flex;position:relative}.duel-pad .mascot{z-index:1;margin-bottom:-86px}.duel-pad .pad{width:140px;display:block}.duel-pad:last-child .pad{transform:scaleX(-1)}.duel-pad span{margin-top:-2px;font-size:20px;font-weight:800}.duel-pad .rival-name{color:var(--orange)}.duel-stage .vs,.duel-faces .vs{color:var(--yellow);text-shadow:0 3px 0 var(--night);margin-bottom:70px;font-size:30px;font-weight:800}.duel-faces{justify-content:center;align-items:flex-end;gap:6px;display:flex}.duel-faces .vs{margin-bottom:30px}.seg{background:var(--night);border:3px solid var(--night);border-radius:16px;gap:4px;margin-top:12px;padding:4px;display:flex}.seg button{color:var(--lilac);border-radius:12px;padding:6px 18px;font-size:17px;font-weight:800}.seg button.on{background:var(--orange);color:var(--orange-ink)}.duel-modes{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.duel-mode{text-align:left;background:var(--white);width:100%;color:var(--ink);border:3px solid var(--night);border-bottom-width:7px;border-radius:20px;flex-direction:column;gap:3px;padding:10px 16px 12px;display:flex}.duel-mode:active{border-bottom-width:4px;transform:translateY(3px)}.duel-mode.challenge{background:var(--yellow);color:var(--yellow-ink)}.duel-mode.challenge .duel-mode-info{color:var(--yellow-ink)}.duel-mode-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.duel-mode-head b{font-size:23px}.goal-mini{color:var(--purple);align-items:center;gap:6px;font-weight:800;display:flex}.goal-mini .tile.mini{width:24px;height:28px;font-size:15px}.chain-mini{gap:4px;display:flex}.chain-mini .chip{letter-spacing:1px;border-width:2px;padding:0 7px;font-size:13px}.mode-icon{width:34px;height:34px}.duel-mode-info{color:var(--purple);font-size:14.5px;font-weight:600;line-height:1.3}.overlay.intro{background:#140a3cf2;flex-direction:column;gap:6px}.intro-faces{align-items:flex-end;gap:4px;margin-bottom:8px;display:flex}.intro-side{flex-direction:column;align-items:center;font-size:20px;font-weight:800;display:flex}.intro-side.left{animation:.6s cubic-bezier(.3,1.4,.5,1) both slide-left}.intro-side.right{animation:.6s cubic-bezier(.3,1.4,.5,1) both slide-right}.intro-side.right span{color:var(--orange)}.intro-faces .intro-vs{color:var(--yellow);text-shadow:0 4px 0 var(--night);margin-bottom:52px;font-size:40px;font-weight:800;animation:.4s cubic-bezier(.3,1.6,.5,1) .45s both pop-in}.intro-title{font-size:34px;font-weight:800;line-height:1}.intro-sub{color:var(--lavender);font-size:18px;font-weight:700}.intro-count{height:96px;color:var(--yellow);text-shadow:0 6px 0 var(--night);font-size:92px;font-weight:800;animation:.55s cubic-bezier(.3,1.6,.5,1) count-pop}.lanes{border:3px solid var(--night);background:#2a1b6bb8;border-radius:18px;flex-direction:column;gap:4px;width:100%;margin-top:10px;padding:6px 10px;display:flex}.lane{align-items:center;gap:8px;display:flex}.lane-label{flex-direction:column;flex:none;width:74px;line-height:1.05;display:flex}.lane-label b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.lane-label span{color:var(--lavender);font-size:12px;font-weight:700}.lane.rival .lane-label b{color:var(--orange)}.lane-pads{grid-template-columns:repeat(var(--pads), 1fr);flex:1;gap:2px;display:grid}.lane-pad{justify-content:center;align-items:flex-end;height:34px;display:flex;position:relative}.lane-pad>img:first-child{opacity:.9;width:100%;max-width:40px}.lane-frog{width:34px;animation:.45s cubic-bezier(.3,.7,.4,1) lane-hop;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.solo-clock{color:var(--yellow);font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px;font-weight:800}.chain-players{gap:8px;width:100%;margin-top:10px;display:flex}.player{border:3px solid var(--night);opacity:.75;background:#2a1b6bb8;border-radius:18px;flex:1;align-items:center;gap:6px;padding:4px 6px;transition:transform .15s,border-color .15s,opacity .15s;display:flex}.player.rival{justify-content:flex-end}.player.active{border-color:var(--yellow);opacity:1;transform:scale(1.04)}.player-name{flex:1;font-size:16px;font-weight:800}.player.rival .player-name{color:var(--orange);text-align:right}.clock-ring{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:flex;position:relative}.clock-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock-ring circle{fill:none;stroke-width:5px}.clock-ring .track{stroke:#e4dcff2e}.clock-ring .fill{stroke:var(--lavender);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.clock-ring.active .fill{stroke:var(--yellow)}.clock-ring.low .fill{stroke:var(--coral)}.clock-ring.low{color:var(--coral)}.turn-label{text-align:center;min-height:26px;color:var(--orange);margin-top:8px;font-size:18px;font-weight:800}.turn-label.mine{color:var(--yellow)}.thinking:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite dots;display:inline-block}.chain-log{flex-direction:column;gap:6px;padding:0 6px;display:flex;overflow:hidden}.chain-msg{align-items:center;gap:6px;animation:.3s both msg-in;display:flex}.chain-msg.you{align-self:flex-start}.chain-msg.rival{align-self:flex-end}.chain-msg.start{align-self:center}.stamp{z-index:6;border:5px solid var(--coral);color:var(--coral);letter-spacing:1px;pointer-events:none;background:#140a3cd9;border-radius:18px;padding:6px 22px;font-size:42px;font-weight:800;animation:.45s cubic-bezier(.3,1.6,.5,1) both stamp;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.duel-result h2{font-size:30px}.duel-result .duel-faces{margin-top:-6px}.duel-paths{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.duel-path-label{color:var(--lavender);font-size:14px;font-weight:700}.duel-path{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.duel-path .chip{letter-spacing:1px;padding:0 8px;font-size:14px}.round-times{border-collapse:collapse;font-size:16px;font-weight:700}.round-times th{color:var(--lavender);padding:0 12px 2px;font-size:14px}.round-times td{text-align:center;color:var(--lilac);font-variant-numeric:tabular-nums;padding:2px 12px}.round-times td:first-child{text-align:left;color:var(--lavender)}.round-times td.win{color:var(--yellow)}.share{flex-direction:column;gap:10px;width:100%;display:flex}.share-name{color:var(--lavender);align-items:center;gap:10px;font-weight:700;display:flex}.share-name input{border:3px solid var(--night);min-width:0;height:44px;font:inherit;color:var(--ink);background:var(--white);-webkit-user-select:text;user-select:text;border-radius:14px;flex:1;padding:0 12px;font-size:18px;font-weight:800}.share .row .btn{text-decoration:none}.share-note{color:var(--lavender);font-size:14px;font-weight:700;line-height:1.3}.share-link{color:var(--lavender);text-align:left;flex-direction:column;gap:4px;font-size:14px;font-weight:700;display:flex}.share-link textarea{border:3px solid var(--night);width:100%;color:var(--ink);resize:none;-webkit-user-select:text;user-select:text;border-radius:12px;padding:6px 8px;font:12px ui-monospace,monospace}.challenge-intro{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.challenge-intro h2{margin:6px 0 0;font-size:30px;line-height:1.1}.challenge-summary{color:var(--lilac);margin:0;font-size:18px;font-weight:700}.challenge-summary b{color:var(--orange)}.challenge-rules{color:var(--lavender);max-width:320px;margin:0;font-size:16px}@keyframes slide-left{0%{opacity:0;transform:translate(-120%)}}@keyframes slide-right{0%{opacity:0;transform:translate(120%)}}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}}@keyframes lane-hop{0%{transform:translate(-50%)scale(1)}40%{transform:translate(-50%,-16px)scale(.92,1.08)}to{transform:translate(-50%)scale(1)}}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2.4)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.seg.rival-seg{margin-top:10px}.seg.rival-seg+.seg{margin-top:8px}.seg.rival-seg+.lobby-status{margin-top:10px}.lobby{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.lobby-frog{justify-content:center;display:flex;position:relative}.lobby-ring{border:4px solid var(--yellow);opacity:0;border-radius:50%;width:190px;height:190px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)scale(.6)}.lobby-frog.searching .lobby-ring{animation:1.8s ease-out infinite ring}.lobby-status{color:var(--lavender);font-size:15px;font-weight:700}.lobby-status.on:before{content:"";background:var(--green);vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.lobby-title{margin:6px 0 0;font-size:28px;line-height:1.1}.lobby-note{max-width:320px;color:var(--lilac);margin:0;font-size:16px;line-height:1.35}.lobby-note.error{color:var(--coral);font-weight:700}.lobby-actions{flex-direction:column;gap:12px;width:100%;display:flex}.lobby-actions .row{gap:10px;display:flex}.lobby-actions .row .btn{flex:1;padding:0 10px;font-size:19px}.online-pill{padding:2px 14px}.online-pill:before{content:"";background:var(--green);border-radius:50%;width:10px;height:10px;display:inline-block}.banner{left:16px;right:16px;top:max(70px, calc(env(safe-area-inset-top) + 56px));z-index:7;text-align:center;background:var(--coral);color:var(--white);border:3px solid var(--night);border-radius:14px;padding:6px 12px;font-size:15px;font-weight:800;position:absolute}.btn:disabled{opacity:.7;transform:none}@keyframes ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.league-badge{object-fit:contain;flex:none;display:inline-block}.crown{vertical-align:middle;display:inline-block}.trophies{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:800;display:inline-flex}.trophies img{width:1.2em;height:1.2em}.trophy-pill{color:var(--yellow);gap:6px;padding:2px 12px 2px 4px}.trophy-pill .league-badge{margin:-4px 0}.league-progress{flex-direction:column;gap:4px;width:100%;display:flex}.league-progress .bar{background:#e4dcff33;border-radius:5px;height:10px;overflow:hidden}.league-progress .bar i{background:var(--yellow);border-radius:5px;height:100%;display:block}.league-progress span{color:var(--lavender);font-size:13px;font-weight:700}.league-scroll{flex-direction:column;flex:1;gap:12px;width:100%;margin-top:12px;padding-bottom:12px;display:flex;overflow-y:auto}.league-card{border:3px solid var(--night);background:#2a1b6bd1;border-radius:20px;align-items:center;gap:14px;padding:12px 14px;display:flex}.league-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.league-card-body>b{font-size:22px;line-height:1.1}.league-card-body>.trophies{color:var(--yellow);font-size:20px}.league-meta{color:var(--lilac);font-size:13px;font-weight:700}.league-ladder{justify-content:space-between;align-items:flex-end;padding:0 4px;display:flex}.league-ladder>span{opacity:.55;flex-direction:column;align-items:center;gap:2px;display:flex}.league-ladder>span.done,.league-ladder>span.here{opacity:1}.league-ladder small{color:var(--lavender);font-size:11px;font-weight:700}.league-h{margin:6px 0 0;font-size:18px}.rank-list,.match-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rank-list li,.match-list li{border:2px solid var(--night);background:#2a1b6bb8;border-radius:14px;align-items:center;gap:10px;padding:6px 10px;display:flex}.rank-list li.me{border-color:var(--yellow);background:#5b3cc4d9}.rank-list .rank{text-align:right;width:26px;color:var(--lavender);font-variant-numeric:tabular-nums;font-weight:800}.rank-list .rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.rank-list .trophies{color:var(--yellow)}.match-list .result{text-align:center;border:2px solid var(--night);border-radius:10px;flex:none;min-width:74px;padding:2px 8px;font-size:13px;font-weight:800}.match-list .result.win{background:var(--green);color:var(--green-ink)}.match-list .result.loss{background:var(--coral);color:var(--white)}.match-list .result.draw{background:var(--lavender);color:var(--night)}.match-body{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.match-body b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-body small{color:var(--lavender);font-size:12px;font-weight:600}.delta{font-variant-numeric:tabular-nums;color:var(--lilac);font-weight:800}.delta.up{color:var(--green)}.delta.down{color:var(--coral)}.trophy-result{flex-direction:column;align-items:center;gap:4px;display:flex}.trophy-result .delta{font-size:26px;animation:.45s cubic-bezier(.3,1.6,.5,1) .3s both pop-in}.trophy-league{color:var(--lilac);align-items:center;gap:6px;font-weight:700;display:inline-flex}.trophy-result .promoted{color:var(--yellow);font-size:18px}.trophy-result .demoted{color:var(--lavender);font-size:16px}.lobby-me{color:var(--lilac);align-items:center;gap:6px;font-weight:800;display:inline-flex}.lobby-me .trophies{color:var(--yellow)}.intro-side .trophies{color:var(--yellow);margin-top:2px;font-size:16px}.banner.weak{background:var(--yellow);color:var(--yellow-ink)}