:root{--accent:#14756b;--paper:#f1f5f4}.platform{background-image:linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,white),#fff);background-color:var(--paper)}.home-art{height:150px}.home-title{clip-path:none;background:transparent;margin:0;padding:20px 0}.home-title h1{font-size:clamp(28px,6vw,44px)}.category-setting{display:block;font-size:12px;font-weight:700;margin-bottom:16px}.primary{border-right-color:var(--accent)}.station-plate{clip-path:none;background:transparent;width:100%;padding:12px}.station-plate p{font-size:11px;margin:0 0 6px}.station-plate h1{font-size:clamp(15px,3.8vw,24px);line-height:1.55;letter-spacing:0;margin:0;overflow-wrap:anywhere}.station-plate ol{font-size:12px;line-height:1.5;margin:6px 0 0;padding-left:20px;text-align:left}.station-plate ol:empty{display:none}.line-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(48px,auto)}.line-grid.many{grid-template-columns:repeat(3,minmax(0,1fr))}.line-button{border-right:3px solid var(--accent);white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.35;padding:6px 3px;width:100%;min-width:0;height:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.line-button.is-answer{background:#164b3f;color:white}.line-button.is-selected-wrong{background:#ffe4d9}.question-band{min-height:70px}.question-band[data-phase=reveal] h2{font-size:18px}.round-message p{font-size:13px;margin:3px 0 0}.question-band #timer{flex-shrink:0}.result-banner{clip-path:none}.result-banner h1{font-family:inherit;font-size:clamp(32px,8vw,56px);font-weight:900;font-style:normal}.result-hero{height:190px}.result-stats{margin-top:14px}.review p{font-size:12px}.players{align-items:stretch}.player{min-width:0}.player-top{height:26px}.solo .line-grid{grid-auto-rows:52px}.solo .line-grid.many{grid-template-columns:repeat(3,minmax(0,1fr))}.solo .line-button{font-size:13px}.result-banner h1{animation:result-arrive .7s ease-out both}.is-revealing .arrival-fx{display:none}@keyframes result-arrive{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}body[data-screen=battle] .site-header{min-height:48px}body[data-screen=battle] footer{display:none}body[data-screen=battle] .battle-toolbar{min-height:34px;font-size:11px}body[data-screen=battle] .question-stage{height:auto;min-height:100px;max-height:none}.next-bar{padding-top:6px}.next-bar .primary{min-height:46px;padding:10px}.time-track{margin-bottom:6px}.scope{line-height:1.7}.question-band[data-phase=reveal]{min-height:70px}@media(max-width:500px){.shell{padding:0 8px}.players{gap:6px}.player{padding:6px 3px}.line-grid{gap:4px}.line-grid.many .line-button{font-size:10px;min-height:48px}.question-stage .station-plate{padding:10px 8px}.station-plate h1{font-size:15px}.station-plate ol{font-size:11px}.player-status{font-size:9px}.brand{font-size:16px}.help-button{height:40px;width:40px}.question-band{padding:7px 8px}.question-band #seconds{font-size:28px}}@media(prefers-reduced-motion:reduce){.result-banner h1{animation:none}}
/* Every answer uses the same fixed cell, including long club/company names. */
.line-grid{grid-auto-rows:64px}.line-grid.many{grid-auto-rows:72px}.solo .line-grid{grid-auto-rows:64px}.solo .line-grid.many{grid-auto-rows:72px}
@media(max-height:700px){body[data-screen=battle] .shell{padding-bottom:58px}.line-grid,.solo .line-grid{grid-auto-rows:52px}.line-grid.many,.solo .line-grid.many{grid-auto-rows:62px}.line-grid.many .line-button{font-size:9px;padding:3px 2px}body[data-screen=battle] .next-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100% - 16px,772px);padding:6px 0;background:var(--paper);z-index:5}.station-plate h1{font-size:13px}.station-plate ol{font-size:10px}}

