.bb-game{gap:10px;animation:.22s steps(5,end) screenIn;display:grid;position:relative}.bb-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bb-top-btn,.bb-dialog button{border:3px solid var(--ink);background:var(--paper);min-height:38px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:0;padding:0 8px;font-size:.78rem;font-weight:950}.bb-top-btn:active,.bb-dialog button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.bb-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.bb-stat{border:3px solid var(--ink);min-width:0;min-height:62px;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffe2f4;border-radius:0;align-content:center;gap:5px;padding:9px 10px;display:grid}.bb-stat span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:950}.bb-stat strong{text-overflow:ellipsis;font-size:1.22rem;line-height:1;overflow:hidden}.bb-stat-combo i{border:2px solid var(--ink);background:#fff4ff;border-radius:0;height:7px;overflow:hidden}.bb-stat-combo b{background:linear-gradient(90deg,#ff7ac8,#ffd166,#55e69a);height:100%;transition:width .12s steps(4,end);display:block}.bb-stat-combo em{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.bb-stat-combo small{background:#fff4ff;border:1px solid #2c203e6b;border-radius:0;height:5px}.bb-stat-combo small.active{background:#ffd166}.bb-board-shell{border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink), 0 16px 28px #2c203e2e;background:#2c203e;border-radius:0;padding:6px}.bb-board{--bb-gap:clamp(3px, 1.1vw, 5px);aspect-ratio:1;gap:var(--bb-gap);width:100%;padding:var(--bb-gap);background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 16px),#44315f;border:3px solid #fff4ff;border-radius:0;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid}.bb-cell{background:#6d5a93;border:2px solid #2c203eb8;border-radius:0;min-width:0;min-height:0;transition:background 90ms steps(2,end),box-shadow 90ms steps(2,end),transform 90ms steps(2,end),outline 90ms steps(2,end);position:relative;box-shadow:inset 0 4px #ffffff14}.bb-cell.filled{background:var(--block-color);box-shadow:inset 0 5px #ffffff52,inset 0 -5px #2c203e2e}.bb-cell.blast-target{outline-offset:-3px;outline:3px solid #ffd166;animation:.52s steps(2,end) infinite alternate blastPreview}.bb-cell.blasting{z-index:2;animation:.5s steps(6,end) forwards blastOut;animation-delay:var(--blast-delay)}.bb-cell.blasting:after{content:"";animation:.5s steps(5,end) forwards sparks;animation-delay:var(--blast-delay);background:linear-gradient(#fff4ff,#fff4ff) 50% 0/4px 14px no-repeat,linear-gradient(#fff4ff,#fff4ff) 50% 100%/4px 14px no-repeat,linear-gradient(#ffd166,#ffd166) 0/14px 4px no-repeat,linear-gradient(#ffd166,#ffd166) 100%/14px 4px no-repeat;border-radius:0;position:absolute;inset:-30%}.bb-cell.placed{animation:.18s steps(4,end) placeIn}.bb-skins-panel{border:3px solid var(--ink);background:var(--paper);border-radius:0;gap:8px;padding:10px;display:grid}.bb-skins-panel[hidden]{display:none}.bb-skins-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.bb-skins-head span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:950}.bb-skins-head strong{color:#9c56ef;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;overflow:hidden}.bb-skins{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding:1px 0 4px;display:grid;overflow-x:auto}.bb-skins::-webkit-scrollbar{display:none}.bb-skin{border:3px solid var(--ink);min-height:42px;color:var(--ink);background:var(--paper);white-space:nowrap;box-shadow:0 3px 0 var(--ink);border-radius:0;grid-template-columns:26px auto;align-items:center;gap:8px;padding:0 10px 0 8px;font-weight:950;display:inline-grid}.bb-skin.active{background:#ffd166}.bb-skin-swatch{border:2px solid var(--ink);background:linear-gradient(135deg, var(--skin-a) 0 35%, var(--skin-b) 35% 68%, var(--skin-c) 68% 100%);border-radius:0;width:24px;height:24px;box-shadow:inset 0 4px #ffffff52}.bb-skin small{font:inherit;font-size:.76rem}.bb-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:124px;display:grid}.bb-slot{border:3px solid var(--ink);cursor:grab;touch-action:none;min-width:0;min-height:124px;box-shadow:0 4px 0 var(--ink);background:#fff4ff;border-radius:0;place-items:center;transition:background .12s steps(2,end),transform .12s steps(2,end);display:grid;overflow:hidden}.bb-slot:not(.empty):not(.blocked):active{box-shadow:0 2px 0 var(--ink);background:#fff9d8;transform:translateY(2px)}.bb-slot.empty{opacity:.58;background:repeating-linear-gradient(45deg,#2c203e14 0 6px,#0000 6px 12px),#fff4ff}.bb-slot.blocked{opacity:.62;cursor:not-allowed}.bb-piece,.bb-ghost{--piece-cell:clamp(13px, 4.2vw, 20px);--piece-gap:4px;gap:var(--piece-gap);display:grid}.bb-piece{pointer-events:none;touch-action:none;filter:drop-shadow(4px 6px #2c203e38);transition:opacity .12s steps(2,end),transform .12s steps(2,end),filter .12s steps(2,end)}.bb-piece:hover{transform:translateY(-2px)}.bb-piece.dragging{opacity:.18}.bb-slot.blocked .bb-piece{cursor:not-allowed;filter:grayscale(.65)drop-shadow(3px 4px #2c203e29)}.bb-piece span,.bb-ghost span{width:var(--piece-cell);height:var(--piece-cell);border:2px solid var(--ink);background:var(--piece-color);border-radius:0;box-shadow:inset 0 5px #ffffff52,inset 0 -4px #2c203e2e}.bb-ghost{z-index:50;pointer-events:none;will-change:transform;filter:drop-shadow(5px 7px #2c203e33);position:fixed;top:0;left:0}.bb-ghost span{opacity:.46;outline-offset:-2px;outline:2px solid #fff4ff}.bb-ghost.snapped span{opacity:.78;background:var(--piece-color);outline-offset:-3px;outline:3px solid #fff4ff}.bb-ghost.snapped.will-blast span{outline-color:#ffd166}.bb-ghost.floating{opacity:.72}.bb-perfect-toast{z-index:70;border:4px solid var(--ink);width:min(100vw - 32px,360px);color:var(--ink);text-align:center;box-shadow:0 6px 0 var(--ink);background:#ffd166;border-radius:0;padding:13px 16px;font-size:1rem;font-weight:950;animation:1.8s steps(8,end) forwards perfectToast;position:fixed;top:18%;left:50%;transform:translate(-50%)}.bb-modal{z-index:80;background:#2c203e9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.bb-dialog{border:4px solid var(--ink);text-align:center;width:min(100%,340px);color:var(--ink);box-shadow:0 8px 0 var(--ink);background:#ffe2f4;border-radius:0;gap:12px;padding:20px;display:grid}.bb-dialog span{color:#9c56ef;text-transform:uppercase;font-size:.74rem;font-weight:950}.bb-dialog h2,.bb-dialog p{margin:0}.bb-dialog p,.bb-dialog small{color:var(--muted);font-weight:850}.bb-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bb-dialog-actions button:first-child,.bb-dialog>button{background:#ffd166}.bb-skins-dialog{width:min(100%,380px)}.bb-skins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bb-skins-grid .bb-skin{justify-content:start;width:100%}@keyframes blastPreview{0%{filter:brightness()}to{filter:brightness(1.22)}}@keyframes placeIn{0%{transform:scale(.62)}to{transform:scale(1)}}@keyframes blastOut{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(0)}}@keyframes sparks{0%{opacity:0;transform:scale(.7)}40%{opacity:1}to{opacity:0;transform:scale(1.7)}}@keyframes perfectToast{0%{opacity:0;transform:translate(-50%)translateY(12px)}14%,78%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-16px)}}@media (width<=370px){.bb-top{gap:6px}.bb-top-btn{min-height:36px;padding-inline:4px;font-size:.72rem}.bb-stat{padding-inline:8px}.bb-tray,.bb-slot{min-height:112px}.bb-piece{--piece-cell:clamp(12px, 4vw, 17px);--piece-gap:3px}}.doodle-screen,.doodle-screen .screen-header{gap:8px}.doodle-screen .screen-heading h1{font-size:1.42rem;line-height:1}.doodle-screen .screen-heading p{margin-top:2px;font-size:.82rem}.doodle-screen .icon-btn{width:38px;height:38px;font-size:1.7rem}.dj-game{gap:8px;animation:.22s steps(5,end) screenIn;display:grid;position:relative}.dj-top{justify-content:flex-end;display:flex}.dj-top-btn,.dj-dialog button{border:3px solid var(--ink);background:var(--paper);min-height:36px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:0;padding:0 12px;font-size:.8rem;font-weight:950}.dj-top-btn{min-width:96px}.dj-top-btn:active,.dj-dialog button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.dj-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dj-stat{border:3px solid var(--ink);min-width:0;min-height:50px;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffe2f4;border-radius:0;align-content:center;gap:4px;padding:8px 10px;display:grid}.dj-stat span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:950}.dj-stat strong{text-overflow:ellipsis;font-size:1.18rem;line-height:1;overflow:hidden}.dj-stage{aspect-ratio:9/16;border:4px solid var(--ink);background:var(--ink);width:100%;min-height:472px;max-height:calc(100dvh - 174px);box-shadow:0 8px 0 var(--ink), 0 18px 34px #2c203e38;border-radius:0;padding:4px;position:relative;overflow:hidden}.dj-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:#dcc9f1;display:block}.dj-touch-zones{pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:4px}.dj-touch-zones span{color:#2c203eb8;background:#fff4ff8a;border:3px solid #2c203e6b;border-radius:0;align-self:end;place-items:center;width:42px;height:42px;margin:10px;font-size:1.9rem;font-weight:950;line-height:1;display:grid}.dj-touch-zones span:last-child{justify-self:end}.dj-modal{z-index:80;background:#2c203e9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dj-dialog{border:4px solid var(--ink);text-align:center;width:min(100%,328px);color:var(--ink);box-shadow:0 8px 0 var(--ink);background:#ffe2f4;border-radius:0;gap:12px;padding:20px;display:grid}.dj-dialog span{color:#55a866;text-transform:uppercase;font-size:.74rem;font-weight:950}.dj-dialog h2{color:#ff4ea8;margin:0;font-size:3rem;line-height:1}.dj-dialog small{color:var(--muted);font-weight:850}.dj-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dj-dialog-actions button:first-child{background:#55e69a}@media (width<=370px){.dj-stage{min-height:440px}}.knife-screen{gap:9px}.kh-game{gap:9px;animation:.24s screenIn;display:grid;position:relative}.kh-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kh-top-btn,.kh-dialog button,.kh-fire-btn{color:#2c203e;background:#fff4ff;border:3px solid #2c203e;border-radius:0;min-height:38px;font-size:.82rem;font-weight:950;box-shadow:0 5px #2c203e}.kh-top-btn:active,.kh-fire-btn:active,.kh-dialog button:active{transform:translateY(3px);box-shadow:0 2px #2c203e}.kh-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kh-stat{color:#2c203e;background:#ffe2f4;border:3px solid #2c203e;border-radius:0;align-content:center;gap:4px;min-width:0;min-height:54px;padding:8px 10px;display:grid;box-shadow:0 4px #2c203e}.kh-stat span{color:#7b4c89;text-transform:uppercase;font-size:.68rem;font-weight:950}.kh-stat strong{text-overflow:ellipsis;font-size:1.18rem;line-height:1;overflow:hidden}.kh-stage{aspect-ratio:9/16;background:#2c203e;border:4px solid #2c203e;border-radius:0;width:100%;min-height:432px;max-height:calc(100dvh - 220px);padding:4px;position:relative;overflow:hidden;box-shadow:0 8px #2c203e,0 18px 34px #2c203e38}.kh-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:manipulation;background:#dcc9f1;display:block}.kh-overlay{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.kh-overlay span,.kh-overlay b{color:#2c203e;background:#fff4ff;border:3px solid #2c203e;place-items:center;min-height:32px;font-weight:950;display:inline-grid;box-shadow:0 4px #2c203e}.kh-overlay span{padding:0 10px;font-size:.78rem}.kh-overlay b{width:42px;font-size:1.1rem}.kh-fire-btn{z-index:4;background:#ff7ac8;width:min(220px,100% - 32px);min-height:48px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.kh-fire-btn:active{transform:translate(-50%)translateY(3px)}.kh-modal{z-index:80;background:#2c203e9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kh-dialog{text-align:center;color:#2c203e;background:#ffe2f4;border:4px solid #2c203e;border-radius:0;gap:12px;width:min(100%,332px);padding:20px;display:grid;box-shadow:0 8px #2c203e}.kh-dialog span{color:#9c56ef;text-transform:uppercase;font-size:.74rem;font-weight:950}.kh-dialog h2,.kh-dialog p{margin:0}.kh-dialog h2{color:#ff4ea8;font-size:3rem;line-height:1}.kh-dialog p,.kh-dialog small{color:#6d4a78;font-weight:850;line-height:1.35}.kh-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kh-dialog-actions button:first-child{background:#ffd166}@media (width<=370px){.kh-stage{min-height:402px}.kh-stat{padding-inline:8px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2c203e;--bg:#dcc9f1;--paper:#fff4ff;--paper-strong:#ffe2f4;--line:#f0b5df;--muted:#7b4c89;--red:#ff5f9f;--green:#55e69a;--blue:#72d4ff;--gold:#ffd166;--violet:#9c56ef;--shadow:#2c203e38;font-family:Trebuchet MS,Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100dvh;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#b99de6;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #fff4ff}.tg-shell{width:min(100%,480px);min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));isolation:isolate;background:repeating-linear-gradient(0deg,#fff3 0 1px,#0000 1px 22px),repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 22px),linear-gradient(#ead9f4 0%,#d7c3ef 54%,#bca4e7 100%);margin:0 auto;position:relative;overflow:hidden}.tg-shell:before,.tg-shell:after,.app-glow{content:"";pointer-events:none;position:absolute}.tg-shell:before{z-index:0;opacity:.72;background:linear-gradient(#fff7ff,#fff7ff) 24px 72px/58px 18px no-repeat,linear-gradient(#ffd3ee,#ffd3ee) 20px 88px/68px 8px no-repeat,linear-gradient(#fff7ff,#fff7ff) 336px 126px/72px 18px no-repeat,linear-gradient(#ffd3ee,#ffd3ee) 328px 142px/86px 8px no-repeat,linear-gradient(#fff7ff,#fff7ff) 28px 512px/66px 18px no-repeat,linear-gradient(#ffd3ee,#ffd3ee) 22px 528px/82px 8px no-repeat;inset:0}.tg-shell:after{z-index:0;background:repeating-linear-gradient(90deg,#2c203e1f 0 10px,#0000 10px 22px),linear-gradient(#f476ba 0 8px,#f7a8d5 8px 100%);height:74px;inset:auto 0 0}.app-glow{z-index:0;background:linear-gradient(#fff8ff,#fff8ff) 64% 14%/8px 24px no-repeat,linear-gradient(#fff8ff,#fff8ff) 64% 14%/24px 8px no-repeat,linear-gradient(#ff7ac8,#ff7ac8) 88% 30%/6px 18px no-repeat,linear-gradient(#ff7ac8,#ff7ac8) 88% 30%/18px 6px no-repeat,linear-gradient(#fff8ff,#fff8ff) 16% 64%/5px 15px no-repeat,linear-gradient(#fff8ff,#fff8ff) 16% 64%/15px 5px no-repeat;height:140px;inset:32px 18px auto}.screen{z-index:1;gap:12px;animation:.22s steps(5,end) screenIn;display:grid;position:relative}.screen-header{align-items:center;gap:10px;display:flex}.screen-heading{min-width:0}.screen-heading h1,.hero h1{color:var(--ink);letter-spacing:0;text-shadow:2px 2px #fff4ff;margin:0;font-size:1.7rem;line-height:1.04}.screen-heading p,.hero p{color:var(--muted);margin:5px 0 0;font-size:.92rem;font-weight:800;line-height:1.34}.icon-btn{border:3px solid var(--ink);background:var(--paper);width:42px;height:42px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:0;flex:none;font-size:2rem;font-weight:950;line-height:1}.icon-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.hero{border:4px solid var(--ink);min-height:252px;box-shadow:0 8px 0 var(--ink), 0 18px 34px var(--shadow);background:repeating-linear-gradient(0deg,#ffffff47 0 1px,#0000 1px 18px),#e7d6ef;border-radius:0;align-items:end;padding:22px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;align-content:end;gap:12px;max-width:min(268px,64%);display:grid;position:relative}.hero-copy p{max-width:25ch}.hero-character{z-index:1;width:clamp(96px,30vw,132px);height:auto;image-rendering:pixelated;filter:drop-shadow(6px 8px #2c203e38);position:absolute;bottom:18px;right:clamp(8px,4vw,26px)}.hero-dialog{z-index:4;border:3px solid var(--ink);width:min(178px,47%);min-height:48px;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff4ff;border-radius:0;align-items:center;padding:9px 10px;font-size:.76rem;font-weight:950;line-height:1.22;animation:.18s steps(4,end) heroDialogIn,.9s steps(2,end) infinite alternate heroDialogFloat;display:grid;position:absolute;top:16px;right:14px}.hero-dialog:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:14px;height:14px;box-shadow:3px 3px 0 var(--ink);background:#fff4ff;position:absolute;bottom:-12px;right:22px}.hero-platform{z-index:0;border:4px solid var(--ink);background:#ff7ac8;width:178px;height:24px;position:absolute;bottom:12px;right:10px;box-shadow:inset 0 5px #ffb7df}.hero-star{z-index:2;background:#fff8ff;width:8px;height:24px;position:absolute;box-shadow:0 8px #fff8ff,-8px 8px #fff8ff,8px 8px #fff8ff}.hero-star-a{top:26px;right:118px}.hero-star-b{background:#ff7ac8;top:88px;right:26px;box-shadow:0 8px #ff7ac8,-8px 8px #ff7ac8,8px 8px #ff7ac8}.primary-btn{border:3px solid var(--ink);width:fit-content;max-width:100%;min-height:48px;color:var(--ink);box-shadow:0 5px 0 var(--ink);background:#ffd166;border-radius:0;padding:0 14px;font-weight:950}.primary-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.notice,.empty-state{border:3px solid var(--ink);color:var(--muted);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:0;margin:0;padding:13px;font-weight:850}.menu-grid{gap:10px;display:grid}.menu-card,.game-card,.leader-row{--card-accent:var(--gold);border:3px solid var(--ink);text-align:left;background:var(--paper);width:100%;min-height:82px;color:var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:0;gap:10px;padding:13px;transition:transform .12s steps(2,end),background .12s;display:grid}.menu-card{grid-template-columns:48px minmax(0,1fr);align-content:center;align-items:center}.menu-card:hover,.game-card:hover{background:#fff9d8;transform:translateY(-2px)}.menu-card:active,.game-card:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.menu-card.hot{background:linear-gradient(90deg, color-mix(in srgb, var(--card-accent) 34%, transparent), transparent 62%), var(--paper)}.muted-card,.disabled-card{opacity:.76}.card-icon,.game-icon,.avatar{border:3px solid var(--ink);background:var(--card-accent);width:46px;height:46px;color:var(--ink);border-radius:0;place-items:center;font-size:1.45rem;font-style:normal;font-weight:950;display:grid;box-shadow:inset 0 5px #ffffff52}.menu-card[data-game=doodle_jump] .card-icon,.game-card[data-game=doodle_jump] .game-icon{background:#55e69a}.menu-card[data-game=knife_hit] .card-icon,.game-card[data-game=knife_hit] .game-icon{background:#ff7ac8}.card-copy{gap:4px;min-width:0;display:grid}.menu-card strong,.game-card strong{font-size:1.02rem;line-height:1.16;display:block}.menu-card em,.game-card em,.leader-name em{color:var(--muted);margin-top:3px;font-size:.82rem;font-style:normal;font-weight:800;line-height:1.28;display:block}.menu-card em{max-width:30ch}.game-card{grid-template-columns:50px 1fr auto;align-items:center}.game-card b{min-width:48px;color:var(--ink);text-align:right;font-size:1.08rem}.game-tabs{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);scrollbar-width:none;background:#ffe2f4;border-radius:0;grid-auto-columns:minmax(132px,1fr);grid-auto-flow:column;gap:8px;padding:5px;display:grid;overflow-x:auto}.game-tabs::-webkit-scrollbar{display:none}.game-tabs button{min-height:40px;color:var(--muted);white-space:nowrap;background:0 0;border:3px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:7px;font-size:.82rem;font-weight:950;display:inline-flex}.game-tabs button.active{border-color:var(--ink);background:var(--paper);color:var(--ink)}.tabs{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffe2f4;border-radius:0;grid-template-columns:repeat(3,1fr);gap:7px;padding:5px;display:grid}.tabs button{min-height:38px;color:var(--muted);background:0 0;border:3px solid #0000;border-radius:0;font-size:.82rem;font-weight:950}.tabs button.active{border-color:var(--ink);background:var(--paper);color:var(--ink)}.leaderboard-list{gap:10px;display:grid}.leader-row{grid-template-columns:42px 46px 1fr auto;align-items:center;min-height:72px;padding:12px}.leader-row.me{background:linear-gradient(90deg, #ffd16685, transparent 58%), var(--paper)}.leader-row b{color:#9c56ef}.leader-name{min-width:0}.leader-name strong,.leader-name em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leader-score{font-size:1.06rem}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroDialogIn{0%{opacity:0}to{opacity:1}}@keyframes heroDialogFloat{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@media (width<=370px){.tg-shell{padding-left:10px;padding-right:10px}.hero{min-height:236px;padding:16px}.hero-copy{gap:10px;max-width:60%}.hero-character{width:94px;right:4px}.hero-dialog{width:132px;min-height:44px;padding:8px;font-size:.68rem;top:12px;right:10px}.hero-dialog:after{right:18px}.hero-platform{width:132px}.screen-heading h1,.hero h1{font-size:1.42rem}.hero p{font-size:.82rem}.primary-btn{min-height:44px;padding-inline:10px;font-size:.86rem}.menu-card,.game-card{padding:11px}}