@font-face{font-family:Space Cowboy Title;src:url(/fonts/title.woff2) format("woff2"),url(/fonts/title.ttf) format("truetype");font-display:swap}@font-face{font-family:Space Cowboy Pixel;src:url(/fonts/pixel.woff2) format("woff2"),url(/fonts/pixel.ttf) format("truetype");font-display:swap}:root{--ink: #0f1a24;--paper: #f4f1e8;--gold: #f5c542;--gold-dark: #b8860b;--rose: #ff5d8f;--cyan: #42d6c8;--sky: #070a16;--panel: rgba(10, 14, 32, .92);--common: #9aa0aa;--rare: #42a5f5;--epic: #b06cff;--legendary: #f5c542;--font-title: "Space Cowboy Title", "Space Cowboy Pixel", "Press Start 2P", monospace;--font-heading: "Space Cowboy Pixel", "Press Start 2P", "Silkscreen", monospace;--font-body: "Space Cowboy Pixel", "Press Start 2P", "Silkscreen", monospace;--font-name: "Space Cowboy Pixel", "Press Start 2P", "Silkscreen", monospace;--font-pixel: "Press Start 2P", "Silkscreen", monospace;--scale: 2;--ui-floor: 1;--ui: clamp(var(--ui-floor), calc(var(--scale) / 2.2), 2.2);--hud: clamp(1, calc(var(--scale) / 3.2), 1.7)}@media(min-width:760px)and (min-height:480px){:root{--ui-floor: 1.35}}*{box-sizing:border-box}html,body{margin:0;height:100dvh;min-height:100%;background:var(--sky);color:var(--paper);font-family:var(--font-body);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:relative;width:100vw;height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#141a3a 0%,var(--sky) 70%)}#stage{position:relative;line-height:0}#game{display:block;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 2px #1c2244,0 24px 60px #000000b3;cursor:crosshair;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none;line-height:normal}#touch{position:fixed;inset:0;pointer-events:none;z-index:5}#ui>.overlay{pointer-events:auto}#ui>.hud{pointer-events:none}button{font:inherit}.hud{position:absolute;inset:0;pointer-events:none;font-size:calc(13px * var(--hud));text-shadow:0 2px 0 #000,0 0 6px rgba(0,0,0,.9)}.hud .top{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud .hearts{display:flex;gap:3px}.hud .heart{width:calc(12px * var(--hud));height:calc(12px * var(--hud));background:var(--rose);clip-path:polygon(50% 100%,0 40%,0 15%,20% 0,50% 20%,80% 0,100% 15%,100% 40%);filter:drop-shadow(0 2px 0 #000)}.hud .heart.empty{background:#ffffff2e}.hud .heart.shield{background:var(--cyan)}.hud .earth{width:min(38vw,calc(220px * var(--hud)))}.hud .earth .label{font-family:var(--font-body);font-size:calc(11px * var(--hud));color:var(--cyan);margin-bottom:4px;display:flex;justify-content:space-between}.bar{height:calc(8px * var(--hud));background:#0000008c;border:1px solid rgba(255,255,255,.25);position:relative;overflow:hidden}.bar>i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#2b6fd6,#4fb35a);transition:width .2s ease}.bar.xp>i{background:linear-gradient(90deg,var(--gold-dark),var(--gold))}.bar.boss>i{background:linear-gradient(90deg,#7a1f22,var(--rose));transition:width .1s}.bar.low>i{animation:pulse .6s infinite alternate}@keyframes pulse{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.hud .right{text-align:right}.hud .clock{font-family:var(--font-heading);font-size:calc(19px * var(--hud));color:var(--paper)}.hud .score{color:var(--gold);font-size:calc(13px * var(--hud));margin-top:2px}.hud .bottom{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.hud .xpwrap{flex:1}.hud .xpwrap .label{font-family:var(--font-body);font-size:calc(11px * var(--hud));color:var(--gold);margin-bottom:4px;display:flex;justify-content:space-between}.hud .weapons{display:flex;gap:4px}.hud .slot{width:calc(26px * var(--hud));height:calc(26px * var(--hud));background:#00000080;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;position:relative}.hud .slot canvas{image-rendering:pixelated}.hud .slot .lvl{position:absolute;right:1px;bottom:-1px;font-size:calc(10px * var(--hud));font-family:var(--font-body);color:var(--gold)}.hud .slot.max{border-color:var(--gold);box-shadow:0 0 8px #f5c54299}.hud .slot.empty{border-style:dashed;opacity:.4}.hud .bossbar{position:absolute;top:56px;left:50%;transform:translate(-50%);width:min(60vw,320px)}.hud .bossbar .label{font-family:var(--font-body);font-size:calc(11px * var(--hud));color:var(--rose);margin-bottom:4px;text-align:center;letter-spacing:1px}.hud .alert{position:absolute;top:22%;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:calc(17px * var(--hud));color:var(--rose);text-shadow:0 3px 0 #000,0 0 16px rgba(255,93,143,.7);animation:banner 2.4s ease forwards;white-space:nowrap}.hud .alert.gold{color:var(--gold);text-shadow:0 3px 0 #000,0 0 16px rgba(245,197,66,.8)}@keyframes banner{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.hud .btn-pause{position:absolute;top:calc(66px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));pointer-events:auto;background:#0006;border:1px solid rgba(255,255,255,.25);color:var(--paper);font-size:10px;padding:4px 8px;cursor:pointer}.hud .btn-sound{pointer-events:auto;position:absolute;top:calc(66px + env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 34px);background:#0006;border:1px solid rgba(255,255,255,.25);color:var(--paper);font-size:11px;padding:4px 8px;cursor:pointer;line-height:1}.hud .btn-sound.off{color:var(--rose);border-color:#ff5d8f80}.touch-btn{pointer-events:auto;position:absolute;bottom:max(6%,env(safe-area-inset-bottom,0px));width:64px;height:64px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);color:var(--paper);font-size:22px;display:grid;place-items:center;touch-action:none}.touch-btn.left{left:max(5%,env(safe-area-inset-left))}.touch-btn.left-pair-b{left:calc(max(5%,env(safe-area-inset-left)) + 78px)}.touch-btn.right{right:max(5%,env(safe-area-inset-right))}.touch-btn.right-pair-a{right:calc(max(5%,env(safe-area-inset-right)) + 78px)}.stick{pointer-events:auto;position:absolute;bottom:max(6%,env(safe-area-inset-bottom,0px));width:112px;height:112px;touch-action:none;display:grid;place-items:center}.stick.left{left:max(4%,env(safe-area-inset-left))}.stick.right{right:max(4%,env(safe-area-inset-right))}.stick .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:#ffffff0d}.stick .knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#f5c54240;border:2px solid var(--gold);box-shadow:0 0 12px #f5c54259}.stick.held .ring{border-color:#f5c54280}.stick.held .knob{background:#f5c54273}.howto{display:grid;gap:6px;margin:12px auto 14px;max-width:480px;text-align:left}.howto .row{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:baseline;font-size:11px;line-height:1.5}.howto b{font-family:var(--font-body);font-size:11px;color:var(--cyan);letter-spacing:.5px}.howto span{opacity:.9}.options{display:grid;gap:8px;margin:10px auto 0;max-width:420px}.opt{display:grid;grid-template-columns:84px 1fr 1fr;gap:8px;align-items:center}.opt .what{font-family:var(--font-body);font-size:11px;color:var(--gold);text-align:left}.opt .pick{font-size:10px;padding:7px 8px}.opt .pick.on{border-color:var(--gold);color:var(--gold);background:#f5c5421f}.opt .reads{grid-column:2 / -1;text-align:left;font-size:10px;opacity:.7}.opt.diff{max-width:420px;margin:6px auto 0}.diffblurb{max-width:420px;margin:6px auto 0;font-size:10px;line-height:1.5;opacity:.7;min-height:30px}#rotate{display:none}@media(pointer:coarse)and (orientation:portrait){#rotate{display:grid;position:fixed;inset:0;place-items:center;background:var(--sky);z-index:10;text-align:center;padding:24px}#rotate .phonewrap{width:96px;height:96px;margin:0 auto;display:grid;place-items:center}#rotate .phone{width:44px;height:72px;border:3px solid var(--gold);border-radius:8px;box-shadow:inset 0 0 0 2px #f5c54240;animation:tilt 2s ease-in-out infinite}#rotate p{font-family:var(--font-heading);font-size:12px;line-height:1.8;margin:20px 0 10px}#rotate small{font-size:11px;opacity:.7;display:block}#rotate .anyway{margin-top:20px;font-size:11px}body.rotate-dismissed #rotate{display:none}@keyframes tilt{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#040612b8;animation:fadein .18s ease}.overlay.low{align-items:end;padding-bottom:4vh;background:linear-gradient(180deg,#04061226,#04061280 40%,#040612d9)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel{--z: calc(var(--ui) * var(--fit, 1));zoom:var(--z);background:var(--panel);border:2px solid rgba(255,255,255,.22);border-top:4px solid var(--gold);padding:20px 22px 18px;width:min(calc(94vw / var(--z)),640px);max-height:calc(96vh / var(--z));overflow-y:auto;box-shadow:0 20px 60px #000000b3;text-align:center}.panel h2{margin:0 0 6px;font-family:var(--font-title);font-size:16px;color:var(--gold);text-shadow:0 3px 0 #000;letter-spacing:1px}.panel .sub{font-size:11px;opacity:.8;margin-bottom:14px}.btn{font-size:12px;background:#7a4a12;color:var(--paper);border:2px solid var(--gold);padding:10px 16px;cursor:pointer;box-shadow:0 4px #3d2508;letter-spacing:0}.btn:hover{background:#a3641a}.btn:active{transform:translateY(2px);box-shadow:0 2px #3d2508}.btn.ghost{background:transparent;border-color:#ffffff4d;box-shadow:none}.buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.title h1,.home h1{font-family:var(--font-title);font-size:34px;margin:6px 0 4px;color:var(--paper);text-shadow:0 4px 0 #000,0 0 30px rgba(245,197,66,.55);line-height:1.3}.title .tag,.home .tag{font-size:11px;color:var(--cyan);margin-bottom:8px}.title .how,.home .how{font-size:10px;opacity:.8;line-height:1.8;margin:10px 0}.title .best,.home .best{font-size:10px;color:var(--gold);margin-top:8px}.title .credit,.home .credit{margin-top:12px;font-size:9px;opacity:.6}.title .credit .artist,.home .credit .artist{font-family:var(--font-name);font-size:10px;letter-spacing:0}.skipbar{margin-top:10px;min-height:30px}.skipbar .noskip{font-size:10px;opacity:.55}.cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0 4px}.card{width:132px;min-height:176px;background:linear-gradient(180deg,#1a2040,#0c1028);border:2px solid var(--common);padding:10px 8px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:transform .12s ease,box-shadow .12s ease;animation:deal .35s cubic-bezier(.2,.9,.3,1.2) backwards}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}@keyframes deal{0%{opacity:0;transform:translateY(24px) rotate(-4deg) scale(.9)}to{opacity:1;transform:none}}.card:hover,.card.active{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 30px #0009,0 0 18px var(--glow, rgba(255,255,255,.2))}.card.rare{border-color:var(--rare);--glow: rgba(66,165,245,.5)}.card.epic{border-color:var(--epic);--glow: rgba(176,108,255,.55)}.card.legendary{border-color:var(--legendary);--glow: rgba(245,197,66,.7);background:linear-gradient(180deg,#3a2a10,#14100a)}.card .kind{font-family:var(--font-body);font-size:9px;letter-spacing:1px;opacity:.7;margin-top:10px}.card .icon{width:48px;height:48px;image-rendering:pixelated}.card .name{font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--paper)}.card .blurb{font-size:11px;opacity:.85;line-height:1.45;flex:1}.card .lvl{font-size:9px;color:var(--gold);align-self:flex-start;margin-left:2px}.card .key{position:absolute;top:4px;left:6px;font-family:var(--font-body);font-size:8px;color:var(--cyan);opacity:.8}.card .rar{position:absolute;bottom:4px;right:6px;font-size:8px;text-transform:uppercase;letter-spacing:1px;opacity:.9}.card.rare .rar{color:var(--rare)}.card.epic .rar{color:var(--epic)}.card.legendary .rar{color:var(--legendary)}.card.common .rar{color:var(--common)}.slots{position:relative}.slots h2{color:var(--gold)}.slots .machine{display:flex;gap:12px;justify-content:center;width:fit-content;margin:14px auto 8px;padding:16px;background:linear-gradient(180deg,#3b1e0c,#1d0e05);border:3px solid var(--gold);border-radius:8px;box-shadow:inset 0 0 30px #0009,0 0 24px #f5c54240}.reel{width:104px;height:140px;background:#0b0e1e;border:2px solid #6b4a12;overflow:hidden;position:relative}.reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#040612d9,#0406121a 22%,#04061200,#0406121a 78%,#040612d9);z-index:2}.reel .strip{transition:none}.reel:not(.stopped) .strip{filter:blur(.6px)}.reel .strip{position:absolute;left:0;right:0;top:0;will-change:transform}.reel .face{height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;padding:0 3px}.reel .face img,.reel .face canvas{width:36px;height:36px;image-rendering:pixelated}.reel .face .n{font-size:10px;font-family:var(--font-body);line-height:1.3;text-align:center}.reel .win{position:absolute;left:-2px;right:-2px;top:35px;height:70px;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);pointer-events:none;box-shadow:inset 0 0 24px #f5c54238,0 0 10px #f5c54259;z-index:3}.reel.stopped{border-color:var(--gold);box-shadow:0 0 14px #f5c54280;animation:lockpop .18s ease}.reel.nearmiss{animation:jitter .35s ease 3}@keyframes lockpop{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes jitter{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.slots .result{min-height:34px;font-family:var(--font-heading);font-size:11px;color:var(--gold);text-shadow:0 3px 0 #000;margin-top:8px}.slots .result.jackpot{font-size:18px;animation:jack .5s ease infinite alternate;color:#fff2b0;text-shadow:0 0 20px var(--gold),0 3px 0 #000}@keyframes jack{0%{transform:scale(1)}to{transform:scale(1.12)}}.slots .grants{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.slots .grant{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);padding:4px 8px;font-size:10px}.slots .grant canvas{image-rendering:pixelated;width:24px;height:24px}.slots .fineprint{font-size:9px;opacity:.6;margin:-6px 0 6px}.slots .hint{font-size:10px;opacity:.7;margin-top:10px}.slots.flash:before{content:"";position:absolute;inset:-40vh -40vw;background:radial-gradient(circle,rgba(255,240,180,.55),transparent 60%);animation:fadeout .8s ease forwards;pointer-events:none}@keyframes fadeout{to{opacity:0}}.lights{display:flex;gap:6px;justify-content:center;margin-top:4px}.lights i{width:8px;height:8px;border-radius:50%;background:#5a3a0c}.lights.on i:nth-child(odd){background:var(--gold);box-shadow:0 0 6px var(--gold)}.lights.on.alt i:nth-child(2n){background:var(--gold);box-shadow:0 0 6px var(--gold)}.lights.on.alt i:nth-child(odd){background:#5a3a0c;box-shadow:none}.stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px 18px;margin:12px auto;max-width:360px;font-size:11px;text-align:left}.stats b{color:var(--gold);float:right;font-family:var(--font-body);font-size:12px}.newbest{color:var(--gold);font-family:var(--font-heading);font-size:10px;animation:jack .5s ease infinite alternate}.owned{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:8px}.owned .slot{width:22px;height:22px;background:#0006;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;position:relative}.owned .slot canvas{image-rendering:pixelated}.owned .slot i{position:absolute;right:0;bottom:-2px;font-style:normal;font-size:7px;font-family:var(--font-body);color:var(--gold)}.toast{position:absolute;top:12%;left:50%;transform:translate(-50%);background:var(--panel);border-left:3px solid var(--gold);padding:8px 12px;font-size:11px;animation:banner 2.6s ease forwards;pointer-events:none;max-width:80%}@media(max-height:460px){.overlay.low{padding-bottom:2vh}.panel{padding:10px 14px;max-height:98vh}.panel h2{font-size:11px;margin-bottom:4px}.panel .sub{font-size:9px;margin-bottom:8px}.buttons{margin-top:8px;gap:8px}.btn{padding:7px 12px;font-size:11px}.title h1,.home h1{font-size:20px;margin:2px 0}.title .tag,.home .tag{font-size:9px;margin-bottom:4px}.title .how,.home .how{font-size:9px;line-height:1.6;margin:6px 0}.title .best,.title .credit,.home .credit{font-size:8px;margin-top:4px}.cards{gap:6px;margin:6px 0 2px}.skipbar{margin-top:5px;min-height:22px}.skipbar .btn{padding:5px 9px;font-size:10px}.card{width:108px;min-height:0;padding:6px 6px 12px;gap:3px}.card .kind{margin-top:6px;font-size:6px}.card .icon{width:32px;height:32px}.card .name{font-size:8px}.card .blurb{font-size:9px;line-height:1.35}.card .lvl,.card .rar,.card .key{font-size:7px}.slots .machine{padding:8px;gap:8px;margin:6px auto 4px}.reel{width:82px;height:104px}.reel .face{height:52px;gap:1px}.reel .face img,.reel .face canvas{width:20px;height:20px}.reel .face .n{font-size:6px;line-height:1.25}.reel .win{top:26px;height:52px}.lights i{width:5px;height:5px}.slots .result{font-size:10px;min-height:20px;margin-top:4px}.slots .result.jackpot{font-size:14px}.slots .grant{font-size:8px;padding:2px 5px}.slots .grant canvas{width:16px;height:16px}.slots .fineprint{font-size:9px;opacity:.6;margin:-6px 0 6px}.slots .hint{font-size:8px;margin-top:6px}.stats{font-size:9px;gap:3px 12px;margin:6px auto}.stats b{font-size:8px}}.riders{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 10px}.rider{position:relative;width:126px;background:linear-gradient(180deg,#141a35,#0b0f22);border:2px solid rgba(255,255,255,.18);padding:8px 6px 10px;cursor:pointer;color:var(--paper);font:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.rider canvas{image-rendering:pixelated}.rider:hover{transform:translateY(-4px)}.rider.active{border-color:var(--tint, var(--gold));box-shadow:0 10px 26px #0009,0 0 18px var(--tint, rgba(245,197,66,.6));transform:translateY(-4px)}.rider .rname{font-family:var(--font-name);font-size:11px;line-height:1.5;text-align:center}.rider .rmount{font-size:8px;line-height:1.6;opacity:.65;letter-spacing:0}.rider.locked canvas{filter:grayscale(1) brightness(.4)}.rider.locked .rname,.rider.locked .rmount{opacity:.5}.rider .lock{position:absolute;top:6px;right:8px;font-size:14px}.pickinfo{min-height:44px;font-size:11px;line-height:1.6;display:flex;flex-direction:column;gap:3px;align-items:center}.pickinfo b{font-family:var(--font-name);font-size:14px;color:var(--gold)}.pickinfo b.locked{color:var(--rose)}.pickinfo span{opacity:.85}.bar.unlock{width:min(60%,240px);height:6px;margin-top:4px}.bar.unlock>i{background:linear-gradient(90deg,#7a1f22,var(--rose))}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.unlocked{font-family:var(--font-heading);font-size:10px;color:var(--cyan);margin:4px 0;text-shadow:0 0 12px rgba(66,214,200,.7)}.sliders{display:flex;flex-direction:column;gap:14px;margin:16px auto 4px;max-width:420px}.slider{display:grid;grid-template-columns:96px 1fr 46px;align-items:center;gap:10px}.slider .what{font-family:var(--font-body);font-size:11px;color:var(--cyan);text-align:left;letter-spacing:.5px}.slider .val{font-family:var(--font-body);font-size:12px;color:var(--gold);text-align:right}.slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;background:#00000080;border:1px solid rgba(255,255,255,.25);cursor:pointer}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:18px;background:var(--gold);border:2px solid #3d2508;cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:14px;height:18px;background:var(--gold);border:2px solid #3d2508;border-radius:0;cursor:pointer}.slider input[type=range]:focus{outline:none;border-color:var(--gold)}.panel.board{width:min(94vw,560px)}.panel.home{width:min(calc(94vw / var(--z)),800px)}.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.tab{font:inherit;font-size:10px;background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.25);padding:5px 10px;cursor:pointer;opacity:.7}.tab.on{border-color:var(--gold);color:var(--gold);opacity:1}.search{margin-bottom:8px}.search input,.post input{font:inherit;font-size:11px;background:#00000073;border:1px solid rgba(255,255,255,.25);color:var(--paper);padding:7px 9px;width:min(70%,240px)}.search input:focus,.post input:focus{outline:none;border-color:var(--gold)}.rows{display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto}.row{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:baseline;font-size:11px;padding:5px 8px;background:#ffffff0a;text-align:left}.row:nth-child(1){background:#f5c54224}.row:nth-child(2){background:#ffffff17}.row.me{outline:1px solid var(--gold)}.row .pos{font-family:var(--font-body);font-size:11px;color:var(--gold)}.row .pts{font-family:var(--font-body);font-size:12px}.row .meta{font-size:9px;opacity:.6}.loading{font-size:11px;opacity:.7;padding:18px 0}.post{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px 0 4px}.poststate{font-size:10px;opacity:.85;min-width:90px}.poststate b{color:var(--gold);font-family:var(--font-body);font-size:10px}@media(max-height:460px){.howto{gap:3px;margin:6px auto 8px}.howto .row{font-size:9px;grid-template-columns:70px 1fr;line-height:1.35}.howto b{font-size:7px}.opt{grid-template-columns:70px 1fr 1fr}.opt .pick{font-size:9px;padding:5px 6px}.opt.diff{margin-top:2px}.diffblurb{font-size:8px;line-height:1.4;margin-top:3px;min-height:0}.stick{width:92px;height:92px}.stick .knob{width:38px;height:38px}.sliders{gap:8px;margin:8px auto 2px}.slider{grid-template-columns:76px 1fr 40px;gap:7px}.slider .what{font-size:7px}.slider input[type=range]{height:8px}.riders{gap:6px;margin:6px 0}.rider{width:86px;padding:5px 4px 6px}.rider canvas{width:56px;height:56px}.rider .rname{font-size:8px}.rider .rmount{font-size:6px}.pickinfo{min-height:30px;font-size:9px}.pickinfo b{font-size:11px}.rows{max-height:38vh}.row{font-size:9px;padding:3px 6px}.post input,.search input{font-size:10px;padding:5px 7px}}