/* Home artwork only; questions and results use actual text. */
.home-art{overflow:hidden;height:150px}.home-art img{display:block;width:100%;height:100%;object-fit:cover}.result-hero,.question-stage{background-image:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,white),var(--paper));background-color:var(--paper)}.is-revealing #result-title{animation:result-arrive .7s ease-out both}@media(min-width:600px){.home-art{height:220px}}@media(prefers-reduced-motion:reduce){.is-revealing #result-title{animation:none}}
/* Readable content grows naturally; both players stay side by side. */
.station-plate{text-align:left;padding:12px!important}.station-plate h1{font-size:clamp(16px,4vw,24px);line-height:1.5!important}.station-plate>p{font-weight:700}.question-stage{overflow:visible}.ingredients{padding:0;margin:8px 0 10px;list-style:none;font-size:14px;line-height:1.65}.ingredients li{display:block;padding:2px 0;border-bottom:1px solid #18323d12;overflow-wrap:anywhere}.ingredients:empty{display:none}.question-credit{display:block;text-align:right;font-size:10px;color:#64717a;font-weight:400;margin-top:8px}.line-button{font-size:clamp(12px,3.1vw,16px)}.line-grid.many .line-button{font-size:clamp(11px,2.8vw,14px)}.line-grid,.line-grid.many,.solo .line-grid,.solo .line-grid.many{grid-auto-rows:minmax(56px,auto)}.line-button{min-height:56px;white-space:normal}.player-top{min-height:30px;height:auto;gap:3px;padding:0 0 6px}.player-identity{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.player-identity h2{margin:0;min-width:0;font-size:11px;line-height:1.3;overflow-wrap:anywhere}.player-tag{flex-shrink:0}.player-identity .score{margin-left:auto}.score strong{font-size:24px}.player-status{margin:0;min-height:0;max-width:42px;flex-shrink:0;font-size:9px}.confirm-answer{width:100%;min-height:40px;margin:0 0 6px;border:1px solid var(--accent);background:var(--ink);color:white;font-weight:800;font-size:12px}.confirm-answer:disabled{opacity:.45}.line-button.is-picked{background:var(--accent);color:white;outline:3px solid var(--ink);outline-offset:-3px}.line-button.is-picked:before{content:'✓ ';margin-right:3px}.question-band .round-message{min-width:0}.question-band .round-message p{white-space:normal;overflow-wrap:anywhere}.question-band[data-phase=reveal] h2{font-size:22px;margin:0}.question-band h2{font-size:13px;margin:0}.question-band #correct-route{font-size:15px;line-height:1.5}
body[data-theme=cocktails] .line-grid,body[data-theme=cocktails] .solo .line-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(48px,auto)}body[data-theme=cocktails] .line-button{min-height:48px;font-size:13px}
.result-hero{height:auto;min-height:230px;border-radius:18px;position:relative;padding:22px 0;background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--accent) 30%,white),transparent 60%),var(--paper)}.result-banner{background:none;width:100%;padding:15px 14px}.result-kicker{font:16px Anton,sans-serif;letter-spacing:.22em;color:var(--accent);margin:0 0 18px}.result-banner h1{font-size:clamp(30px,8.2vw,58px);line-height:1.35;letter-spacing:-.05em;text-wrap:balance}.result-summary{font-size:17px;font-weight:800;margin:18px 0 0;line-height:1.6}.duel-score{border-radius:4px 4px 14px 14px;padding:18px 12px}.duel-score h2{margin-bottom:10px}.duel-score strong{font-size:56px}.result-actions{display:grid;gap:10px;margin:18px auto}.result-actions .secondary{margin:0;min-height:52px;font-size:16px}.result-actions p:empty{display:none}.result-actions .text-button{justify-self:center}.is-revealing .result-banner{animation:result-celebrate .65s cubic-bezier(.16,1,.3,1) both}.is-revealing .duel-score{animation:metric-in .5s ease-out both}.is-revealing .duel-score:nth-child(2){animation-delay:.08s}@keyframes result-celebrate{from{transform:translateY(20px) scale(.94);opacity:0}to{transform:none;opacity:1}}
@media(max-height:700px){.station-plate h1{font-size:16px}.station-plate ol{font-size:12px}.line-grid.many .line-button{font-size:11px}.player{padding:5px 3px}.question-band{min-height:62px}.time-track{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.is-revealing .result-banner,.is-revealing .duel-score{animation:none!important}}
.brand{min-width:0}.brand span{white-space:normal;overflow-wrap:anywhere}.site-header{min-width:0}.result-toolbar p{min-width:0;overflow-wrap:anywhere}
body[data-screen=battle] .shell{padding-bottom:70px}body[data-screen=battle] .next-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100% - 16px,772px);padding:8px 0 max(8px,env(safe-area-inset-bottom));background:var(--paper);z-index:5}body[data-screen=battle] .next-bar .primary{min-height:46px}
#battle:has(#question-band[data-phase=reveal]) .confirm-answer{display:none}body[data-screen=battle] .question-stage{padding:8px 0}.player-identity h2{white-space:normal;overflow:visible;text-overflow:clip}
