.result-screen{background:radial-gradient(ellipse at center, var(--px-felt-2) 0%, var(--px-felt-1) 50%, var(--px-felt-3) 100%);min-height:100dvh;font-family:var(--px-font);color:var(--px-paper);-webkit-font-smoothing:none;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow-y:auto}.result-screen:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000f 3px 4px),radial-gradient(circle at 30% 40%,#ffffff0a 0 200px,#0000 200px),radial-gradient(circle at 70% 60%,#ffffff08 0 220px,#0000 220px);position:absolute;inset:0}.result-card{z-index:1;background:var(--px-panel-2);border:4px solid var(--px-panel-edge);width:100%;max-width:460px;box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -4px 0 0 var(--px-bevel-lo), 6px 6px 0 #000;flex-direction:column;gap:18px;padding:24px 22px;display:flex;position:relative}.result-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.result-eyebrow{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;color:var(--px-violet);text-shadow:2px 2px #000;font-size:11px}.result-header h2{font-family:var(--px-tiny);letter-spacing:.06em;color:var(--px-gold);text-shadow:2px 2px #000;justify-content:center;align-items:center;gap:14px;margin:0;font-size:22px;display:inline-flex}.result-header h2 .result-skull{text-shadow:none;filter:drop-shadow(3px 3px #000);font-size:64px;line-height:1}.result-emoji-grid{letter-spacing:.08em;word-break:break-all;margin:4px 0 0;font-size:26px;line-height:1.1}.result-body{font-family:var(--px-tiny);letter-spacing:.04em;text-align:center;color:var(--px-paper);text-shadow:2px 2px #000;margin:0;font-size:14px;line-height:1.5}.result-screen.result-screen--compact{align-items:center}.result-rank-callout{font-family:var(--px-tiny);letter-spacing:.04em;background:var(--px-green-d);color:#fff;text-shadow:2px 2px 0 var(--px-green-d);box-shadow:inset 0 0 0 2px var(--px-green), inset 0 -3px 0 var(--px-bevel-lo);border:3px solid #000;margin:0;padding:6px 10px;font-size:13px}.result-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.result-stat{background:var(--px-panel);box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -2px 0 var(--px-bevel-lo);border:3px solid #000;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.result-stat .lbl{font-family:var(--px-tiny);letter-spacing:.04em;text-transform:uppercase;color:var(--px-paper);font-size:11px}.result-stat .v{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--px-gold);text-shadow:2px 2px #000;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:800}.result-leaderboard{background:var(--px-panel);box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -2px 0 var(--px-bevel-lo);border:3px solid #000;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.result-leaderboard .lbl{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;color:var(--px-paper);text-shadow:2px 2px #000;font-size:11px}.result-leaderboard ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.result-leaderboard li{font-family:var(--font-mono), "JetBrains Mono", monospace;font-variant-numeric:tabular-nums;background:#00000040;border:2px solid #0000;grid-template-columns:2.4rem 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:grid}.result-leaderboard li.is-you{background:var(--px-violet-d);border-color:var(--px-violet);box-shadow:inset 0 0 0 2px var(--px-violet), inset 0 -2px 0 #000}.result-leaderboard .rank{font-family:var(--px-tiny);color:var(--px-gold);text-shadow:1px 1px #000;font-size:12px}.result-leaderboard .score{color:var(--px-paper);font-weight:700}.result-leaderboard .when{color:var(--px-paper-sh);font-size:12px}.result-leaderboard .you-badge{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;background:var(--px-violet);color:#fff;text-shadow:1px 1px 0 var(--px-violet-d);border:2px solid #000;padding:2px 6px;font-size:9px}.result-actions{flex-direction:column;gap:8px;display:flex}.result-action{min-height:48px;font-family:var(--px-tiny);letter-spacing:.06em;background:var(--px-violet-d);color:#fff;text-shadow:2px 2px 0 var(--px-violet-d);box-shadow:inset 0 0 0 2px var(--px-violet), inset 0 -3px 0 var(--px-bevel-lo);cursor:pointer;border:3px solid #000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;text-decoration:none;transition:transform 80ms;display:inline-flex}.result-action:hover{transform:translateY(-1px)}.result-action:active{box-shadow:inset 0 0 0 2px var(--px-violet), inset 0 -1px 0 var(--px-bevel-lo);transform:translateY(2px)}.result-action:focus-visible{outline:2px solid var(--px-gold);outline-offset:3px}.result-action-primary{background:var(--px-gold-d);text-shadow:2px 2px 0 var(--px-gold-d);box-shadow:inset 0 0 0 2px var(--px-gold), inset 0 -3px 0 var(--px-bevel-lo)}.result-action-primary:active{box-shadow:inset 0 0 0 2px var(--px-gold), inset 0 -1px 0 var(--px-bevel-lo)}.result-action-ghost{color:var(--px-paper);text-shadow:2px 2px #000;box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -2px 0 var(--px-bevel-lo);background:0 0}.result-action-ghost:active{box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 0 0 var(--px-bevel-lo)}.result-action .icon{width:16px;height:16px}@media (max-width:600px) and (orientation:portrait){.result-screen{align-items:flex-start;padding:16px}.result-card{box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -4px 0 0 var(--px-bevel-lo), 4px 4px 0 #000;gap:14px;padding:18px 16px}.result-header h2{gap:10px;font-size:18px}.result-header h2 .result-skull{font-size:48px}.result-eyebrow{font-size:10px}.result-emoji-grid{font-size:22px}.result-rank-callout{padding:5px 8px;font-size:11px}.result-body{font-size:13px}.result-stats{gap:6px}.result-stat{gap:2px;padding:8px 10px}.result-stat .lbl{font-size:10px}.result-stat .v{font-size:22px}.result-leaderboard{padding:10px 12px}.result-leaderboard li{grid-template-columns:1.8rem 1fr auto;padding:5px 6px;font-size:12px}.result-leaderboard .when{display:none}.result-leaderboard .rank{font-size:11px}.result-action{min-height:44px;padding:0 12px;font-size:12px}}@media (orientation:landscape) and (max-height:600px){.result-screen{align-items:flex-start;padding:12px}.result-card{max-width:720px;box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -4px 0 0 var(--px-bevel-lo), 4px 4px 0 #000;gap:10px;padding:14px 16px}.result-header{flex-flow:wrap;justify-content:center;align-items:center;gap:12px}.result-header h2{gap:8px;font-size:16px}.result-header h2 .result-skull{font-size:36px}.result-eyebrow{font-size:9px}.result-emoji-grid{flex-basis:100%;font-size:18px}.result-rank-callout{padding:4px 6px;font-size:10px}.result-body{font-size:12px}.result-stats{grid-template-columns:repeat(4,1fr);gap:6px}.result-stat{gap:0;padding:6px 8px}.result-stat .lbl{font-size:9px}.result-stat .v{font-size:18px}.result-leaderboard{padding:8px 10px}.result-leaderboard li{grid-template-columns:1.6rem 1fr auto auto;padding:4px 6px;font-size:11px}.result-leaderboard .when{display:none}.result-leaderboard .rank{font-size:10px}.result-actions{flex-flow:wrap;justify-content:center;gap:6px}.result-action{flex:140px;min-height:40px;padding:0 12px;font-size:11px}}