:root{color:#251715;background:#f2dfc7;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}label{display:grid;gap:8px;color:#55342d;font-size:.88rem;font-weight:700}input,select{width:100%;border:1px solid rgba(61,31,25,.24);border-radius:18px;background:#fffaf2e0;color:#241513;padding:13px 14px}.shell{min-height:100vh;padding:18px;background:radial-gradient(circle at 10% -10%,rgba(140,26,38,.34),transparent 22rem),radial-gradient(circle at 100% 10%,rgba(238,162,98,.42),transparent 20rem),linear-gradient(160deg,#fff4df,#ebcfb3 54%,#9f564b 130%)}.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 auto 18px;max-width:980px}.eyebrow{margin:0 0 8px;color:#84232d;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(3.4rem,17vw,6.5rem);line-height:.82;letter-spacing:-.085em}h2{margin-bottom:12px;font-size:2rem;line-height:1;letter-spacing:-.04em}h3{margin-bottom:6px}.grid,.workspace{display:grid;gap:14px;margin:0 auto;max-width:980px}.card{display:grid;gap:14px;border:1px solid rgba(69,35,28,.12);border-radius:30px;background:#fff8edc7;box-shadow:0 24px 70px #431f1929;padding:22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.feature-card{min-height:280px;align-content:end;background:linear-gradient(145deg,#50171beb,#862b29d6),radial-gradient(circle at top right,rgba(255,218,166,.45),transparent 16rem);color:#fff4e4}.feature-card .eyebrow,.feature-card p{color:#ffd8b1}.status-card{grid-template-columns:1fr auto;align-items:center}.host-card{background:#3e201de6;color:#fff5e9}.host-card .eyebrow,.host-card label{color:#ffc78f}.answer-box{display:grid;gap:12px}.answer-picker{display:grid;gap:10px;max-height:42vh;overflow:auto;padding-right:2px}.answer-option{display:grid;gap:8px;border:1px solid rgba(255,245,233,.14);border-radius:22px;background:#fff8edeb;color:#251715;padding:14px;text-align:left}.answer-option span{display:flex;justify-content:space-between;gap:12px}.answer-option small{color:#8b4e39;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;text-transform:uppercase}.answer-option em{color:#57352f;font-style:normal;line-height:1.42}.answer-option.selected{background:#fff0d8;box-shadow:inset 0 0 0 3px #ffc78f}.selected-answer,.empty-state{margin:0;border-radius:18px;background:#fff8ed1f;color:#fff5e9;padding:12px}.code-pill{display:grid;gap:2px;border-radius:999px;background:#241513;color:#fff4e4;padding:10px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900;letter-spacing:.12em;text-align:center}.code-pill small{color:#f0bf8b;font-size:.62rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.primary,.secondary,.danger,.ghost{width:100%;border-radius:18px;padding:14px 16px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:850}.primary{background:#84232d;color:#fff7ed}.secondary{background:#e0a467;color:#2f1a16}.danger{background:#241513;color:#fff7ed}.ghost{width:auto;background:#24151314;color:#39211d}.error{margin:0 auto 14px;max-width:980px;border-radius:18px;background:#84232d;color:#fff5e9;padding:12px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:750}.notice{margin:0 auto 14px;max-width:980px;border-radius:18px;background:#241513;color:#fff5e9;padding:12px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:750}.varietal-list{display:grid;gap:10px;max-height:52vh;overflow:auto;padding-bottom:76px}.varietal{display:grid;gap:8px;border:1px solid rgba(58,28,22,.14);border-radius:22px;background:#fff9ef;color:#251715;padding:14px;text-align:left}.varietal span{display:flex;justify-content:space-between;gap:12px}.varietal small{color:#8b4e39;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;text-transform:uppercase}.varietal em{color:#57352f;font-style:normal;line-height:1.42}.varietal.selected{background:#fff0d8;box-shadow:inset 0 0 0 3px #84232d}.sticky-action{position:fixed;right:18px;bottom:18px;left:18px;width:auto;box-shadow:0 18px 46px #44121a52}.score-list,.history-list{display:grid;gap:10px}.score-row,.guess-row{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:10px;border-radius:18px;background:#ffffff7a;padding:12px}.score-row span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#241513;color:#fff4e4;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900}.guess-row{grid-template-columns:1fr auto;align-items:start;margin-top:8px}.guess-row p{margin:6px 0 0;color:#5a3830;line-height:1.35}.guess-row b{color:#251715}.result-correct{color:#225236}.result-missed{color:#84232d}.history-round{border-radius:22px;background:#ffffff6b;padding:14px}.result-line{border-radius:18px;background:#f6d5a3;padding:12px}@media(min-width:760px){.shell{padding:32px}.grid{grid-template-columns:1.15fr 1fr}.grid .card:last-child{grid-column:1 / -1}.workspace{grid-template-columns:1fr 1fr}.status-card,.host-card{grid-column:1 / -1}.sticky-action{position:static;width:100%;box-shadow:none}}