.game{--bg:#0f110f;--screen:#080a08;--surface:#1a1d1a;--raised:#242824;--border:#2c302c;--text:#f4f6f4;--muted:#9aa09a;--accent:#2cff2c;--accent-ink:#0b1a0e;--danger:#d64545;--warning:#e0c85a;--skipped:#3a3f3a;--tier:#2cff2c;--tier-text:#54ff54;--tier-on:#0b1a0e;--tier-track:#464d46;--tier-rgb:44, 255, 44;--pitch:2px;--dot:1.4px;--t:100px;--z:1;--gap:22px;--play:96px;--play-row:136px;padding-top:calc(4px + var(--t) * .04);padding-bottom:calc(4px + var(--t) * .16);color:var(--text);justify-content:center;display:flex}:where(.game button){font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:where(.game button:disabled){cursor:default}.game>#root{justify-content:center;width:100%;min-width:0;display:flex}.frame{zoom:var(--z);gap:var(--gap);flex-direction:column;width:100%;min-width:0;max-width:430px;display:flex;position:relative}.board{gap:var(--gap);flex-direction:column;width:100%;min-width:0;display:flex;position:relative}.board[hidden]{display:none}.board.page{height:calc(415.2px + var(--t) * 3.108)}.board.page.solo{height:calc(479.2px + var(--t) * 3.388)}.page-body{flex-direction:column;flex:1;min-height:0;display:flex}.artist-tiers{margin-bottom:10px;padding-top:14px}.page-body>.dock,.page-body>.artist-footer{margin-top:10px}.page-center{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.px{white-space:nowrap;max-width:100%;display:inline-block}.px-face{letter-spacing:0;font-family:"Jersey 10",sans-serif;font-weight:400;line-height:1.07}.px-fallback{font-weight:700;line-height:1.2}.px-baseline.px-face{line-height:.55}.px-para{white-space:normal;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;width:100%;display:-webkit-box;overflow:hidden}.px-para.px-face{margin-top:-.27em}.px-left{text-align:left}.px-line{align-items:baseline;max-width:100%;display:inline-flex}.px-line.rtl{flex-direction:row-reverse}.px-space{display:inline-block}.dots{vertical-align:baseline;flex:none;display:inline-block;position:relative}.dots canvas{pointer-events:none;display:block;position:absolute}.sprite{flex:none;line-height:0;display:inline-block;position:relative}.sprite img{display:block}.sprite-play{pointer-events:none;display:block;position:absolute}.screen-dots{isolation:isolate;position:relative}.screen-dots:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom, rgba(var(--dot-rgb), .25), rgb(var(--dot-rgb)));-webkit-mask:linear-gradient(to right, #000 var(--dot), transparent var(--dot)) 0 0 / var(--pitch) var(--pitch) repeat, linear-gradient(to bottom, #000 var(--dot), transparent var(--dot)) 0 0 / var(--pitch) var(--pitch) repeat;-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(to right, #000 var(--dot), transparent var(--dot)) 0 0 / var(--pitch) var(--pitch) repeat, linear-gradient(to bottom, #000 var(--dot), transparent var(--dot)) 0 0 / var(--pitch) var(--pitch) repeat;mask:linear-gradient(to right, #000 var(--dot), transparent var(--dot)) 0 0 / var(--pitch) var(--pitch) repeat, linear-gradient(to bottom, #000 var(--dot), transparent var(--dot)) 0 0 / var(--pitch) var(--pitch) repeat;opacity:var(--dot-strength,.3);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.screen-dots>*{position:relative}.head{height:calc(36px + var(--t) * .08);align-items:center;gap:10px;display:flex}.circle{width:calc(36px + var(--t) * .08);height:calc(36px + var(--t) * .08);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .12s;display:inline-flex}.circle:active{transform:scale(.92)}.circle.back svg{translate:-1.5px}.head-middle{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;padding:0 12px;display:flex}.lcd{flex:1;min-width:0;height:100%;position:relative}.lcd canvas{display:block}.game .mark{white-space:nowrap;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.game .mark .px-face{font-size:26px}.game .mark .px-fallback{letter-spacing:-.8px;font-size:20px;font-weight:900}.tier .mark{height:calc(19.2px + var(--t) * .048)}.tier .mark .px-face{font-size:calc(22.1px + var(--t) * .039)}.tier .mark .px-fallback{font-size:calc(17px + var(--t) * .03)}.card.teaser{text-align:center;align-items:center}.teaser-podium{align-items:flex-end;gap:6px;margin:8px 0 6px;display:flex}.teaser-podium .step{background:var(--raised);border-radius:12px 12px 6px 6px;justify-content:center;align-items:center;width:52px;display:flex}.teaser-podium .second{height:56px}.teaser-podium .third{height:44px}.teaser-podium .first{height:76px}.teaser-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.teaser-badge{line-height:0;transition:transform .12s;display:inline-flex}.teaser-badge:active{transform:scale(.95)}.teaser-later{height:44px;color:var(--muted);padding:0 16px;font-size:15px;font-weight:700}.chips{gap:calc(6px + var(--t) * .02);scrollbar-width:none;min-width:0;margin:-12px -16px;padding:12px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{height:calc(30px + var(--t) * .08);padding:0 calc(9px + var(--t) * .03);border-radius:calc(15px + var(--t) * .04);align-items:center;gap:calc(5px + var(--t) * .02);background:var(--screen);border:1px solid rgba(var(--dot-rgb), .4);white-space:nowrap;flex:none;transition:transform .12s,box-shadow .2s;display:inline-flex}.chip:active{transform:scale(.94)}.chip.picked{background:rgba(var(--dot-rgb), .2);border-color:rgb(var(--dot-rgb));box-shadow:0 0 12px rgba(var(--dot-rgb), .25)}.chip-icon{line-height:0;display:inline-flex;position:relative}.rows{gap:calc(3px + var(--t) * .05);flex-direction:column;display:flex}.row{height:calc(26px + var(--t) * .18);border-radius:calc(9px + var(--t) * .03);background:var(--surface);border:1px solid var(--border);font-weight:700;font-size:calc(13px + var(--t) * .02);color:var(--muted);text-align:left;justify-content:center;align-items:center;gap:6px;width:100%;padding:0 14px;display:flex;overflow:hidden}.row.current{border-color:var(--muted);transition:transform .12s}button.row.current:active{transform:scale(.98)}.placeholder{font-weight:500;font-size:calc(12.5px + var(--t) * .015);color:var(--muted);opacity:.22;align-items:center;gap:4px;display:inline-flex}.placeholder.current{opacity:1}.row.skipped{background:var(--skipped);color:var(--muted);border-color:#0000}.row.wrong{background:var(--danger);color:#fff;border-color:#0000}.row.artist{background:var(--warning);color:var(--accent-ink);border-color:#0000}.row.correct{background:var(--accent);color:var(--accent-ink);border-color:#0000}.row .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row.landing{animation:.25s both fade-in}.flip{position:relative}.flip-front{animation:.42s linear both flip-front}.flip-back{pointer-events:none;animation:.42s linear both flip-back;position:absolute;inset:0}@keyframes flip-front{0%{opacity:0;transform:perspective(900px)rotateX(180deg)scale(1)}50%{opacity:0;transform:perspective(900px)rotateX(90deg)scale(1.1)}50.01%{opacity:1}to{opacity:1;transform:perspective(900px)rotateX(0)scale(1)}}@keyframes flip-back{0%{opacity:1;transform:perspective(900px)rotateX(0)scale(1)}50%{opacity:1;transform:perspective(900px)rotateX(90deg)scale(1.1)}50.01%{opacity:0}to{opacity:0;transform:perspective(900px)rotateX(180deg)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tier{align-items:center;gap:calc(5px + var(--t) * .07);flex-direction:column;display:flex}.tier .timeline{align-self:stretch}.tier-words{justify-content:center;gap:26px;display:flex}.tier-word{height:calc(24px + var(--t) * .04);opacity:.62;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:0;transition:opacity .2s,transform .12s;display:inline-flex}.tier-word:active{transform:scale(.94)}.tier-word.picked{opacity:1}.tier-dot{border-radius:2px;width:4px;height:4px}.tier-word.picked .tier-dot{background:var(--tint);box-shadow:0 0 6px var(--tint)}.timeline{height:calc(8px + var(--t) * .06);background:var(--tier-track);border-radius:999px;display:flex;position:relative;overflow:hidden}.segment{background:var(--tier-track);flex-basis:0;min-width:0;height:100%;position:relative}.segment.done{background:var(--tier)}.segment.now{background:var(--tier);box-shadow:0 0 14px rgba(var(--tier-rgb), .38)}.divider{background:#11150fb3;width:1px;position:absolute;top:0;bottom:0;right:0}.film{background:var(--tier-on);opacity:.5;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.play-row{height:var(--play-row);justify-content:center;align-items:center;display:flex;position:relative}.play-stage{left:calc(50% + var(--play) / 2);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.play-wrap{width:var(--play);height:var(--play);position:relative}.play-glow{border-radius:50%;width:100%;height:100%;position:relative}.play{width:100%;height:100%;color:var(--tier-on);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .12s;display:inline-flex;position:relative}.play:active:not(:disabled){transform:scale(.92)}.play:disabled{opacity:.5}.play svg{display:block}.spinner-icon{animation:1s linear infinite spin}.ripple{background:var(--tier);filter:blur(40px);pointer-events:none;border-radius:50%;animation:.7s cubic-bezier(.25,.46,.45,.94) forwards ripple;position:fixed}@keyframes ripple{0%{opacity:.045;transform:scale(0)}55%{opacity:.045}to{opacity:0;transform:scale(1)}}.spinner{border:4px solid #0b1a0e40;border-top-color:var(--tier-on);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dock{padding:0 0 calc(2px + var(--t) * .02);gap:10px;margin:0 -6px;display:flex;position:relative}.dock.disabled{opacity:.4;pointer-events:none}.dock.open{z-index:3}.search{min-width:0;height:calc(42px + var(--t) * .1);border:1px solid var(--border);background:var(--surface);cursor:text;border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 6px 0 14px;transition:border-color .15s,background-color .15s,transform .12s;display:flex}.search:focus-within{border-color:#f4f6f44d}.search:not(:focus-within):active{transform:scale(.95)}.search-icon{color:var(--muted);flex:none}.search.picked .search-icon{color:var(--tier)}.search.picked{border-color:var(--tier);background:rgba(var(--tier-rgb), .08)}.search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search input::placeholder{color:var(--muted)}.search .clear{width:36px;height:36px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.action{min-width:96px;height:calc(42px + var(--t) * .1);font-weight:700;font-size:calc(14px + var(--t) * .01);background:var(--raised);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:transform .12s;display:inline-flex}.action:active{transform:scale(.95)}.action.guess{background:var(--tier);color:var(--tier-on)}.action:disabled{opacity:.4}.results{border:1px solid var(--border);background:var(--raised);max-height:calc(60vh / var(--z));z-index:3;border-radius:14px;flex-direction:column-reverse;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow:hidden auto}.result-row{text-align:left;border-top:.5px solid var(--border);flex-direction:column;justify-content:center;width:100%;height:52px;padding:0 14px;display:flex}.result-row:last-child{border-top:0}.result-row:hover,.result-row.highlighted{background:#f4f6f424}.result-row .title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.result-row .artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.results .none{height:52px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0f110f59;animation:.18s both fade-in;position:fixed;inset:0}.backdrop-blur.leaving{pointer-events:none;animation:.14s both fade-out}.tabbar{width:100%;height:calc(58px + var(--t) * .12);background:var(--bg);border-top:2px solid #2c302c80;justify-content:center;display:flex;position:relative}.tabbar[hidden]{display:none}.tab-row{width:100%;max-width:420px;height:100%;transition:opacity .2s;display:flex}.tabbar.dimmed .tab-row{opacity:.25}.tabbar.compact .tab{gap:2px}.tab{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0 4px;transition:transform .12s;display:flex}.tab:active{transform:scale(.9)}.tab-box{flex:none;display:block;position:relative}.tab-box.landing{animation:.56s linear both tab-box}.tab-screen{opacity:0;display:block;position:absolute;inset:0}.tab-screen.on{opacity:1}.tab-sparks{pointer-events:none;display:block;position:absolute}.tab-icon{opacity:.85;display:block;position:absolute}.tab.active .tab-icon{opacity:1}.tab-icon canvas{display:block}.tab-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.move-hop{animation:.56s linear both tab-hop}.move-rock{animation:.56s linear both tab-rock}.move-cheer{animation:.56s linear both tab-cheer}@keyframes tab-hop{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(2px)rotate(0)scale(1.14,.82)}42%{transform:translateY(-6.5px)rotate(0)scale(.92,1.12)}66%{transform:translateY(0)rotate(0)scale(1.12,.86)}84%{transform:translateY(1.5px)rotate(0)scale(.98,1.03)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes tab-rock{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(-2px)rotate(-16deg)scale(1.1)}42%{transform:translateY(-3px)rotate(13deg)scale(1.12)}66%{transform:translateY(-2px)rotate(-8deg)scale(1.08)}84%{transform:translateY(-1px)rotate(4deg)scale(1.03)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes tab-cheer{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(1px)rotate(0)scale(1.06,.9)}42%{transform:translateY(-6px)rotate(-12deg)scale(1.14,1.18)}66%{transform:translateY(-4.5px)rotate(10deg)scale(1.14)}84%{transform:translateY(1px)rotate(-3deg)scale(.98,1.03)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes tab-box{0%{transform:scale(.86)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.stage{gap:var(--gap);flex-direction:column;display:flex;position:relative}.stage.covered>:not(.cover){visibility:hidden}.cover{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.notice{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 32px;display:flex}.notice h2{font-size:22px;font-weight:900}.notice p{color:var(--muted);font-size:15px;font-weight:500}.ugly{background:var(--accent);min-width:220px;height:90px;color:var(--accent-ink);border:4px solid var(--border);border-radius:45px;margin-top:8px;padding:0 40px;font-size:30px;font-weight:700;transition:transform .12s;box-shadow:0 4px 16px #0000004d}.ugly:active{transform:scale(.9)}.boot{flex-direction:column;align-items:center;gap:40px;display:flex}.boot img{width:120px;height:120px;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.15)}}.overlay{z-index:10;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.overlay.leaving{animation:.1s .25s both fade-out}.sheet{flex-direction:column;gap:12px;width:100%;max-width:400px;animation:.45s cubic-bezier(.22,1.2,.36,1) both drop-in;display:flex}.overlay.leaving .sheet{animation:.25s cubic-bezier(.45,0,.55,1) both fly-out}.card{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:100%}@keyframes drop-in{0%{transform:translateY(-150vh)rotate(22.5deg)}to{transform:none}}@keyframes fly-out{to{transform:translateY(-150vh)rotate(22.5deg)}}@keyframes fade-out{to{opacity:0}}.card.plain{flex-direction:column;gap:8px;padding:24px;display:flex;position:relative}.card.plain.howto{gap:10px;padding-top:36px}.card.plain.howto h2{font-size:28px}.card.plain h2{text-align:center;font-size:22px;font-weight:900}.card.plain .sub{color:var(--muted);text-align:center;font-size:15px;font-weight:500}.card .close{width:36px;height:36px;color:var(--muted);justify-content:center;align-items:center;transition:transform .12s;display:inline-flex;position:absolute;top:12px;right:12px}.card .close:active{transform:scale(.92)}.legend{background:var(--raised);border-radius:16px;flex-direction:column;gap:14px;margin-top:12px;padding:16px;display:flex}.legend .app-icon{border-radius:9px;width:40px;height:40px}.legend .item{align-items:center;gap:14px;font-size:15px;font-weight:700;display:flex}.legend .sep{background:var(--border);height:1px}.legend img{border-radius:50%;width:40px;height:40px}.legend .swatch{border-radius:10px;flex:none;width:40px;height:40px}.legend .skip-pill{background:var(--skipped);border-radius:12px;flex:none;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.cta-green{background:var(--accent);height:52px;color:var(--accent-ink);border-radius:14px;margin-top:12px;font-size:16px;font-weight:700}.actions{gap:10px;margin-top:16px;display:flex}.actions button{background:var(--raised);border-radius:14px;flex:1;height:50px;font-size:15px;font-weight:700}.actions .primary{background:var(--accent);color:var(--accent-ink);font-size:16px}.menu{flex-direction:column;display:flex}.menu h3{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:0 0 10px 6px;font-size:12px;font-weight:900}.menu-section{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.menu-section+h3{margin-top:20px}.menu a,.menu button{color:var(--text);text-align:left;align-items:center;gap:12px;width:100%;padding:14px;font-size:16px;font-weight:700;display:flex;position:relative}.menu-section>*+:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:62px;right:0}.menu .tile{background:var(--raised);border-radius:11px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.menu .chev{color:var(--muted);margin-left:auto}.result{border-radius:26px;position:relative;overflow:hidden}.result-head{position:relative}.result-backdrop{position:absolute;inset:0;overflow:hidden}.result-head .art-bg{opacity:.55;filter:blur(28px);background-position:50%;background-size:cover;position:absolute;inset:-20px}.result-head .shade{background:linear-gradient(#1a1d1a40,#1a1d1a);position:absolute;inset:0}.result-head .brand{justify-content:center;align-items:center;height:24px;display:flex;position:absolute;top:20px;left:0;right:0}.art-stage{margin-left:-84px;position:absolute;left:50%}.art{background:var(--raised);box-shadow:0 0 calc(48px + var(--beat,0) * 28px) rgba(var(--outcome-rgb), calc(.5 + var(--beat,0) * .35));border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.art.round{border-radius:50%}.art img{object-fit:cover;width:100%;height:100%;display:block}.art .placeholder{color:var(--muted)}.stamp-anchor{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.stamp-canvas{display:block}.result-body{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 20px 20px;display:flex}.got-it{margin-top:2px}.points{background:#2cff2c26;border-radius:18px;align-items:center;height:36px;margin-top:4px;padding:0 16px;animation:.3s .3s both fade-in;display:inline-flex}.stats{background:var(--raised);border-radius:14px;grid-template-columns:repeat(4,1fr);width:100%;margin-top:12px;padding:10px 8px;display:grid}.stat{flex-direction:column;align-items:center;min-width:0;display:flex}.stat-value{justify-content:center;align-items:center;gap:6px;height:22px;display:flex}.stat .px{text-overflow:ellipsis;max-width:100%;overflow:hidden}.flame{line-height:0;display:inline-flex}.flame.unlit{opacity:.3}.result-actions{gap:10px;width:100%;margin-top:14px;display:flex}.result-actions .icon{background:var(--raised);border-radius:14px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .12s;display:inline-flex}.result-actions .icon:active,.result-actions .next:active{transform:scale(.95)}.result-actions .next{background:var(--accent);height:50px;color:var(--accent-ink);border-radius:14px;flex:1;font-size:16px;font-weight:700}.result-actions .next.lost{background:var(--danger);color:#fff}.result-clues{width:100%;margin-top:8px}.result-body .next-in{margin-top:10px}.share-row{width:100%}.tiles{scrollbar-width:none;gap:6px;padding:0 4px;display:flex;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}.tile{flex-direction:column;flex:none;align-items:center;gap:5px;width:62px;transition:transform .12s,opacity .2s;display:flex}.tile:active{transform:scale(.94)}.tile.waiting{opacity:.4}.tile-icon{background:var(--raised);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex;position:relative;overflow:hidden}.tile-icon img{width:54px;height:54px;display:block}.tile.busy .tile-icon>:first-child{opacity:.25}.tile-spinner{border-width:4px;border-color:#2cff2c33;border-top-color:var(--accent);width:26px;height:26px;position:absolute}.tile-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;overflow:hidden}.toast{background:var(--accent);color:var(--accent-ink);z-index:12;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;animation:.2s both fade-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.games{flex-wrap:wrap;gap:12px;padding:16px 16px 12px;display:flex}.games-more{text-align:center;width:100%;margin:16px 0 0}.game-card{aspect-ratio:1/1.4;text-align:left;width:calc(50% - 6px);transition:transform .12s;position:relative}.game-card:active{transform:scale(.97)}.game-screen{--dot-strength:.3;border:1px solid rgba(var(--tint-rgb), .4);background:var(--screen);border-radius:20px;display:block;position:absolute;inset:0;overflow:hidden}.game-screen .shade{background:linear-gradient(#0000008c,#0000);height:32%;position:absolute;top:0;left:0;right:0}.game-screen .heading{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:14px;left:14px;right:14px}.game-screen .bar{background:var(--tint-text);border-radius:1.5px;width:32px;height:3px;display:block}.game-art{display:block;position:absolute;inset:78px 0 0}.game-art canvas{display:block;position:absolute;inset:0}.mini-word{white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.mini-word.start{justify-content:flex-start}.mini-word .px{text-overflow:ellipsis;overflow:hidden}.badge-dock{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:-12px;left:0;right:0}.new-badge{border:1px solid var(--tint);background:var(--tint);border-radius:10px;padding:5px 10px;display:inline-flex;transform:rotate(-6deg)}.artist-list{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.artist-list::-webkit-scrollbar{display:none}.counter{flex:none;justify-content:center;padding:12px 0;display:flex}.hint{color:var(--muted);text-align:center;padding:24px 16px 0;font-size:14px;font-weight:500;line-height:1.4}.guess-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;flex:none;gap:8px;padding:10px;display:flex}.guess-row.landing{animation:.22s both fade-in-down}.guess-row .who{align-items:center;gap:8px;padding:0 2px;display:flex}.face{background:var(--raised);width:36px;height:36px;color:var(--muted);object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.guess-row .name{flex:1;min-width:0;display:flex}.guess-row .name .px{text-overflow:ellipsis;overflow:hidden}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:none}}.clues{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.clue{border:1px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:48px;padding:0 4px;display:flex;overflow:hidden}.clue .clue-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.clue .value{white-space:nowrap;align-items:center;gap:4px;max-width:100%;display:inline-flex}.clue .value>.px:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.clue .country{align-items:center;gap:5px;min-width:0;display:inline-flex}.caption{flex:none;align-items:center;gap:4px;margin-bottom:-4px;padding:0 2px;display:flex}.hints{flex-direction:column;flex:none;gap:6px;margin-bottom:8px;display:flex}.hints .caption{margin-bottom:0}.hint-tiles{gap:6px;display:flex}.hint-tile{border:1px solid var(--border);background:var(--screen);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:64px;padding:0 4px;transition:transform .12s;display:flex;overflow:hidden}.hint-tile:disabled{cursor:default}.hint-tile:not(:disabled):active{transform:scale(.96)}.hint-tile .hint-label{align-items:center;gap:3px;max-width:100%;display:inline-flex}.hint-tile .hint-label .px{text-overflow:ellipsis;overflow:hidden}.hint-tile .hint-value{justify-content:center;align-items:center;max-width:100%;height:36px;display:inline-flex}.hint-tile .hint-play{align-items:center;gap:2px;display:inline-flex}.pixel-picture{background:var(--screen);border-radius:50%;display:block}.card.plain.picture{align-self:center;gap:0;width:auto}.picture-card{flex-direction:column;align-items:center;gap:14px;transition:transform .12s;display:flex}.picture-card:active{transform:scale(.98)}.hint-tile.shining:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);width:60%;animation:1.6s linear 3 hint-shine;position:absolute;top:-50%;bottom:-50%;left:0;transform:translate(-100%)skew(-20deg)}@keyframes hint-shine{0%{transform:translate(-100%)skew(-20deg)}56.25%{transform:translate(167%)skew(-20deg)}to{transform:translate(167%)skew(-20deg)}}.dock-theme{display:contents}.artist-footer{flex-direction:column;gap:10px;display:flex}.artist-footer .buttons{gap:10px;margin:0 -6px;display:flex}.artist-footer .buttons button{height:calc(42px + var(--t) * .1);background:var(--raised);border-radius:14px;flex:1;font-size:15px;font-weight:700;transition:transform .12s}.artist-footer .buttons button:active{transform:scale(.96)}.artist-footer .buttons .primary{background:var(--tier);color:var(--tier-on);font-size:16px}.confetti{z-index:11;pointer-events:none;position:fixed;inset:0}.rain{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rain span{will-change:transform;line-height:0;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.game *{animation-duration:10ms!important}}