.game-record-page{width:min(1000px,100%);min-height:60vh;color:var(--game-ink);margin-inline:auto;padding:32px 24px 64px}.record-back{align-items:center;gap:8px;min-height:44px;margin-bottom:16px;font-size:14px;font-weight:600;display:inline-flex}.record-back svg{transform:rotate(180deg)}.record-back:hover{text-underline-offset:4px;text-decoration:underline}.record-ticket,.record-placeholder{border-radius:20px}.record-ticket{--ticket-ink:#f5f5ec;--ticket-muted:#b9ced0;color:var(--ticket-ink);background:#142f36;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid;overflow:hidden}.record-ticket-copy,.record-placeholder{padding:clamp(24px,5vw,48px)}.record-placeholder{border:1px solid var(--game-line);background:var(--bg-elevated)}.record-placeholder p{margin-top:12px}.record-placeholder button{margin-top:16px}.game-record-page h1{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(28px,5vw,48px);font-weight:600;line-height:1.08}.record-kicker,.record-meta,.record-score span{color:var(--ticket-muted)}.record-kicker,.game-record-page h1.record-kicker{letter-spacing:normal;margin-bottom:12px;font-size:14px;font-weight:400;line-height:1.65}.record-meta{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;font-size:14px;display:flex}.record-status{align-items:center;gap:8px;display:inline-flex}.record-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.record-status[data-phase=done]{color:#b6e5d3}.record-score{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:28px;display:flex}.record-score strong{letter-spacing:-.06em;font-size:clamp(48px,8vw,80px);font-weight:600;line-height:1}.record-ticket .primary{margin-top:24px}.record-ticket-art{background:#1a3940;border-inline-start:1px dashed #d5eae742;place-items:center;min-width:0;padding:32px;display:grid}.record-ticket-art img,.record-skeleton-art{aspect-ratio:1;object-fit:contain;width:min(100%,224px);display:block}.record-ticket-skeleton{--skeleton-fill:#36565b}.record-skeleton-title{width:78%;height:clamp(30px,5.4vw,52px)}.record-ticket-skeleton .skeleton-line{width:min(34%,80px)}.record-skeleton-score{width:min(50%,144px);height:clamp(48px,8vw,80px)}.record-review{margin-top:32px}.record-review h2{font-size:clamp(22px,4vw,28px);font-weight:600}.record-note{color:var(--game-muted);margin-top:8px;font-size:14px;line-height:1.55}.record-review>.record-note{margin-bottom:20px}.record-review .review-round{border-top:1px solid var(--game-line)}.record-review .review-round:last-child{border-bottom:1px solid var(--game-line)}.record-round-summary{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto 16px;align-items:center;gap:12px;min-height:60px;padding:12px 8px;list-style:none;display:grid}.record-round-summary::-webkit-details-marker{display:none}.record-round-summary:hover,.review-round[open]>.record-round-summary{background:var(--game-mint)}.review-round[open]>.record-round-summary svg{transform:rotate(180deg)}.record-round-number,.record-round-points{color:var(--game-muted);font-variant-numeric:tabular-nums;font-size:13px}.record-round-points{white-space:nowrap}.record-review .review-round>.answer-groups{padding:24px 24px 8px 52px}.record-round-copy{gap:4px;font-size:16px;line-height:1.5;display:grid}.record-round-answer{color:var(--game-muted);font-size:13px}.record-review .answer-tier{grid-template-columns:144px minmax(0,1fr);gap:16px;padding-block:16px;display:grid}.record-review .answer-tier+.answer-tier{border-top:1px solid var(--game-line)}.record-review .answer-tier-heading{color:var(--game-muted);letter-spacing:normal;text-transform:none;align-items:baseline;gap:8px;margin:0;font-size:13px;line-height:1.65}.record-review .answer-tier-swatch{background:var(--answer-tier-color);width:6px;height:6px}.record-review .answer-tier-points{color:var(--game-ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.record-review .answer-tier-list{gap:8px 20px}.record-review .answer-tier-list>li{font-size:14px}.record-review .answer-tier-list [aria-current=true]{color:var(--game-ink);-webkit-text-decoration-color:var(--answer-tier-color);text-decoration-color:var(--answer-tier-color);font-weight:600}.record-review .answer-feedback-report{margin:0 24px 16px 52px}.record-share{margin-top:24px}.record-share button{min-height:44px;color:var(--ticket-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #b9ced0;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.record-share button:hover{background:#284950}.record-share button:disabled{opacity:.6;cursor:wait}.record-share p:not(:empty){color:var(--ticket-muted);margin-top:12px;font-size:13px}.record-share textarea{border:1px solid var(--ticket-muted);width:100%;color:var(--ticket-ink);font:inherit;resize:vertical;background:#142f36;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.record-retention{margin-top:24px}.game-record-page :is(a,button,summary):focus-visible{outline:2px solid var(--game-focus);outline-offset:3px}.record-ticket .primary:focus-visible{outline-color:var(--ticket-ink)}@media (width<=640px){.game-record-page{padding:16px 16px 48px}.record-ticket{grid-template-columns:minmax(0,1fr) minmax(64px,24%)}.record-ticket-copy{padding-inline:20px 12px}.record-ticket-art{padding:8px}.record-review .review-round>.answer-groups{padding:8px 8px 8px 36px}.record-review .answer-tier{grid-template-columns:minmax(0,1fr);gap:8px}.record-review .answer-tier-heading{justify-content:flex-start}.record-review .answer-tier-points{margin-left:4px}.record-review .answer-feedback-report{margin:0 8px 16px 36px}.record-round-summary{grid-template-columns:20px minmax(0,1fr) auto 16px;gap:8px}}