.mini-games{margin-top:32px;border-top:1px solid var(--outline);padding-top:26px}.mini-heading,.mini-board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.mini-heading h2{font-size:20px;font-weight:700}.mini-heading>span,.mini-board-heading>span{font-size:12px;color:var(--muted)}.mini-heading b{color:var(--prose);font-variant-numeric:tabular-nums;margin-left:6px}.mini-stage{position:relative;background:radial-gradient(circle at center,#202038,#151526);border:1px solid #2a2a43;border-radius:16px;overflow:hidden;min-height:300px}.circle-tap{display:block;width:100%;touch-action:manipulation;cursor:pointer}.circle-tap canvas{display:block;width:min(100%,400px);height:auto;aspect-ratio:1;margin:auto}.circle-tap:focus-visible{outline:2px solid #fca175;outline-offset:-4px}.mini-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141424c9;gap:12px;color:#fff;text-align:center;padding:20px}.mini-overlay strong{font-size:25px;font-weight:700}.mini-overlay p{font-size:13px;color:#bdbdd0}.mini-overlay button,.mini-collect{padding:10px 28px;border-radius:8px;background:#ee7866;color:#171525;font-weight:700;cursor:pointer}.mini-overlay button:disabled{opacity:.6;cursor:default}.mini-credit{font-size:11px;color:var(--muted);margin:10px 0 22px;overflow-wrap:anywhere}.mini-credit a{text-decoration:underline;text-underline-offset:3px}.mini-board-heading{margin-top:20px;margin-bottom:10px}.mini-board-heading h3{font-weight:650;font-size:14px}.mini-personal{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--surface-raised);border-radius:8px;padding:10px 12px;font-size:12px;margin-bottom:7px}.mini-personal>span{margin-left:auto}.mini-leaderboard{overflow:visible}.mini-record{background:var(--surface-raised);flex-wrap:wrap}.mini-record>span{font-size:11px;color:var(--muted)}.mini-leaderboard li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-bottom:1px solid var(--outline-subtle);font-size:13px}.mini-leaderboard li.is-you{background:var(--surface-dim)}.mini-rank{min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums}.mini-leaderboard a{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.mini-leaderboard .mini-title{display:inline-flex;min-width:0;max-width:40%;flex:0 1 auto;margin-left:-4px}.mini-leaderboard .mini-title .title-tag{max-width:100%}
@media (max-width:560px){.mini-leaderboard .mini-title{max-width:34%}}.mini-leaderboard img{width:24px;height:24px;border-radius:50%}.mini-leaderboard li>b{margin-left:auto;font-family:monospace;font-size:15px}.mini-reward-note,.mini-empty{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.mini-message,.mini-error{font-size:13px;margin-top:12px}.mini-message{color:var(--status-success)}.mini-error{color:var(--status-danger)}.mini-collect{font-size:12px;margin-top:12px}.number-game{max-width:340px;margin:auto;padding:20px;color:#eeedf6}.number-hud{display:flex;justify-content:space-between;font-size:13px;margin-bottom:14px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.number-grid button{height:75px;background:#26385e;border-radius:10px;font-size:24px;font-weight:650;cursor:pointer;touch-action:manipulation}.number-grid button:disabled{opacity:.25;cursor:default}.number-game>p{text-align:center;margin-top:12px;color:#bdbdd0;font-size:13px}.mini-loading{padding:60px;text-align:center;color:#bdbdd0}
.mini-admin{display:flex;align-items:end;gap:9px;margin-bottom:12px}.mini-admin label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.mini-admin select{min-width:150px;border:1px solid var(--outline);background:var(--surface);border-radius:6px;padding:7px;color:var(--prose)}.mini-admin button{background:var(--prose);color:var(--site-bg);padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer}

.compare-game{max-width:370px;min-height:320px;margin:auto;padding:22px;color:#eeedf6}.compare-game>p{text-align:center;font-size:14px;color:#bdbdd0;margin:25px 0}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-pair button{height:115px;border-radius:12px;background:#293e69;color:#fff;font:700 38px monospace;cursor:pointer;touch-action:manipulation}.compare-pair button:active{background:#f28572}.compare-pair button:disabled{opacity:.5;cursor:default}

.color-game,.odd-game{min-height:330px;max-width:390px;margin:auto;padding:20px;color:#eeedf6}.color-game>p,.odd-game>p{text-align:center;color:#bdbdd0;font-size:13px;margin:17px 0}.color-word{display:block;text-align:center;font-size:36px;letter-spacing:.08em;margin:20px 0}.color-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.color-choices button{aspect-ratio:1;border:3px solid #ffffff55;border-radius:50%;cursor:pointer;touch-action:manipulation}.color-choices button:disabled{opacity:.65}.odd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.odd-grid button{height:53px;border-radius:8px;background:#293e69;color:#f0edf8;font-size:25px;cursor:pointer;touch-action:manipulation}.odd-grid button:active{background:#ef8a75}.odd-grid button:disabled{opacity:.6}

.letter-game{max-width:500px;margin:auto;padding:18px;color:#eff5ff;text-align:center}.letter-grid{display:grid;gap:7px;position:relative;width:min(100%,430px);margin:auto;touch-action:none}.letter-grid svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.letter-grid svg line{stroke:#77f1df;stroke-width:.055;stroke-linecap:round;filter:drop-shadow(0 0 4px #77f1df)}.letter-grid button{aspect-ratio:1;min-width:0;border:1px solid #536289;border-radius:9px;background:#263456;color:#f1f2ff;font:700 clamp(13px,4vw,26px) var(--font-ui);cursor:crosshair;touch-action:none;position:relative;z-index:2}.letter-grid button span{display:block}.letter-grid button.is-flipped span{transform:rotate(180deg)}.letter-grid button.is-selected{border-color:#7ff7df;box-shadow:0 0 0 2px #7ff7df}.letter-grid button.is-matched{background:#256658;border-color:#6ee0ce}.letter-game p,.miniroll-game p{font-size:12px;color:#bdbdd0;margin:13px 0 0}
.mini-stage>.mini-overlay{z-index:10}
.miniroll-game{max-width:470px;min-height:330px;margin:auto;padding:22px;color:#eff5ff;text-align:center;display:flex;flex-direction:column}.miniroll-artifact{flex:1;min-height:150px;display:grid;place-items:center}.miniroll-artifact .number-artifact,.miniroll-artifact .number-card{max-width:100%}.miniroll-placeholder{letter-spacing:.12em;font:700 clamp(28px,8vw,44px) monospace;color:#9099ae}.miniroll-button{margin:auto;background:#ea825e;color:#1b1825;padding:12px 48px;border-radius:9px;font:800 17px var(--font-ui);cursor:pointer;touch-action:manipulation}.miniroll-button:disabled{opacity:.5;cursor:default}
.wave-game,.orbit-game{max-width:620px;margin:auto;padding:12px;color:#eff5ff;touch-action:none;user-select:none}.wave-game{background:#10051f}.wave-game canvas{display:block;width:100%;aspect-ratio:10/7;border-radius:10px;touch-action:none}.orbit-game{max-width:430px}.orbit-game canvas{display:block;width:100%;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:none}.mini-stage:has(.orbit-game){background:#fafaf8}.mini-stage:has(.orbit-game) .number-hud{color:#22252b}.mini-stage:has(.orbit-game) .mini-overlay{background:#fafaf8d9;color:#17191d}.mini-stage:has(.orbit-game) .mini-overlay p{color:#4b5058}

.chain-game{min-height:320px;display:flex;flex-direction:column;max-width:560px;margin:auto;padding:22px;color:#eeedf6;cursor:text;user-select:none}
.chain-track{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;overflow:hidden;padding:30px 4px;font-family:monospace;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.chain-num{font-size:28px;color:#c9cbe0;animation:chain-in .18s ease-out}
.chain-op{font-size:30px;font-weight:700;color:#f49b68;padding:4px 12px;border-radius:10px;background:#f49b6822;border:1px solid #f49b6866;animation:chain-in .18s ease-out}
.chain-slot{position:relative;min-width:96px;padding:12px 18px;border-radius:12px;background:#17213a;border:2px solid #66759a;font-size:44px;font-weight:700;color:#fff;text-align:left;display:inline-flex;align-items:center}
.chain-slot.has-op{border-color:#f49b68}
.chain-slot em{font-style:normal;color:#5f6987;margin-left:4px}
.chain-caret{display:inline-block;width:3px;height:1em;background:#f49b68;margin-left:2px;animation:chain-blink 1s steps(1) infinite}
.chain-slot.is-wrong{border-color:#ef5569;animation:chain-shake .25s}
.chain-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
@keyframes chain-in{from{transform:translateX(16px);opacity:0}}
@keyframes chain-blink{50%{opacity:0}}
@keyframes chain-shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

.mini-big-toggle{position:absolute;top:10px;right:10px;z-index:20;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#ffffff14;color:#e9e9f5;cursor:pointer;border:1px solid #ffffff22}
.mini-big-toggle:hover{background:#ffffff26}
.mini-big-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mini-stage:has(.orbit-game) .mini-big-toggle{background:#0000000d;color:#22252b;border-color:#00000022}
body.mini-big-open{overflow:hidden}
.mini-stage.is-big{position:fixed;inset:0;z-index:1000;border-radius:0;border:0;display:flex;align-items:center;justify-content:center;min-height:0}
.mini-stage.is-big .circle-tap{height:100%;display:grid;place-items:center}
.mini-stage.is-big .circle-tap canvas{width:min(94vw,94vh);max-width:none}
.mini-stage.is-big .wave-game{max-width:none;width:min(100vw,calc((100vh - 24px)*10/7));padding:12px}
.mini-stage.is-big .orbit-game{max-width:none;width:min(94vw,calc(100vh - 70px))}
.mini-stage.is-big .mini-overlay strong{font-size:34px}
.mini-stage.is-big .mini-overlay p{font-size:15px}

.stacker-game{display:block;width:100%;touch-action:manipulation}.stacker-game canvas{display:block;width:100%;max-height:65vh;aspect-ratio:6/5;object-fit:contain}.mini-stage.is-big .stacker-game{width:min(100vw,120vh);height:auto}.mini-stage.is-big .stacker-game canvas{max-height:100vh;width:100%;height:auto}

.flappy-game{display:block;width:100%;touch-action:manipulation}.flappy-game canvas{display:block;width:100%;aspect-ratio:10/7;object-fit:contain}.mini-stage.is-big .flappy-game{width:min(100vw,143vh)}.rarity-game{padding:28px 20px;color:#eee;min-height:300px}.rarity-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.rarity-choices button{padding:30px 8px;min-width:0;border:1px solid #595371;border-radius:12px;background:#28263e;color:#fff;transition:background .15s}.rarity-choices button:not(:disabled):hover{background:#413851}.rarity-choices strong{font:600 clamp(18px,4vw,32px) monospace;overflow-wrap:anywhere}.rarity-choices small{display:block;margin-top:10px;color:#bcb2d2}.rarity-choices button:focus-visible{outline:2px solid #c6b2ff}

.typing-game{width:100%;padding:24px 22px;min-height:280px;background:#292b30;border-radius:14px}.typing-game .number-hud{color:#e7c976}.typing-field{position:relative;cursor:text;margin-top:28px;min-height:170px;overflow:hidden}.typing-words{font:25px/1.85 ui-monospace,monospace;color:#72757b;display:flex;flex-wrap:wrap;gap:0 .65ch;max-height:150px;overflow:hidden;text-align:left;user-select:none}.typing-word{position:relative;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.typed-correct{color:#f0f1ed}.typed-wrong{color:#f0727c;text-decoration:underline}.typing-caret{display:inline-block;width:2px;height:1.2em;background:#edcc69;vertical-align:text-bottom;box-shadow:0 0 8px #edcc6940;animation:typing-blink 1s steps(2) infinite;margin-right:-2px}.typing-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:text;caret-color:transparent}.rarity-reveal{display:flex;align-items:center;flex-direction:column;gap:14px;padding:10px 12px 24px;animation:rarity-card-in .5s ease-out}.rarity-reveal>strong{font-size:18px}.rarity-reveal small{color:#8e93a7;font-size:12px}.rarity-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:530px}.rarity-badges>span{padding:7px 10px;background:#ffffff09;border:1px solid #ffffff15;border-radius:8px;font-size:12px;animation:rarity-card-in .4s both}.rarity-badges b{margin-left:5px;color:#dbc996}.rarity-correct{color:#6de1a7;font-size:12px;letter-spacing:2px;text-transform:uppercase}.rarity-wrong{color:#ed8796;font-size:12px;letter-spacing:2px;text-transform:uppercase}.mini-admin{flex-wrap:wrap}.mini-admin button[aria-pressed=true]{border-color:#e7c976;color:#e7c976}.mini-stage:has(.typing-game){min-height:280px}@keyframes typing-blink{50%{opacity:.3}}@keyframes rarity-card-in{from{opacity:0;transform:translateY(16px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media(max-width:500px){.typing-words{font-size:21px}.typing-game{padding:18px 14px}}
.rarity-toast-host{position:fixed;right:20px;bottom:24px;z-index:110;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(360px,90vw)}.rarity-toast-host .toast{border-color:#c6a35f80;box-shadow:0 4px 32px #b6893420}.rarity-toast-host strong{font-size:10px;letter-spacing:.15em;color:#e7c976}.rarity-toast-host p{margin:5px 0;overflow-wrap:anywhere}.rarity-toast-host small{color:#b5ad9a}
.rarity-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;align-items:start}
.rarity-result{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:12px 8px;border:1px solid var(--outline);border-radius:12px}
.rarity-result.is-winner{border-color:#6eb397;background:#6eb3970b}.rarity-result>small{font-size:11px;color:var(--prose-3)}
.rarity-result>strong{font-size:13px;overflow-wrap:anywhere}.rarity-result .rarity-badges{width:100%;font-size:10px}.rarity-result .rarity-badges span{animation:none}
.rarity-next{padding:9px 18px;border:1px solid var(--outline);border-radius:8px;font-size:13px;background:var(--surface-raised)}
.typing-input{font-size:16px}
@media(max-width:480px){.rarity-comparison{gap:6px}.rarity-result{padding:8px 3px}.rarity-result .rarity-badges b{display:block}}

/* Number Charade */
.charade-game{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:620px;margin:auto;padding:18px 14px;min-height:320px}
.charade-head{display:flex;justify-content:space-between;width:100%;font-size:13px;color:var(--prose-3)}
.charade-timer b{font-variant-numeric:tabular-nums;color:var(--prose)}.charade-timer.is-low b{color:#e5484d}.charade-timer.is-results b{color:#7adbbc}
.charade-target{display:flex;flex-direction:column;align-items:center;gap:6px}.charade-ep{font-size:12px;color:var(--prose-3);font-variant-numeric:tabular-nums}
.charade-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-height:190px;overflow:auto}
.charade-badges .is-miss{opacity:.4}.charade-badges .is-match{box-shadow:0 0 0 2px #46c98b}
.charade-form{display:flex;gap:8px;width:min(420px,100%)}
.charade-form input{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--outline-strong);border-radius:8px;background:var(--surface);color:var(--prose);font:inherit;font-variant-numeric:tabular-nums}
.charade-form button{padding:11px 18px;border-radius:8px;background:var(--prose);color:var(--site-bg);font-weight:650;white-space:nowrap}.charade-form button:disabled{opacity:.4}
.charade-last,.charade-mine,.charade-phase,.charade-none{font-size:13px;color:var(--prose-3);text-align:center}.charade-last b,.charade-mine b{color:var(--prose)}
.charade-results{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.charade-top{display:flex;flex-direction:column;gap:6px;width:min(560px,100%);container-type:inline-size;padding:0;margin:0;list-style:none}
.charade-top li{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,max-content) max-content max-content;grid-template-areas:'place user card shared pts';align-items:center;column-gap:9px;row-gap:5px;padding:7px 10px;border:1px solid var(--outline);border-radius:10px;background:var(--surface-raised);min-width:0}
.charade-top .charade-place{grid-area:place}.charade-top .charade-user{grid-area:user;display:flex;align-items:center;gap:5px;min-width:0}.charade-top .charade-user>a>span{overflow:hidden;text-overflow:ellipsis}.charade-top li>.charade-guess{grid-area:card}.charade-top .charade-shared{grid-area:shared}.charade-top .charade-pts{grid-area:pts}
@container (max-width:430px){.charade-top li{grid-template-columns:24px minmax(0,1fr) max-content;grid-template-areas:'place user pts' 'place card shared'}.charade-top li>.charade-guess{justify-self:start;max-width:100%!important}}
.charade-top a{display:flex;align-items:center;gap:6px;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charade-top img{width:22px;height:22px;border-radius:50%}
.charade-top .charade-guess{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:2px 10px}.charade-shared{font-size:11px;color:var(--prose-3);white-space:nowrap}.charade-pts{min-width:30px;text-align:right;font-weight:700;color:#7adbbc}

.orbit-game,.mini-stage:has(.orbit-game){touch-action:none}.orbit-game canvas{touch-action:none}
.mines-game{padding:12px;width:100%;max-width:580px;margin:auto}.mines-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;background:#10141e;padding:5px;border-radius:8px;user-select:none;touch-action:manipulation}.mines-grid button{aspect-ratio:1;min-width:0;padding:0;border:1px solid #445067;border-radius:3px;background:linear-gradient(#34435b,#263248);font:bold clamp(10px,2.6vw,17px) monospace;color:#e5eaf3;touch-action:manipulation}.mines-grid button:disabled{opacity:1}.mines-grid button.is-open{background:#131c2a;border-color:#202b3d}.mines-grid button.is-mine{background:#982c46;color:white}.mines-grid [data-number='1']{color:#65b9ff}.mines-grid [data-number='2']{color:#69e3af}.mines-grid [data-number='3']{color:#ff7d95}.mines-grid [data-number='4']{color:#c2a0ff}.mines-game .number-hud button{font-size:12px;border:1px solid #52617e;padding:5px 10px;border-radius:6px}.mines-game .number-hud button[aria-pressed=true]{background:#594921}.rhythm-game{width:100%;background:#0b0e18;color:#eaf1ff}.rhythm-game canvas{display:block;width:100%;aspect-ratio:10/7;touch-action:none;cursor:crosshair}.rhythm-game .number-hud{padding:12px 18px;font-variant-numeric:tabular-nums}.mini-stage:has(.rhythm-game),.mini-stage:has(.mines-game){min-height:0}.mini-stage:has(.mines-game) .mini-overlay{background:#080b13e8}.mini-stage:has(.rhythm-game) .mini-overlay{background:#080b13c9}

.tiles-game,.snake-game{width:100%;max-width:440px;margin:auto;padding:12px;touch-action:none;user-select:none}
.tiles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border-radius:10px;background:#bbada0;aspect-ratio:1}
.tiles-cell{display:grid;place-items:center;border-radius:6px;background:#cdc1b440;font-weight:800;font-variant-numeric:tabular-nums}
.tiles-cell.is-new{animation:tile-pop .16s ease-out}.tiles-cell.is-merged{animation:tile-merge .16s ease-out}
@keyframes tile-pop{from{transform:scale(.2);opacity:0}}@keyframes tile-merge{50%{transform:scale(1.14)}}
.snake-game canvas{display:block;width:100%;aspect-ratio:1;border-radius:10px}
.mini-stage.is-big .tiles-game,.mini-stage.is-big .snake-game{max-width:min(92vw,80vh)}

/* Practice */
.practice-page{width:100%;max-width:1000px;margin:0 auto;padding:18px 14px 40px}
.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.practice-tile{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid var(--outline);text-align:left;transition:transform .15s,border-color .15s}
.practice-tile:hover{transform:translateY(-2px);border-color:#f5c84c}.practice-tile strong{font-size:15px}
.practice-tile span{font-size:12px;color:var(--prose-2)}.practice-tile b{font-variant-numeric:tabular-nums;color:var(--prose)}.practice-tile small{font-size:11px;color:#f5c84c}
.practice-full{position:fixed;inset:0;z-index:1000;background:var(--site-bg,#0b0b10);display:flex;flex-direction:column}
.practice-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--outline)}
.practice-bar strong{font-size:16px;margin-right:auto}.practice-bar span{font-size:13px;color:var(--prose-2)}.practice-bar b{color:var(--prose);font-variant-numeric:tabular-nums;margin-left:4px}.practice-bar small{margin-left:4px;color:var(--prose-3)}
.practice-close,.practice-again{padding:6px 12px;border-radius:9px;border:1px solid var(--outline);font-weight:700}
.practice-again{background:linear-gradient(135deg,#f5c84c,#f08a24);color:#1d1305;border:0}
.practice-stage{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;padding:12px}
.practice-stage .mini-games{width:min(100%,900px)}
.mini-practice-link{margin-left:auto;margin-right:10px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--outline);color:inherit;text-decoration:none}.mini-practice-link:hover{border-color:#f5c84c}

.mini-tag{flex:none;margin-left:6px;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.06em;line-height:14px}
.mini-tag--pb{background:#3dd68c26;color:#3dd68c;border:1px solid #3dd68c66}
.mini-tag--wr{background:linear-gradient(90deg,#ffd166,#ff8fab);color:#2a1300;box-shadow:0 0 10px #ffd16666}

.mini-leaderboard .mini-rolled-number{margin-left:auto;padding:2px 8px;max-width:45%;}
.mini-leaderboard .mini-rolled-number+b{margin-left:10px;min-width:88px;text-align:right}
.miniroll-best-number{color:#bdbdd0;font-weight:500;overflow-wrap:anywhere}

.tetris-game{width:100%;max-width:460px;margin:auto;padding:10px;user-select:none;touch-action:none}.tetris-game canvas{display:block;width:100%;height:auto}.mini-stage.is-big .tetris-game{max-width:min(92vw,72vh)}
.tetris-pads{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px}.tetris-pads button{padding:12px 0;border-radius:8px;background:#26304a;color:#e6e9f2;font-weight:700;font-size:15px;touch-action:none}.tetris-pads button:active{background:#3a4770}@media (hover:hover) and (pointer:fine){.tetris-pads{display:none}}

/* Stay on Black on touch screens: a trackpad below the board steers the cursor. */
.orbit-pad{display:none}
  .orbit-pad.is-shown{display:grid;place-items:center;position:relative;margin:12px auto 0;width:100%;height:clamp(120px,24vh,190px);border-radius:16px;background:#ececea;border:1px solid #00000018;color:#8a8f98;font-size:13px;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}
  .orbit-pad.is-shown[data-on]::after{content:"";position:absolute;left:var(--fx);top:var(--fy);width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#22252b14;border:2px solid #22252b30}
  .orbit-pad.is-shown[data-on] span{opacity:.3}
  .mini-stage.is-big .orbit-game:has(.orbit-pad.is-shown){width:min(94vw,calc(100vh - 290px))}
.mini-stage:has(.orbit-game) .mini-overlay{touch-action:none}

/* Phi Line */
.phi-game{width:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#07080f;overscroll-behavior:none}
.phi-game canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none}
/* Big screen: the canvas takes the whole screen; the field keeps its shape inside. */
.mini-stage.is-big:has(.phi-game){background:#07080f}
.mini-stage.is-big .phi-game{position:absolute;inset:0;width:auto}.mini-stage.is-big .phi-game canvas{width:100%;height:100%;aspect-ratio:auto}
/* Upright phones: a tall stage; the field is drawn turned, landscape-style. */
@media (pointer:coarse) and (orientation:portrait),(max-width:700px) and (orientation:portrait){.phi-game canvas{aspect-ratio:auto;height:min(620px,78vh)}}
.mini-overlay.is-phi{background:#05060bd0;backdrop-filter:blur(3px);overflow:auto;justify-content:safe center;gap:10px;padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left))}
.mini-overlay.is-phi p{color:#d6dbe8;max-width:560px;width:100%}
.mini-overlay.is-phi button:not(.phi-pick button){min-height:46px;min-width:150px;font-size:16px}
.phi-intro,.phi-result{text-transform:none;letter-spacing:normal;display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:left}
.phi-pick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.mini-overlay .phi-pick button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;padding:6px;min-height:56px;border-radius:8px;background:#ffffff0d;border:1px solid #ffffff1f;color:#dfe4f0;text-align:left;font-weight:400;touch-action:manipulation}
.phi-pick img{grid-row:span 2;width:42px;height:42px;object-fit:cover;border-radius:4px}
.phi-pick b{font-size:15px;color:#fff;letter-spacing:.06em}.phi-pick small{font-size:11px;color:#9ba3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phi-pick em{position:absolute;top:4px;right:6px;font:600 10px system-ui,sans-serif;font-style:normal;color:#ffe9a3}.phi-pick button{position:relative;text-transform:none;letter-spacing:normal}
.mini-overlay .phi-pick button.is-on{border-color:#fff;background:#ffffff1f;box-shadow:0 0 0 1px #fff inset}
.phi-pick-ez.is-on b{color:#9cf0b0}.phi-pick-at b{color:#e7c3ff}.phi-pick-at.is-on b{color:#fff;text-shadow:0 0 8px #c084fc}.mini-overlay .phi-pick button.is-locked{opacity:.45;cursor:not-allowed}.mini-overlay .phi-pick button.is-locked img{filter:grayscale(1) blur(1px)}.phi-pick-hd.is-on b{color:#8fd4ff}.phi-pick-in.is-on b{color:#ff9fb4}
.mania-game{width:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#06070d;overscroll-behavior:none}
.mania-game canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none}
.mini-stage.is-big:has(.mania-game){background:#06070d}
.mini-stage.is-big .mania-game{position:absolute;inset:0;width:auto}.mini-stage.is-big .mania-game canvas{width:100%;height:100%;aspect-ratio:auto}
@media (pointer:coarse) and (orientation:portrait),(max-width:700px) and (orientation:portrait){.mania-game canvas{aspect-ratio:auto;height:min(680px,80vh)}}
.mania-pick-0.is-on b{color:#9cf0b0}.mania-pick-1.is-on b{color:#8fd4ff}.mania-pick-2.is-on b{color:#ffd23f}.mania-pick-3.is-on b{color:#ff9fb4}.mania-pick-4.is-on b{color:#c9b0ff}
.mania-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.mania-hint{color:#aab2c6;font-size:12px}
.mania-speed{display:inline-flex;align-items:center;gap:6px}.mania-speed small{color:#9ba3b8;font-size:12px;margin-right:2px}
.mania-speed b{min-width:3.2em;text-align:center;color:#fff;font:700 14px system-ui,sans-serif}
.mini-overlay .mania-speed button{min-width:34px!important;min-height:34px!important;padding:0;border-radius:8px;background:#ffffff12;border:1px solid #ffffff2a;color:#fff;font:600 18px/1 system-ui,sans-serif;touch-action:manipulation}
.mini-overlay .mania-speed button:disabled{opacity:.35}
.mania-pick button.is-on{border-color:var(--acc)!important;box-shadow:0 0 0 1px var(--acc) inset,0 0 18px color-mix(in srgb,var(--acc) 35%,transparent)!important}
.mania-pick button.is-on b{color:var(--acc)!important}
.mania-result{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"grade sum" "bars bars" "time time";gap:10px 18px;align-items:center;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 14%,#0b0d16),#0b0d16cc);border:1px solid color-mix(in srgb,var(--acc) 35%,transparent)}
.mania-result .mania-grade{grid-area:grade}.mania-sum{grid-area:sum;display:flex;flex-direction:column;gap:3px;min-width:0}
.mania-sum b{font:300 34px system-ui,sans-serif;color:#fff;letter-spacing:.06em}.mania-sum small{color:#aab2c6;font-size:12px}.mania-sum strong{color:#fff;font-size:15px}.mania-sum em{font-style:normal;color:var(--acc);font-weight:700}
.mania-bars{grid-area:bars;display:grid;grid-template-columns:repeat(3,1fr);gap:5px 14px}
.mania-bars>span{display:grid;grid-template-columns:2.6em 1fr 2.4em;align-items:center;gap:6px;font-size:11px}
.mania-bars i{font-style:normal;font-weight:700;color:#d6dbe8}.mania-bars b{text-align:right;color:#fff;font:600 12px system-ui,sans-serif}
.mania-bars>span>span{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.mania-bars>span>span>span{display:block;height:100%;border-radius:3px;min-width:2px}
.mania-timing{grid-area:time;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #ffffff14;padding-top:8px}
.mania-timing>span{display:flex;flex-direction:column;font-size:11px;color:#9ba3b8}.mania-timing b{color:#fff;font:600 15px system-ui,sans-serif}
@media (max-width:560px){.mania-bars{grid-template-columns:repeat(2,1fr)}.mania-sum b{font-size:26px}}
.mania-counts{display:flex;flex-wrap:wrap;gap:4px 10px}.mania-counts i{font-style:normal;font-weight:600}
.mania-grade{font:800 64px/1 system-ui,sans-serif;color:#fff;min-width:1.2em;text-align:center}
.mania-grade--SS{color:#fff3b0;text-shadow:0 0 18px #ffd86a}.mania-grade--S{color:#ffd23f;text-shadow:0 0 14px #ffb800}.mania-grade--A{color:#5ee08a}.mania-grade--B{color:#58b4ff}.mania-grade--C{color:#c084fc}.mania-grade--D{color:#ff4d5e}
@media (max-width:560px){.mania-grade{font-size:48px}}
.phi-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px}.phi-legend>span{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.25}.phi-legend b{color:#fff;min-width:34px}
.phi-chip{flex:none;display:inline-grid;place-items:center;width:38px;height:22px}.phi-chip i{display:block;width:34px;height:9px;background:var(--c);outline:2px solid #fff;outline-offset:-2px}
.phi-chip--drag i{height:6px}.phi-chip--hold i{height:20px;background:linear-gradient(#0ac8ff80,#0ac8ff80) center/70% 100% no-repeat,linear-gradient(transparent 60%,var(--c) 60%)}
.phi-keys{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.phi-keys kbd{min-width:26px;padding:3px 0;text-align:center;border:1px solid #fff6;border-bottom-width:3px;border-radius:5px;color:#fff;font:600 13px system-ui,sans-serif}
.phi-keys small{flex-basis:100%;color:#9ba3b8;font-size:12px}.phi-note{font-size:11px;color:#8a92a8}
.phi-result{flex-direction:row;align-items:center;justify-content:center;gap:18px}.phi-result>span:last-child{display:flex;flex-direction:column;gap:4px}
.phi-result b{font:300 34px system-ui,sans-serif;color:#fff;letter-spacing:.06em}.phi-result small{color:#aab2c6}
.phi-grade{font:700 64px/1 system-ui,serif;color:#fff}.phi-grade--ap{color:#ffe9a3;text-shadow:0 0 18px #ffd86a}.phi-grade--fc{color:#a8e4ff;text-shadow:0 0 18px #4cc4ff}
@media (max-width:560px){.phi-legend{grid-template-columns:1fr}.phi-pick{grid-template-columns:repeat(2,1fr)}.phi-pick img{width:34px;height:34px}.mini-overlay .phi-pick button{grid-template-columns:1fr;text-align:center;justify-items:center}.phi-pick img{grid-row:auto}.phi-result b{font-size:26px}.phi-grade{font-size:48px}}
.mini-score-cluster{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:3px}.mini-score-cluster strong{display:flex;align-items:center;gap:6px}.mini-score-cluster small{font-size:10px;color:var(--text-muted,#94a3b8)}.mini-score-cluster .mini-tag{font-style:normal}.mini-leaderboard li>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-title{max-width:160px;overflow:hidden}.mini-leaderboard li{min-width:0;gap:8px}.tour-half{position:relative}.tour-cursor-field{position:absolute;inset:38px 0 0;pointer-events:none;z-index:15}.tour-cursor-field .tour-cursor{position:absolute}.mini-focused .tour-half:not(:has(.is-big)):has(~ .tour-half .is-big),.mini-focused .tour-half:has(.is-big)~.tour-half{visibility:hidden}.tiles-game{touch-action:none;user-select:none}.tiles-cell{transition:background-color .12s, color .12s}.mini-stage.is-big{isolation:isolate;contain:layout style}.mini-focused .mini-title,.mini-focused .title-tag{animation:none!important;filter:none!important}.mini-focused .tour-host,.mini-focused .tour-caster{visibility:hidden}
@media(max-width:600px){.mini-leaderboard li{gap:5px;padding:9px 6px;flex-wrap:wrap}.mini-leaderboard li>a{max-width:calc(100% - 155px);font-size:12px}.mini-leaderboard li>a img{width:22px;height:22px}.mini-leaderboard .mini-title{order:9;margin-left:50px;max-width:calc(100% - 60px);font-size:9px}.mini-score-cluster{font-size:12px}.mini-record>span:first-child{font-size:10px}.mini-stage.is-big .letter-grid,.mini-stage.is-big .chain-game,.mini-stage.is-big .typing-game,.mini-stage.is-big .mines-game,.mini-stage.is-big .rarity-game{width:min(96vw,700px);margin:auto}.mini-stage.is-big .mini-overlay{max-height:90dvh;overflow:auto}}
@media(pointer:coarse) and (orientation:landscape){.mini-stage.is-big .mania-game,.practice-stage .mania-game{height:100dvh;width:100%;max-width:none}.mania-game canvas{width:100%;height:100%}.mini-stage.is-big .mania-intro{max-height:75dvh;overflow:auto}.mania-pick img{max-height:48px}.practice-bar{padding:4px 8px}.practice-stage{min-height:0}}
.practice-tile-wrap{display:flex;flex-direction:column;min-width:0}.practice-tile-wrap .practice-tile{flex:1}.practice-board-button{font-size:12px;text-align:left;padding:9px 12px;background:#7b6cb914;color:inherit;border-radius:0 0 9px 9px}.practice-records-backdrop{position:fixed;inset:0;background:#0009;z-index:1500;display:grid;place-items:center;padding:16px}.practice-records{width:min(580px,100%);max-height:85dvh;overflow:auto;background:var(--surface,#191923);color:var(--text,#eee);border:1px solid #8885;border-radius:14px;padding:18px}.practice-records header{display:flex;justify-content:space-between;align-items:center}.practice-records header button{font-size:24px}.practice-records ol{padding:0}.practice-records li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #8883}.practice-records li a{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}.practice-records img{width:25px;height:25px;border-radius:50%}.practice-records li b{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}

.game-cursors{position:absolute;pointer-events:none;z-index:25;overflow:hidden}.game-cursors .tour-cursor{position:absolute}.mini-games.is-watch .mini-big-toggle{pointer-events:auto}.tiles-grid{position:relative}.tiles-slide{position:absolute;display:grid;place-items:center;border-radius:7px;font-size:1.8em;font-weight:800;z-index:3;pointer-events:none;will-change:transform}.mini-focused .race-game.is-fullscreen{visibility:visible}
.phi-keys .phi-key{min-width:28px;padding:3px 6px;text-align:center;background:#ffffff0a;border:1px solid #fff6;border-bottom-width:3px;border-radius:5px;color:#fff;font:600 13px system-ui,sans-serif;cursor:pointer;transition:background .12s,border-color .12s}
.phi-keys .phi-key:hover{background:#ffffff1f}
.phi-keys .phi-key.is-space{min-width:64px;padding:3px 8px}
.phi-keys .phi-key.is-listening{border-color:#7fd4ff;background:#7fd4ff26;animation:phi-listen 1s ease-in-out infinite}
@keyframes phi-listen{50%{background:#7fd4ff0d}}
.phi-keys-reset{margin-left:4px;padding:3px 8px;border-radius:5px;color:#9ba3b8;font:500 12px system-ui,sans-serif;background:none;border:1px solid #ffffff26;cursor:pointer}.phi-keys-reset:hover{color:#fff}
.phi-pick-ex b{color:#ffd28a}.phi-pick-ex.is-on b{color:#fff;text-shadow:0 0 8px #ffb347}
@media (max-width:560px){.phi-pick{grid-template-columns:repeat(3,1fr)}}
/* Compact rows: the PB line sits tight under the score. */
.mini-leaderboard li{padding-top:5px;padding-bottom:5px}
.mini-score-cluster{gap:0;line-height:1.15}
.mini-score-cluster small{line-height:1}
.mini-leaderboard .mini-tag{padding-top:0;padding-bottom:0;line-height:1.3}
@media (max-width:640px){.mini-leaderboard li{row-gap:2px}}
/* Mania phone orientation pick. */
.mini-overlay .mania-orient button{min-width:0!important;padding:0 10px;font-size:12px;font-weight:600}
.mini-overlay .mania-orient button.is-on{background:#ffffff30;border-color:#ffffff70}
.mini-stage.is-big .mania-game canvas{height:100%!important}

.mini-stage.is-big .rhythm-game{width:min(100vw,calc((100vh - 44px)*10/7));max-width:none}


/* the podium under the game */
.pod{position:relative;max-width:560px;margin:18px auto 8px;padding:22px 14px 0;border-radius:18px;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(255,214,120,.14),transparent 70%),linear-gradient(180deg,#1b1828,#12101b);border:1px solid #2c2840;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pod::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;z-index:-1;background:linear-gradient(180deg,#24203a,#0d0b14);border-top:1px solid #34304c}
.pod-beams{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pod-beams i{position:absolute;top:-10px;width:140px;height:110%;background:linear-gradient(180deg,rgba(255,240,200,.16),transparent 75%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);animation:pod-sway 7s ease-in-out infinite;transform-origin:50% 0}
.pod-beams i:nth-child(1){left:calc(17% - 70px);animation-delay:-2s;opacity:.7}
.pod-beams i:nth-child(2){left:calc(50% - 70px);background:linear-gradient(180deg,rgba(255,220,120,.26),transparent 75%)}
.pod-beams i:nth-child(3){left:calc(83% - 70px);animation-delay:-4s;opacity:.6}
@keyframes pod-sway{50%{transform:rotate(4deg)}}
.pod-steps{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:0}
.pod-spot{display:flex;flex-direction:column;align-items:center;min-width:0}
.is-p1{--m1:#fff3b8;--m2:#f2c440;--m3:#a8740e;--ink:#5a3a00}
.is-p2{--m1:#ffffff;--m2:#c9d2de;--m3:#7d8898;--ink:#3a4250}
.is-p3{--m1:#ffd9b8;--m2:#d88a4e;--m3:#8a4a1e;--ink:#4a2408}
.pod-who{display:flex;justify-content:center;width:100%;padding:0 4px 8px}
.pod-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%;color:#f1eefc;text-decoration:none}
.pod-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,var(--m1),var(--m2),var(--m3),var(--m2),var(--m1));box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 18px color-mix(in srgb,var(--m2) 35%,transparent);animation:pod-bob 3s ease-in-out infinite}
.pod-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#221e30}
.is-p1 .pod-avatar{width:58px;height:58px}
.is-p2 .pod-avatar{animation-delay:-1s}.is-p3 .pod-avatar{animation-delay:-2s}
@keyframes pod-bob{50%{transform:translateY(-3px)}}
.pod-crown{position:absolute;top:-17px;font-size:20px;line-height:1;color:#ffd84a;text-shadow:0 0 10px rgba(255,200,60,.8),0 2px 0 #8a5a00;animation:pod-crown 3s ease-in-out infinite}
@keyframes pod-crown{50%{transform:translateY(-3px) rotate(-6deg)}}
.pod-name{max-width:100%;padding:2px 9px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid color-mix(in srgb,var(--m2) 40%,transparent);font-size:11.5px;font-weight:800;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod-score{font-size:12px;font-weight:800;color:var(--m1);font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in srgb,var(--m2) 50%,transparent)}
.pod-player.is-empty{opacity:.55}
.pod-player.is-empty .pod-avatar{background:none;border:2px dashed #4a4562;color:#8b86a6;font-weight:800;box-shadow:none;animation:none}
.pod-player.is-empty .pod-name{border-style:dashed;font-weight:600;color:#9a95b4}
.pod-spot.is-you .pod-name{background:color-mix(in srgb,var(--m2) 30%,rgba(0,0,0,.5));color:#fff}
.pod-block{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:16px 6px 22px;
  background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 18%,transparent 82%,rgba(0,0,0,.22)),linear-gradient(180deg,var(--m2),var(--m3));box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -10px 18px rgba(0,0,0,.25)}
.is-p1 .pod-block{min-height:150px;z-index:2;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -10px 18px rgba(0,0,0,.25),0 0 30px rgba(255,200,60,.2)}
.is-p2 .pod-block{min-height:118px;border-radius:10px 0 0 0}
.is-p3 .pod-block{min-height:98px;border-radius:0 10px 0 0}
.pod-top{position:absolute;left:0;right:0;top:-8px;height:8px;background:linear-gradient(180deg,var(--m1),var(--m2));clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.is-p2 .pod-top{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.is-p3 .pod-top{clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}
.pod-medal{display:flex;flex-direction:column;align-items:center;line-height:1}
.pod-medal b{font-size:30px;font-weight:900;color:var(--m1);text-shadow:0 2px 0 var(--m3),0 4px 10px rgba(0,0,0,.35);-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 50%,transparent)}
.is-p1 .pod-medal b{font-size:40px}
.pod-medal small{margin-top:2px;font-size:9.5px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);opacity:.75}
.pod-prize{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px 5px;border-radius:10px;background:rgba(10,8,18,.55);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.25)}
.pod-prize-items{display:flex;gap:4px}
.pod-item{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.12),rgba(255,255,255,.02));pointer-events:auto}
.is-p1 .pod-item{width:44px;height:44px}
.pod-qty{position:absolute;right:-5px;bottom:-5px;padding:0 4px;border-radius:6px;background:#fff;color:#1a1626;font-size:9.5px;font-weight:900;font-style:normal;line-height:15px}
.pod-prize small{font-size:10px;font-weight:800;color:#f3eede;opacity:.85;white-space:nowrap}
.pod-prize.is-locked .pod-prize-items{filter:grayscale(1) brightness(.6)}
.pod-prize.is-locked small{color:#cfc8e4}
@media (max-width:480px){.pod{padding:20px 6px 0}.pod-item{width:32px;height:32px}.is-p1 .pod-item{width:36px;height:36px}.pod-prize{padding:5px 4px}.pod-avatar{width:38px;height:38px}.is-p1 .pod-avatar{width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.pod-beams i,.pod-avatar,.pod-crown{animation:none}}

/* who picked this round with a Minigame Ticket */
.mini-chosen-row{display:flex;justify-content:center;margin:-4px 0 14px}
.mini-chosen{position:relative;display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 14px 4px 0;border-radius:8px;background:linear-gradient(90deg,#3a2c10,#2a2010);border:1px solid rgba(255,211,107,.35);color:#f3e2b0;font-size:12px;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.mini-chosen-stub{display:grid;place-items:center;align-self:stretch;margin:-4px 0;padding:0 9px;border-right:2px dashed rgba(255,211,107,.45);background:rgba(255,211,107,.14);border-radius:8px 0 0 8px;font-size:14px}
.mini-chosen-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mini-chosen-text b{color:#ffd36b}
.mini-chosen img{width:20px;height:20px;border-radius:50%;flex:none}
.mini-chosen>b{color:#fff;white-space:nowrap}
.mini-chosen:hover{border-color:#ffd36b}
@media (max-width:480px){.mini-chosen-text{font-size:11px}}

/* a run in progress on a phone: no blur layers (see perf-mode.js holdSky) */
@media (pointer:coarse){html.mini-playing *,html.mini-playing *::before,html.mini-playing *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

.pod-who{flex-wrap:wrap;gap:14px 6px;max-height:260px;overflow-y:auto;padding-top:12px}
.pod-who .pod-player{max-width:100%;flex-shrink:0}
.mini-restart{position:absolute;top:8px;left:8px;z-index:25;border:1px solid #ffffff35;border-radius:8px;padding:5px 9px;background:#17151de8;color:#fff;font-size:12px;cursor:pointer}
.mini-restart:disabled{opacity:.45;cursor:default}