:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0a0c;--panel:#140f16f0;--panel-2:#2a2231;--well:#120d14;--edge:#4a3d55;--edge-hi:#6c5a7c;--line:#3a3045;--ink:#f6ecdc;--ink-dim:#b9adb6;--ink-faint:#85798c;--marquee:#ffc94d;--marquee-lo:#c9861f;--neon:#ff5d8f;--teal:#6fe3e1;--tomato:#e0604f;--dark:#120d14;--t-heckled:#e0604f;--t-crickets:#8fc26b;--t-chuckle:#f2d24b;--t-groan:#f39a4a;--t-rimshot:#5fd8e8;--t-standing:#ff6fa5;--pixel:"Pixelify Sans", ui-monospace, monospace;--read:"Atkinson Hyperlegible", system-ui, sans-serif;--hud:var(--read);--px:0 -3px 0 var(--edge), 0 3px 0 var(--edge), -3px 0 0 var(--edge), 3px 0 0 var(--edge), 0 9px 0 #0402058c}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:400 17px/1.45 var(--read);margin:0;overflow-x:hidden}button,input{font:inherit}:focus-visible{outline:3px solid var(--marquee);outline-offset:4px}.mono{font-family:var(--hud);letter-spacing:.04em;font-size:13px;font-weight:700}.eyebrow{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;margin:0}.t-heckled{--tier:var(--t-heckled)}.t-crickets{--tier:var(--t-crickets)}.t-chuckle{--tier:var(--t-chuckle)}.t-groan{--tier:var(--t-groan)}.t-rimshot{--tier:var(--t-rimshot)}.t-standing{--tier:var(--t-standing)}.sprite{display:block}.sprite-wrap{display:inline-flex}.club{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.club canvas{image-rendering:pixelated;display:block}.club.no-gl{background:linear-gradient(#2a1712 0 55%,#1f3d2c 55% 58%,#3b281b 58%)}.club-over{pointer-events:none;position:absolute;inset:0;overflow:hidden}.club-dim{z-index:1;opacity:0;pointer-events:none;background:#0a070ca8;transition:opacity .6s steps(6,end);position:fixed;inset:0}body:is([data-view=results],[data-view=wall]) .club-dim{opacity:1}.layer-top{z-index:6;pointer-events:none;position:fixed;inset:0}.layer-top>*{pointer-events:auto}.fx{z-index:7;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-item{opacity:0;position:absolute;top:0;left:0}.fx-item>div{will-change:transform}.fx-item .sprite{margin:-18px 0 0 -18px}.top{z-index:5;justify-content:space-between;align-items:center;gap:12px;width:min(820px,100% - 32px);margin:0 auto;padding:18px 0 6px;display:none;position:relative}body:is([data-view=results],[data-view=wall]) .top{display:flex}.top-meta{color:var(--ink-faint);font:700 12px var(--hud);letter-spacing:.08em;text-transform:uppercase}.view{z-index:4;flex-direction:column;width:min(820px,100% - 32px);min-height:100dvh;margin:0 auto;padding:16px 0 40px;display:flex;position:relative}body:is([data-view=results],[data-view=wall]) .view{min-height:0}.toast{z-index:8;background:var(--dark);max-width:calc(100vw - 40px);color:var(--ink);font:700 13px var(--hud);letter-spacing:.04em;box-shadow:var(--px);opacity:0;pointer-events:none;padding:10px 16px;transition:opacity .3s steps(3,end),transform .3s steps(3,end);position:fixed;bottom:28px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.panel{background:var(--panel);box-shadow:var(--px), inset 0 3px 0 #ffffff0d}.btn{background:var(--panel-2);color:var(--ink);font:600 16px/1 var(--pixel);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:0 -3px 0 var(--dark), 0 3px 0 var(--dark), -3px 0 0 var(--dark), 3px 0 0 var(--dark), inset 0 -4px 0 #0006, inset 0 3px 0 #ffffff17;border:0;margin:3px;padding:12px 18px 13px}.btn:hover{background:#382d42}.btn:active{box-shadow:0 -3px 0 var(--dark), 0 3px 0 var(--dark), -3px 0 0 var(--dark), 3px 0 0 var(--dark), inset 0 -1px 0 #0006;transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--marquee);color:#2a1606;box-shadow:0 -3px 0 var(--dark), 0 3px 0 var(--dark), -3px 0 0 var(--dark), 3px 0 0 var(--dark), inset 0 -5px 0 var(--marquee-lo), inset 0 3px 0 #ffe9a8}.btn.primary:hover{background:#ffd46c}.btn.primary:active{box-shadow:0 -3px 0 var(--dark), 0 3px 0 var(--dark), -3px 0 0 var(--dark), 3px 0 0 var(--dark), inset 0 -2px 0 var(--marquee-lo)}.btn.big{letter-spacing:.1em;padding:19px 26px 20px;font-size:18px}.btn.small{padding:9px 12px 10px;font-size:14px}.btn.square{padding:8px 12px 9px;font-size:14px}.link{color:var(--ink-dim);font:700 13px var(--hud);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:6px 2px}.link:hover{color:var(--ink)}.chip{background:var(--dark);color:var(--tier,var(--ink-dim));font:700 12px var(--hud);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 -2px 0 var(--line), 0 2px 0 var(--line), -2px 0 0 var(--line), 2px 0 0 var(--line);align-items:center;gap:6px;padding:4px 8px 5px;display:inline-flex}.said{color:var(--tier);font-weight:600}@keyframes blink{50%{opacity:.35}}.home{text-align:center;flex-direction:column;flex:1;justify-content:space-between;gap:28px;padding:8vh 0 2vh;display:flex}.home-sign{flex-direction:column;align-items:center;display:flex}body.card .home-dock{visibility:hidden}body.card .home{justify-content:center;padding-bottom:14vh}.home-k{color:var(--marquee);font:700 13px var(--hud);letter-spacing:.1em;text-transform:uppercase;margin:0}.home-k:before,.home-k:after{content:"●";margin:0 10px;animation:1.2s step-end infinite blink}.home-k:after{animation-delay:.6s}.logo{color:#ffe3ec;font:700 clamp(56px, 13.5vw, 140px) / .9 var(--pixel);letter-spacing:.02em;text-shadow:0 0 1px #fff, 0 0 8px var(--neon), 0 0 22px #ff2e74, 0 0 52px #ff2e748c;margin:10px 0 8px}.logo .fritz{animation:6s step-end infinite fritz}@keyframes fritz{0%,to{opacity:1}41%{opacity:.25;text-shadow:none}42%{opacity:1}44%{opacity:.25;text-shadow:none}46%{opacity:1}}.home-sub{color:var(--teal);font:700 clamp(14px, 1.8vw, 17px) var(--hud);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px #6fe3e199;margin:0}.home-how{color:var(--ink-dim);text-shadow:0 2px #000;margin:18px 0 0;font-size:16px}.home-dock{flex-direction:column;align-items:stretch;gap:16px;width:min(580px,100%);margin:0 auto;display:flex}.home-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.home-stats{color:var(--ink-faint);font:700 12px var(--hud);letter-spacing:.06em;text-transform:uppercase;text-align:left;text-shadow:0 2px #000;margin:0}.home-links{gap:8px;display:flex}.how{text-align:left}.how summary{width:fit-content;color:var(--ink-faint);font:700 12px var(--hud);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none}.how summary::-webkit-details-marker{display:none}.how summary:before{content:"▸ "}.how[open] summary:before{content:"▾ "}.how p{background:var(--panel);color:var(--ink-dim);box-shadow:var(--px);margin:12px 3px 6px;padding:14px 16px;font-size:15px}.stage{flex-direction:column;flex:1;display:flex}.hud{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.hud-side{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.hud-side.right{align-items:flex-end}.badge{background:var(--panel);min-width:116px;box-shadow:var(--px);margin:3px;padding:8px 14px 9px}.badge-k{color:var(--ink-faint);font:700 12px var(--hud);letter-spacing:.1em;text-transform:uppercase;display:block}.badge-v{color:var(--marquee);font:600 26px/1.1 var(--pixel);font-variant-numeric:tabular-nums;display:block}.hud-side.right .badge{text-align:right}.hud-side.right .badge-v{color:var(--neon)}.hud-mid{flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex}.squares{justify-content:center;gap:6px;display:flex}.sq{background:var(--dark);width:16px;height:16px;box-shadow:0 -2px 0 var(--edge), 0 2px 0 var(--edge), -2px 0 0 var(--edge), 2px 0 0 var(--edge)}.sq.now{background:var(--ink);animation:1s step-end infinite blink}.sq.done{background:var(--tier)}.hud-k{color:var(--ink-dim);font:700 12px var(--hud);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px #000}.cue{flex-direction:column;align-items:center;margin-top:3vh;display:flex}.prompt{width:min(720px,100%);padding:18px 24px 16px}.prompt-k{color:var(--neon);font:700 12px var(--hud);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.line{color:var(--ink);font:700 clamp(24px, 3.4vw, 34px) / 1.3 var(--read);margin:0}.blank{vertical-align:baseline;min-width:3.6em;margin:0 .12em;display:inline-grid}.blank:after{content:attr(data-value) " ";font:inherit;white-space:pre;visibility:hidden;grid-area:1/1;padding:0 .15em}.blank input{border:0;border-bottom:4px dashed var(--edge-hi);width:100%;min-width:0;color:var(--marquee);font:inherit;caret-color:var(--marquee);background:0 0;border-radius:0;outline:none;grid-area:1/1;padding:0 .15em;font-weight:600}.blank input:focus{border-bottom-style:solid;border-bottom-color:var(--marquee)}.deliver{align-items:center;gap:14px;margin-top:18px;display:flex}.clock{background:var(--dark);width:48px;height:40px;color:var(--marquee);font:600 22px var(--pixel);box-shadow:0 -3px 0 var(--edge), 0 3px 0 var(--edge), -3px 0 0 var(--edge), 3px 0 0 var(--edge);flex:none;place-items:center;margin:3px;display:grid}.fuse{flex:1;gap:2px;min-width:0;display:flex}.fuse i{background:var(--marquee);flex:1;height:12px;box-shadow:inset 0 -3px #00000040}.fuse i.out{box-shadow:none;background:#2a2231}.fuse i.late{background:var(--tomato);animation:.5s step-end infinite blink}.prompt-hint{color:var(--ink-faint);font:700 12px var(--hud);letter-spacing:.1em;text-transform:uppercase;margin:14px 0 0}.verdict{min-height:20px;color:var(--tomato);font:700 13px var(--hud);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px #000;margin:16px 0 0}.say{transform-origin:0 0;position:absolute;top:0;left:0}.say-text{color:#1a1014;max-width:min(80vw,520px);font:700 clamp(19px, 2.4vw, 26px) / 1.2 var(--read);text-align:center;transform-origin:50% 100%;background:#fff4e0;margin-bottom:18px;padding:9px 16px 11px;display:block;position:relative;box-shadow:0 -3px #1a1014,0 3px #1a1014,-3px 0 #1a1014,3px 0 #1a1014}.say-text:after{content:"";clip-path:polygon(0 0,100% 0,100% 34%,67% 34%,67% 67%,34% 67%,34% 100%,0 100%);background:#fff4e0;width:15px;height:12px;position:absolute;top:calc(100% + 3px);left:calc(50% - 6px)}.say.t-heckled .say-text,.say.t-heckled .say-text:after{background:#cfc6bd}.shout{color:#1a1014;font:700 15px/1 var(--hud);white-space:nowrap;opacity:0;background:#fff4e0;padding:5px 9px 6px;position:absolute;box-shadow:0 -2px #1a1014,0 2px #1a1014,-2px 0 #1a1014,2px 0 #1a1014}.shout:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,50% 100%,50% 50%,0 50%);width:8px;height:6px;position:absolute;top:calc(100% + 2px);left:calc(50% - 4px)}.shout.boo{background:var(--tomato)}.callout{text-align:center;pointer-events:none;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%)}.callout-tier{color:var(--tier);font:700 calc(clamp(40px, 7vw, 76px) * var(--pop,1)) / 1 var(--pixel);white-space:nowrap;text-shadow:5px 5px 0 #000, 0 0 24px color-mix(in srgb, var(--tier) 55%, transparent);margin:0}.callout-aside{color:var(--ink);font:700 13px var(--hud);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px #000,0 0 8px #000;margin:10px 0 0}.result{text-align:center;width:min(440px,100% - 32px);padding:20px 22px 18px;position:fixed;bottom:max(26px,4vh);left:50%;transform:translate(-50%)}.result-sprite{justify-content:center;margin-bottom:6px;display:flex}.result-tier{color:var(--tier);font:700 clamp(38px, 6vw, 54px) / 1 var(--pixel);text-shadow:4px 4px #000;margin:0}.result-said{color:var(--ink);overflow-wrap:anywhere;margin:10px 0 0;font-size:22px;line-height:1.2}.result-pts{color:var(--ink);font:700 14px var(--hud);letter-spacing:.06em;text-transform:uppercase;margin:10px 0 0}.result-note{color:var(--ink-dim);margin:8px 0 0;font-size:15px}.result-count{color:var(--ink-faint);font:700 12px var(--hud);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 14px}.result .btn{min-width:210px;margin-top:8px}.results{flex-direction:column;gap:26px;padding-top:8px;display:flex}.results-head{text-align:center;flex-direction:column;align-items:center;padding:22px 22px 20px;display:flex}.score{align-items:baseline;gap:10px;margin-top:6px;display:flex}.score-num{color:var(--marquee);font:700 clamp(72px, 13vw, 112px) / 1 var(--pixel);font-variant-numeric:tabular-nums;text-shadow:5px 5px #000}.score-max{color:var(--ink-faint)}.review{color:var(--neon);margin:6px 0 14px;font-size:22px}.squares.big{gap:8px}.squares.big .sq{width:22px;height:22px}.world{width:100%;max-width:480px;margin-top:22px}.world-line{color:var(--ink-dim);margin:0}.world-line strong{color:var(--ink);font-weight:600}.hist{align-items:flex-end;gap:3px;height:100px;padding-top:24px;display:flex}.hist-bar{height:calc(var(--h) * 100%);background:var(--line);transform-origin:bottom;flex:1;animation:.8s steps(8,end) both grow;position:relative}.hist-bar.mine{background:var(--marquee)}.hist-you{color:var(--marquee);text-transform:uppercase;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes grow{0%{transform:scaleY(0)}}.hist-axis{color:var(--ink-faint);justify-content:space-between;margin-top:8px;display:flex}.as{color:var(--ink-faint);text-transform:uppercase;align-items:center;gap:10px;margin-top:22px;display:flex}.name-input{background:var(--dark);width:12em;color:var(--ink);font:400 16px var(--read);text-transform:none;box-shadow:0 -2px 0 var(--line), 0 2px 0 var(--line), -2px 0 0 var(--line), 2px 0 0 var(--line);border:0;outline:none;padding:6px 10px}.name-input:focus{box-shadow:0 -2px 0 var(--marquee), 0 2px 0 var(--marquee), -2px 0 0 var(--marquee), 2px 0 0 var(--marquee)}.set-panel{padding:6px 22px}.set-list{margin:0;padding:0;list-style:none}.sl{border-top:2px dashed var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:6px 16px;padding:16px 0;animation:.4s steps(4,end) both pop;display:grid}.sl:first-child{border-top:0}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.sl-line{color:var(--ink-dim);margin:0;font-size:18px;line-height:1.35}.sl-meta{justify-self:end;align-items:center;gap:10px;display:flex}.sl-pts{color:var(--ink)}.sl-top,.sl-unsaid{color:var(--ink-faint);grid-column:1/-1;margin:0}.sl-unsaid span{color:var(--ink-dim)}.sl-best{color:var(--marquee)}.sl-tiers{grid-column:1/-1;margin-top:4px}.sl-tiers summary{width:fit-content;color:var(--ink-dim);font:700 12px var(--hud);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}.sl-tiers summary::-webkit-details-marker{display:none}.sl-tiers summary:before{content:"▸ "}.sl-tiers[open] summary:before{content:"▾ "}.sl-tiers ul{flex-direction:column;gap:6px;margin:10px 0 2px;padding:0;list-style:none;display:flex}.tier-row{grid-template-columns:150px 1fr;align-items:center;gap:12px;display:grid}.tier-name{color:var(--tier);font:700 12px var(--hud);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.tier-answers{color:var(--ink);font-size:15px}@media (width<=560px){.tier-row{grid-template-columns:1fr;gap:2px}}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.foot{color:var(--ink-faint);text-align:center;text-transform:uppercase;margin:0}.wall{padding-top:6px}.title{color:var(--ink);font:700 clamp(36px, 6vw, 56px) / 1.05 var(--pixel);text-shadow:4px 4px #000;margin:8px 0}.sub{color:var(--ink-dim);margin:0 0 22px;font-size:16px}.tabs{gap:8px;margin-bottom:22px;display:inline-flex}.tab{background:var(--panel-2);color:var(--ink-dim);font:700 13px var(--hud);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 -3px 0 var(--dark), 0 3px 0 var(--dark), -3px 0 0 var(--dark), 3px 0 0 var(--dark);border:0;margin:3px;padding:9px 13px 10px}.tab[aria-selected=true]{background:var(--marquee);color:#2a1606}.wall-list{flex-direction:column;gap:22px;transition:opacity .3s steps(3,end);display:flex}.wall-list.loading{opacity:.45}.run{padding:16px 18px 10px;animation:.4s steps(4,end) both pop}.run.mine{--edge:var(--marquee-lo)}.run-head{align-items:center;gap:10px;display:flex}.run-name{font-size:18px;font-weight:600}.run-score{color:var(--marquee);margin-left:auto;font-size:14px}.run-tiers{gap:4px;margin:10px 0 14px;display:flex}.pip{background:var(--tier);width:20px;height:6px}.run-lines{flex-direction:column;gap:7px;margin:0;padding:0;font-size:15px;line-height:1.4;list-style:none;display:flex}.run-setup{color:var(--ink-faint)}.run-foot{border-top:2px dashed var(--line);align-items:center;gap:4px;margin-top:12px;padding-top:8px;display:flex}.icon-btn{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.icon-btn:hover{color:var(--ink);background:#ffffff0f}.icon-btn .heart{display:inline-flex}.icon-btn.on{color:var(--neon)}.report{color:var(--ink-faint);margin-left:auto}.thread{grid-template-rows:0fr;transition:grid-template-rows .4s steps(5,end);display:grid}.thread.open{grid-template-rows:1fr}.thread-inner{min-height:0;overflow:hidden}.comments{color:var(--ink-dim);flex-direction:column;gap:8px;margin:10px 0;padding:0;font-size:15px;list-style:none;display:flex}.comment-row{align-items:baseline;gap:12px;display:flex}.comment-copy{overflow-wrap:anywhere;flex:1;min-width:0}.comment-row .report{flex-shrink:0}.c-name{color:var(--ink);font-weight:600}.comment-form{gap:10px;padding:4px 3px 12px;display:flex}.comment-form input{background:var(--dark);min-width:0;color:var(--ink);box-shadow:0 -2px 0 var(--line), 0 2px 0 var(--line), -2px 0 0 var(--line), 2px 0 0 var(--line);border:0;outline:none;flex:1;margin:3px;padding:9px 12px;font-size:15px}.comment-form input:focus{box-shadow:0 -2px 0 var(--marquee), 0 2px 0 var(--marquee), -2px 0 0 var(--marquee), 2px 0 0 var(--marquee)}.empty{color:var(--ink-faint);text-align:center;padding:40px 0}.gate{text-align:center;flex-direction:column;align-items:center;width:min(520px,100%);margin:auto;padding:28px 24px 26px;display:flex}.gate .title{font-size:clamp(28px,4.5vw,38px)}@media (width<=560px){.view,.top{width:calc(100% - 24px)}.badge{min-width:0;padding:6px 10px 7px}.badge-v{font-size:20px}.sq{width:11px;height:11px}.squares{gap:5px}.hud-k{letter-spacing:.06em;font-size:11px}.prompt{padding:14px 16px}.line{font-size:clamp(22px,6.4vw,28px)}.deliver{gap:10px}.deliver .btn{padding:11px 12px 12px;font-size:15px}.home{padding-top:6vh}.home-row{justify-content:center}.home-stats{text-align:center}.callout-aside{white-space:normal;width:80vw;font-size:11px}.result{padding:14px 16px 12px}.result-sprite .sprite{width:40px;height:40px}.result-said{font-size:19px}.result-note{font-size:14px}.result .btn{width:calc(100% - 6px);min-width:0}.sl{grid-template-columns:1fr}.sl-meta{justify-self:start}.set-panel{padding:4px 16px}.actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}
