@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#fff6e8;--bg-soft:#fff;--ink:#1c2340;--ink-muted:#5a6485;--coral:#ff5a5f;--coral-deep:#e83e4a;--sky:#3bb4ff;--sky-deep:#1a8fe8;--lemon:#ffe056;--mint:#3dd68c;--peach:#ffb088;--danger:#e11d48;--border:#1c23401a;--font-display:"Fredoka", "Trebuchet MS", sans-serif;--font-body:"Space Grotesk", "Segoe UI", sans-serif;--font-mono:"Space Grotesk", "SF Mono", monospace;--radius:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}body{background-color:var(--bg);background-image:radial-gradient(circle at 12% 18%,#3bb4ff59,#0000 42%),radial-gradient(circle at 88% 12%,#ff5a5f47,#0000 38%),radial-gradient(circle at 70% 88%,#ffe0568c,#0000 45%),radial-gradient(circle at 18% 85%,#3dd68c47,#0000 40%),linear-gradient(165deg,#fff9f0 0%,#ffe8d6 45%,#e8f6ff 100%);background-attachment:fixed;min-height:100dvh}code{font-family:var(--font-mono);color:var(--sky-deep);background:#3bb4ff26;border-radius:6px;padding:.1em .35em;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--coral);text-shadow:3px 3px 0 var(--lemon);margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700}.brand--compact{text-shadow:2px 2px 0 var(--lemon);margin-bottom:.35rem;font-size:1.5rem}.brand--hero{text-shadow:4px 4px 0 var(--lemon);font-size:clamp(2.75rem,10vw,4.5rem)}.back-link{color:var(--ink-muted);margin-bottom:.75rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.back-link:hover{color:var(--coral-deep)}.back-link--center{align-self:center}.landing-page{justify-content:center;align-items:center;display:flex}.landing{width:min(720px,100%);padding:calc(2rem + var(--safe-top)) 1.5rem calc(2rem + var(--safe-bottom));flex-direction:column;justify-content:center;gap:2.25rem;min-height:100dvh;margin:0 auto;display:flex}.landing-header{text-align:center}.landing-lead{max-width:26rem;color:var(--ink-muted);margin:.75rem auto 0;font-size:1.1rem;line-height:1.45}.role-choice{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.role-choice{grid-template-columns:1fr 1fr}}.role-card{color:var(--ink);background:var(--bg-soft);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);flex-direction:column;gap:.45rem;padding:1.5rem 1.35rem;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.role-card:hover,.role-card:focus-visible{box-shadow:8px 8px 0 var(--ink);outline:none;transform:translate(-2px,-2px)}.role-card:active{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.role-card--host{background:linear-gradient(165deg,#3bb4ff47,#fff 55%)}.role-card--player{background:linear-gradient(165deg,#ff5a5f38,#fff 55%)}.role-kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.8rem;font-weight:600}.role-title{font-family:var(--font-display);font-size:1.55rem;font-weight:700}.role-desc{color:var(--ink-muted);font-size:.95rem;line-height:1.4}.host-page{justify-content:center;align-items:stretch;display:flex}.host-shell{flex-direction:column;gap:2rem;width:min(960px,100%);min-height:100dvh;margin:0 auto;padding:2.5rem 1.5rem 2rem;display:flex}.host-header{text-align:center}.tagline{color:var(--ink-muted);letter-spacing:.02em;margin:.5rem 0 0;font-weight:500}.host-main{flex:1;grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.host-main{grid-template-columns:1.15fr 1fr;align-items:start}.spotify-panel{grid-column:1/-1}}.spotify-panel{background:var(--bg-soft);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);padding:1.25rem 1.5rem}.spotify-hint{color:var(--ink-muted);margin:.35rem 0 1rem;font-size:.95rem;line-height:1.45}.spotify-status{letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:700}.spotify-status[data-tone=ok]{color:#1db954}.spotify-status[data-tone=pending]{color:var(--ink-muted)}.spotify-status[data-tone=error]{color:#e85d4c}.spotify-actions{flex-wrap:wrap;gap:.75rem;display:flex}.spotify-btn{appearance:none;border:3px solid var(--ink);color:#041510;font-family:var(--font-display);cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:#1db954;border-radius:12px;padding:.7rem 1.15rem;font-size:1rem;font-weight:700}.spotify-btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.spotify-btn:disabled{opacity:.55;cursor:wait}.spotify-btn--ghost{color:var(--ink);background:0 0}.room-panel,.players-panel{background:var(--bg-soft);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);padding:1.75rem}.room-panel{text-align:center;background:linear-gradient(180deg, #ffe05659 0%, transparent 55%), var(--bg-soft);flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.room-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.95rem;font-weight:600}.room-code{font-family:var(--font-display);letter-spacing:.22em;text-indent:.22em;color:var(--ink);background:var(--lemon);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--coral);border-radius:18px;margin:1rem 0 .85rem;padding:.35rem .75rem;font-size:clamp(3.75rem,13vw,5.75rem);font-weight:700;line-height:1}.room-hint{max-width:22rem;color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.45}.room-status{font-family:var(--font-display);color:var(--ink-muted);margin:0 0 .85rem;font-size:.95rem;font-weight:600}.room-status[data-tone=ok]{color:var(--mint)}.room-status[data-tone=error]{color:var(--danger)}.room-status[data-tone=pending]{color:var(--sky-deep)}.players-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.players-header h2{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600}.player-count{background:var(--sky);border:2px solid var(--ink);color:#fff;min-width:2.1rem;height:2.1rem;font-family:var(--font-display);box-shadow:2px 2px 0 var(--ink);border-radius:10px;justify-content:center;align-items:center;padding:0 .5rem;font-weight:700;display:inline-flex}.players-list{flex-direction:column;gap:.75rem;min-height:10rem;margin:0;padding:0;list-style:none;display:flex}.players-empty{color:var(--ink-muted);text-align:center;background:#fff6e899;border:2px dashed #5a648573;border-radius:14px;padding:1.5rem .5rem;font-style:italic}.player-item{border:2px solid var(--ink);background:linear-gradient(90deg,#3bb4ff1f,#ffe0562e);border-radius:14px;align-items:center;gap:.9rem;padding:.85rem 1rem;animation:.28s ease-out player-in;display:flex}@keyframes player-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.player-avatar{width:2.6rem;height:2.6rem;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--coral), var(--peach));border:2px solid var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.player-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.player-status{color:var(--mint);font-size:.8rem;font-weight:700}.host-footer{text-align:center;color:var(--ink-muted);font-size:.9rem}.host-footer p{margin:0}.controller-page{-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none}.join-screen{min-height:100dvh;padding:calc(1.5rem + var(--safe-top)) 1.5rem calc(1.5rem + var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.join-title{font-family:var(--font-display);color:var(--ink);margin:0 0 1.5rem;font-size:1.65rem;font-weight:600}.join-form{flex-direction:column;gap:.9rem;width:min(100%,280px);display:flex}.field-label{text-align:left;font-family:var(--font-display);color:var(--ink-muted);margin-bottom:-.35rem;font-size:.85rem;font-weight:600}.name-input{border:3px solid var(--ink);width:100%;color:var(--ink);font-family:var(--font-display);text-align:center;box-shadow:4px 4px 0 var(--lemon);background:#fff;border-radius:14px;outline:none;padding:.85rem 1rem;font-size:1.25rem;font-weight:700}.name-input:focus{box-shadow:5px 5px 0 var(--coral)}.controller-identity{text-align:left;align-items:center;gap:.65rem;display:flex}.controller-identity .controller-room{font-size:.8rem;display:block}.player-color-dot{border:2px solid var(--ink);background:#ccc;border-radius:50%;flex-shrink:0;width:1.35rem;height:1.35rem}.color-banner{border:2px solid var(--ink);font-family:var(--font-display);text-align:center;color:var(--ink);background:#ddd;border-radius:12px;margin:0 0 .75rem;padding:.55rem .85rem;font-weight:700}.master-panel{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding-bottom:1rem;display:flex;overflow:auto}.master-panel[hidden],.waiting-master[hidden],#pad-area[hidden]{display:none!important}.master-badge{font-family:var(--font-display);color:var(--coral-deep);text-align:center;margin:0;font-size:1.15rem;font-weight:700}.master-hint{text-align:center;color:var(--ink-muted);margin:0;font-size:.9rem;font-weight:600}.master-actions{flex-direction:column;gap:.5rem;display:flex}.master-btn{width:100%;padding:.85rem 1rem;font-size:1rem}.master-btn--ghost{color:var(--ink);background:linear-gradient(135deg,#fff,#f0f0f0)}.master-games{flex-direction:column;gap:.55rem;display:flex}.master-game-card{appearance:none;border:3px solid var(--ink);text-align:left;box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-family:var(--font-body);background:#fff;border-radius:16px;padding:.85rem 1rem}.master-game-card strong{font-family:var(--font-display);margin-bottom:.15rem;font-size:1.1rem;display:block}.master-game-card span{color:var(--ink-muted);font-size:.82rem;font-weight:600}.master-game-card:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.waiting-master{text-align:center;color:var(--ink-muted);margin:2rem 1rem;font-size:1.05rem;font-weight:700}.quiz-panel{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.25rem 0 1rem;display:flex;overflow:auto}.quiz-panel[hidden]{display:none!important}.quiz-meta{text-align:center;color:var(--ink-muted);margin:0;font-size:.85rem;font-weight:700}.quiz-question{text-align:center;font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.quiz-choices{flex-direction:column;gap:.55rem;display:flex}.quiz-choice-btn{appearance:none;border:3px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);text-align:left;cursor:pointer;font-family:var(--font-body);background:#fff;border-radius:16px;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.quiz-choice-btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.quiz-choice-btn:disabled{opacity:.75;cursor:default}.quiz-choice-btn.is-correct{background:#d8f3dc;border-color:#2e7d32}.quiz-choice-btn.is-locked{background:#f0f4ff}.quiz-choice-letter{background:var(--sky);color:#fff;width:2rem;height:2rem;font-family:var(--font-display);border:2px solid var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.quiz-choice-text{color:var(--ink);font-size:1.05rem;font-weight:700}.quiz-status{text-align:center;color:var(--coral-deep);margin:.25rem 0 0;font-weight:700}.memory-panel{flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:.25rem 0 1rem;display:flex;overflow:auto}.memory-panel[hidden]{display:none!important}.memory-meta{text-align:center;color:var(--ink-muted);margin:0;font-size:.9rem;font-weight:700}.memory-grid{gap:.45rem;width:min(100%,420px);margin:0 auto;display:grid}.memory-tile{appearance:none;aspect-ratio:1;border:3px solid var(--ink);color:#fff;font-family:var(--font-display);box-shadow:2px 2px 0 var(--ink);cursor:pointer;background:#1c2340;border-radius:14px;padding:0;font-size:clamp(1.2rem,6vw,1.8rem);font-weight:700}.memory-tile:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.memory-tile:disabled{cursor:default;opacity:.95}.memory-tile.is-open{color:#0000}.memory-tile.is-matched{opacity:.55}.memory-status{text-align:center;color:var(--coral-deep);margin:0;font-weight:700}.player-item--master{outline:3px solid var(--lemon);outline-offset:2px}.result-master-hint{opacity:.85;margin:0 0 .75rem;font-size:.95rem}.room-input{border:3px solid var(--ink);width:100%;color:var(--coral-deep);font-family:var(--font-display);letter-spacing:.35em;text-align:center;text-indent:.35em;box-shadow:4px 4px 0 var(--sky);background:#fff;border-radius:16px;outline:none;padding:1rem 1.1rem;font-size:1.85rem;font-weight:700;transition:transform .12s,box-shadow .12s}.room-input:focus{border-color:var(--ink);box-shadow:5px 5px 0 var(--coral);transform:translate(-1px,-1px)}.room-input::placeholder{color:#e83e4a59;letter-spacing:.35em}.join-btn{appearance:none;border:3px solid var(--ink);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--coral), #ff7a45);cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:1rem 1.25rem;font-size:1.15rem;font-weight:700}.join-btn:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.join-btn:disabled{opacity:.6;cursor:wait}.join-error{color:var(--danger);max-width:18rem;margin:1rem 0 0;font-size:.95rem;font-weight:600}.controller-screen{min-height:100dvh;padding:calc(.75rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(.75rem + var(--safe-bottom)) calc(1rem + var(--safe-left));flex-direction:column;display:flex}.controller-screen[hidden],.join-screen[hidden]{display:none!important}.controller-topbar{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.controller-room strong{color:var(--coral-deep);font-family:var(--font-display);letter-spacing:.12em}.connection-status{color:var(--mint);font-weight:700}.connection-status.is-offline{color:var(--danger)}.controller-layout{flex:1;justify-content:space-between;align-items:center;gap:1.25rem;min-height:0;display:flex}.dpad{--dpad-size:min(42vw, 220px);width:var(--dpad-size);height:var(--dpad-size);touch-action:none;flex-shrink:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dpad-btn{appearance:none;border:3px solid var(--ink);background:linear-gradient(160deg, var(--sky), var(--sky-deep));color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);touch-action:none;border-radius:14px;padding:0;position:relative}.dpad-btn:after{content:"";clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#fff;position:absolute;inset:28%}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-center{pointer-events:none;background:var(--lemon);opacity:1;box-shadow:none;border-radius:12px;grid-area:2/2}.dpad-center:after{display:none}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.dpad-left:after{transform:rotate(-90deg)}.dpad-right:after{transform:rotate(90deg)}.dpad-down:after{transform:rotate(180deg)}.dpad-btn.is-pressed{background:linear-gradient(160deg, #7ecfff, var(--sky));box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.action-btn.is-pressed{box-shadow:2px 2px 0 var(--ink);filter:brightness(1.05);transform:translate(2px,2px)scale(.98)}.action-btn{appearance:none;border:3px solid var(--ink);background:radial-gradient(circle at 32% 28%, #ffffff73, transparent 42%), linear-gradient(160deg, var(--player-accent,#ff7a45), var(--coral-deep));color:#fff;width:min(34vw,160px);height:min(34vw,160px);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);touch-action:none;border-radius:50%;flex-shrink:0;margin-right:.25rem;font-size:clamp(2rem,8vw,3rem);font-weight:700}.action-btn[hidden],body.controller-move-only .action-btn{pointer-events:none!important;border:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}body.controller-move-only .controller-layout{justify-content:center;align-items:center}body.controller-move-only .color-banner{margin-bottom:.35rem;padding:.45rem .75rem;font-size:.9rem}@media (orientation:portrait){body.controller-move-only .controller-layout{justify-content:center;align-items:center;padding-bottom:.5rem}body.controller-move-only .dpad{--dpad-size:min(88vw, 70dvh, 420px)!important;width:min(88vw,70dvh,420px)!important;height:min(88vw,70dvh,420px)!important}.controller-layout{align-items:flex-end;padding-bottom:1.5rem}body.controller-move-only .controller-layout{align-items:center}}@media (orientation:landscape){body.controller-move-only .controller-layout{padding-right:max(1.5rem, var(--safe-right));justify-content:flex-end;align-items:center}body.controller-move-only .dpad{--dpad-size:min(78vh, 48vw, 340px)!important;width:min(78vh,48vw,340px)!important;height:min(78vh,48vw,340px)!important}}@media (orientation:landscape) and (height<=500px){.controller-topbar{margin-bottom:.25rem}body.controller-with-action .dpad{--dpad-size:min(48vh, 200px)}body.controller-with-action .action-btn{width:min(42vh,140px);height:min(42vh,140px)}body.controller-move-only .dpad{--dpad-size:min(82vh, 320px)!important;width:min(82vh,320px)!important;height:min(82vh,320px)!important}}.game-picker-panel{background:var(--bg-soft);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);padding:1.5rem}.game-picker-note{color:var(--ink-muted);font-size:.85rem;font-weight:700}.game-picker{grid-template-columns:1fr;gap:.9rem;display:grid}@media (width>=720px){.game-picker{grid-template-columns:repeat(3,1fr)}}.game-card{appearance:none;text-align:left;border:3px solid var(--ink);cursor:pointer;font:inherit;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:linear-gradient(165deg,#ffe05659,#fff 60%);border-radius:16px;flex-direction:column;gap:.4rem;padding:1.1rem 1rem;transition:transform .12s,box-shadow .12s;display:flex}.game-card:nth-child(2){background:linear-gradient(165deg,#3bb4ff4d,#fff 60%)}.game-card:nth-child(3){background:linear-gradient(165deg,#3dd68c4d,#fff 60%)}.game-card:hover,.game-card:focus-visible{box-shadow:6px 6px 0 var(--ink);outline:none;transform:translate(-2px,-2px)}.game-card:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.game-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.game-card-blurb{color:var(--ink-muted);font-size:.92rem;line-height:1.35}.game-card-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--coral-deep);margin-top:.25rem;font-size:.8rem;font-weight:700}.player-avatar[data-slot="0"]{background:linear-gradient(135deg, var(--coral), var(--peach))}.player-avatar[data-slot="1"]{background:linear-gradient(135deg, var(--sky), #81d4fa)}.player-avatar[data-slot="2"]{background:linear-gradient(135deg, #ffd54f, var(--lemon));color:var(--ink)}.player-avatar[data-slot="3"]{background:linear-gradient(135deg, var(--mint), #a5d6a7)}.game-stage{z-index:20;background:#0d1b2a;flex-direction:column;display:flex;position:fixed;inset:0}.game-stage[hidden]{display:none!important}.game-stage-bar{z-index:10;border-bottom:3px solid var(--ink);background:#fffffff5;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:relative}.game-back-btn{appearance:none;cursor:pointer;font:inherit;background:0 0;border:none;margin:0}.game-title{font-family:var(--font-display);margin:0;font-size:1.35rem}.game-stage-room{color:var(--ink-muted);font-weight:600}.game-stage-room strong{color:var(--coral-deep);font-family:var(--font-display);letter-spacing:.12em}.game-canvas{flex:1;width:100%;min-height:0;display:block}.game-result{color:#fff;text-align:center;z-index:5;background:#1c2340b8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex;position:absolute;inset:56px 0 0}.game-result[hidden]{display:none!important}.game-result h2{font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,3rem)}.result-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0;font-size:.95rem;font-weight:700}.result-winner-label{letter-spacing:.2em;text-transform:uppercase;color:#ffe056;margin:.25rem 0 0;font-size:1.1rem;font-weight:700}.result-winner-name{font-family:var(--font-display);text-shadow:0 4px #00000040;line-height:1;margin:.15rem 0!important;font-size:clamp(3rem,12vw,6rem)!important}.result-winner-score{opacity:.9;margin:0 0 1.25rem;font-size:1.35rem;font-weight:700}.result-places{flex-direction:column;gap:.65rem;width:min(420px,100%);margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.result-place{text-align:left;background:#ffffff1a;border-radius:14px;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem 1rem;display:grid}.result-place-rank{letter-spacing:.04em;opacity:.85;font-weight:800}.result-place-name{font-size:1.25rem;font-family:var(--font-display)}.result-place-score{opacity:.85;font-weight:700}.result-winner{margin:0;font-size:1.2rem}.result-scores{margin:.5rem 0 1rem;padding:0;font-size:1.15rem;font-weight:700;list-style:none}.result-again{width:min(280px,100%)}