:root{--gold: #e5af3c;--gold-light: #edc778;--gold-dark: #9d7115;--silvan: #9fab74;--silvan-light: #bdc59f;--silvan-dark: #656f43;--brown: #8a774d;--brown-light: #bbaa85;--brown-dark: #72623f;--neutral: #bebabd;--neutral-light: #c6c2c5;--neutral-dark: #80797e;--blackout: #242224;--ink: #241f18;--paper: #f6f1e7;--panel: #efe6d2;--line: #ddd4c2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif}#root{min-height:100vh}.display{font-family:Big Shoulders Display,system-ui,sans-serif;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.app-shell{max-width:1040px;margin:0 auto;padding:clamp(14px,4vw,24px);min-height:100vh}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;color:#fff}.row{display:flex;align-items:center;gap:10px}.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.btn{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:13.5px;border-radius:8px;height:38px;padding:0 15px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:opacity .12s}.btn:hover{opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-outline{background:transparent;border:1.5px solid var(--brown-dark);color:var(--brown-dark)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.icon{width:16px;height:16px;flex:none}.section-label{font-size:12px;color:#8a8072;text-transform:uppercase;letter-spacing:.06em}.caption{font-size:13px;color:#6b6255;line-height:1.5}.field{border:1.5px solid var(--brown-dark);border-radius:8px;padding:9px 13px;font-size:14px;background:var(--paper);color:var(--ink);font-family:inherit}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#241f1880;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.dialog{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;width:min(300px,calc(100vw - 32px));box-shadow:0 12px 28px #241f1847}.pair-row{display:flex;gap:20px;align-items:flex-start}.team-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:7px;font-size:15px}.member-list{display:flex;flex-direction:column;gap:10px}.release-btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);background:transparent;color:#8a8072;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}.release-btn:hover{background:var(--paper)}.select-field{border:1.5px solid var(--brown-dark);border-radius:8px;padding:8px 10px;font-size:13.5px;background:var(--paper);color:var(--ink);font-family:inherit}.turnbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:11.5px;font-weight:600}.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tile{position:relative;height:clamp(42px,12vw,64px);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:6px;text-align:center;cursor:pointer;border:none;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none}.tile.back{background:linear-gradient(135deg,var(--brown-light) 0%,var(--brown) 55%,var(--brown-dark) 100%);border:1px solid var(--brown-dark);color:#3a2d18}.tile.pass{background:var(--brown-dark);border:1px solid var(--brown-dark);color:var(--paper);opacity:.75}.tile.golden{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 55%,var(--gold-dark) 100%);border:1px solid var(--gold-dark);color:#3f2d08}.tile.silvan{background:linear-gradient(135deg,var(--silvan-light) 0%,var(--silvan) 55%,var(--silvan-dark) 100%);border:1px solid var(--silvan-dark);color:#282c1a}.tile.neutral{background:linear-gradient(135deg,var(--neutral-light) 0%,var(--neutral) 55%,var(--neutral-dark) 100%);border:1px solid var(--neutral-dark);color:#3a3538}.tile.blackout{background:linear-gradient(135deg,#47444a 0%,var(--blackout) 55%,#121112 100%);border:1px solid #100f10;color:#e8c877}.tile.opened{opacity:.4;cursor:default}.tile.marked{outline:3px solid var(--ink);outline-offset:-3px}.tile:disabled{cursor:default}.tile .word{font-family:Big Shoulders Display,system-ui,sans-serif;font-weight:800;letter-spacing:.01em;text-transform:uppercase;font-size:clamp(9px,2.7vw,13px)}.opened-dot{position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#00000059}.marks-row{position:absolute;bottom:4px;right:4px;display:flex;flex-direction:row-reverse}.marks-row .avatar{width:16px;height:16px;font-size:8px;margin-left:-6px;border:1.5px solid var(--paper);pointer-events:none;-webkit-touch-callout:none}.hold-bar{position:absolute;left:0;top:0;height:7px;width:0%;background:var(--ink);border-radius:9px 0 0;opacity:.6}.tile.holding .hold-bar{animation:holdfill 2s linear forwards}@keyframes holdfill{0%{width:0%}to{width:100%}}.tile.flipping{animation:tileflip .32s ease-in-out}@keyframes tileflip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.tile.shaking{animation:tileshake .32s ease-in-out}@keyframes tileshake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.clue-cols{display:flex;gap:24px;align-items:flex-start}.clue-chip{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#8a8072}.clue-chip.current{color:var(--ink)}.clue-chip .word{opacity:.6;font-size:12.5px}.clue-chip.current .word{opacity:1}.opt-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:8px;border:1.5px solid var(--brown-dark);color:var(--brown-dark);font-family:Big Shoulders Display,system-ui,sans-serif;font-weight:800;font-size:16px;height:40px;cursor:pointer;background:transparent}.opt-btn.sel{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-width: 640px){.panel{padding:12px}.pair-row,.clue-cols{gap:10px}}