:root{--felt: #0e3b2e;--felt-dark: #092820;--cream: #faf6ec;--card: #fffdf8;--ink: #211d16;--gold: #c69a3f;--gold-dim: #e4cf9c;--red: #a83232;--line: #e2d9c2;--danger-bg: #fbeaea;--ok-bg: #e9f3ea;--ok: #2f6b3a}*{box-sizing:border-box}body{margin:0;background:var(--felt);background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.03),transparent 40%),repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 2px,transparent 2px,transparent 14px);font-family:Georgia,Times New Roman,serif;color:var(--ink);min-height:100vh}.wrap{max-width:900px;margin:0 auto;padding:24px 18px 60px}h1,h2,h3{color:var(--cream);margin:0 0 6px}.panel h1,.panel h2,.panel h3{color:var(--ink)}a{color:inherit}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.top-bar .brand{color:var(--cream);font-size:20px;letter-spacing:.3px}.top-bar .whoami{color:var(--gold-dim);font-size:13px}.top-bar .actions{display:flex;gap:10px}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 18px #00000040;padding:20px;margin-bottom:18px}.quiz-top-row{display:flex;gap:18px}.quiz-top-row .quiz-col{flex:1;min-width:0;margin-bottom:0}@media (max-width: 640px){.quiz-top-row{flex-direction:column}}button,.btn{font-family:Georgia,serif;background:var(--felt);color:var(--cream);border:1px solid var(--felt-dark);padding:9px 16px;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:var(--card);color:var(--ink);border:1px solid #b8ad8f}button.danger{background:var(--card);color:var(--red);border:1px solid #d8a9a9}@media (hover: hover){button:hover,.btn:hover{background:var(--felt-dark)}button.secondary:hover{background:#f1ead9}}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px}input[type=text],input[type=password],textarea{font-family:Georgia,serif;font-size:14px;padding:8px 10px;border:1px solid #c9bd9c;border-radius:6px;width:100%}.name-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.name-grid button{min-width:110px}table.quiz-table{width:100%;border-collapse:collapse;font-size:14px}table.quiz-table th,table.quiz-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left}table.quiz-table th{color:#6b6252;font-size:12px;text-transform:uppercase;letter-spacing:.5px}@media (hover: hover){table.quiz-table tr:hover td{background:#f8f3e6}}.status-pill{font-size:11px;padding:2px 9px;border-radius:20px;border:1px solid var(--gold-dim);color:#7a5f1a;background:#faf3df;white-space:nowrap}.status-pill.submitted{background:var(--ok-bg);color:var(--ok);border-color:#bfe0c4}.status-pill.progress{background:#eef2fb;color:#33508a;border-color:#c9d4f0}.hand-box{background:#fffefb;border:1px solid var(--line);border-radius:8px;padding:16px}.hand-suit-row{display:flex;align-items:baseline;gap:10px;font-family:Courier New,monospace;font-size:20px;margin-bottom:6px}.hand-suit-row .sym{width:22px;font-size:22px}.hand-suit-row .sym.black{color:#1c1c1c}.hand-suit-row .sym.red{color:var(--red)}.hand-suit-row .cards{letter-spacing:3px}.hand-suit-row .cards.empty{color:#b6ac93;letter-spacing:0;font-family:Georgia,serif;font-size:14px}.auction-table{width:100%;border-collapse:collapse;margin-bottom:4px}.auction-table th,.auction-table td{border:1px solid var(--line);padding:8px;text-align:center;font-family:Courier New,monospace;font-size:15px;width:25%}.auction-table th{background:#f1ead9;color:#6b6252;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.auction-table td.empty{color:#cfc6ab}.auction-table td.tested{background:#faf3df;font-weight:700;border:2px solid var(--gold)}.dealer-tag{font-size:10px;color:var(--gold);display:block}.bidding-box{display:flex;flex-direction:column;gap:8px}.bb-row{display:flex;gap:6px}.bb-row.special{margin-bottom:4px}.bb-btn{flex:1;text-align:center;padding:10px 4px;font-family:Courier New,monospace;font-size:15px;border-radius:6px;border:1px solid #c9bd9c;background:#fffefb;color:#1c1c1c;cursor:pointer}.bb-btn.black{color:#1c1c1c}.bb-btn.red{color:var(--red)}.bb-btn.gold{color:#8a5a1e}.bb-btn.muted{color:#6b6252}@media (hover: hover){.bb-btn:hover{background:var(--gold-dim)}}.bb-btn:disabled{opacity:.3;cursor:not-allowed}.bb-btn.selected{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 2px #8a5a1e}.progress-dots{display:flex;gap:5px;margin:10px 0 16px;flex-wrap:wrap}.progress-dots .dot{width:10px;height:10px;border-radius:50%;background:#d8cfb3;border:none;padding:0;cursor:pointer}.progress-dots .dot.done{background:var(--felt)}.progress-dots .dot.current{background:var(--gold)}.quiz-nav{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.nav-btn{flex:1;padding:10px;font-size:14px;border-radius:6px;border:1px solid #c9bd9c;background:#fffefb;color:#1c1c1c;cursor:pointer}@media (hover: hover){.nav-btn:hover{background:var(--gold-dim)}}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn.primary{background:var(--felt);color:#fff;border-color:var(--felt)}.nav-btn.primary:disabled{opacity:.5}.score-banner{text-align:center;padding:22px;margin-bottom:18px}.score-banner .score{font-size:42px;font-weight:700;color:var(--felt)}.score-banner .label{font-size:13px;color:#6b6252;text-transform:uppercase;letter-spacing:1px}.result-row{border-bottom:1px solid var(--line);padding:14px 0}.result-row:last-child{border-bottom:none}.result-row .verdict{font-weight:700}.result-row .verdict.right{color:var(--ok)}.result-row .verdict.wrong{color:var(--red)}.warn-banner{background:#fff6e6;border:1px solid #e8cf8f;color:#7a5f1a;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.muted{color:#6b6252;font-size:13px}