:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;--bg: #0f1115;--panel: #181c24;--panel-alt: #222938;--text: #f6f2e8;--muted: #b6b4aa;--accent: #ff6b35;--accent-soft: #ffb38a;--line: rgba(255, 255, 255, .12);--success: #7ad66d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,107,53,.25),transparent 35%),radial-gradient(circle at bottom right,rgba(122,214,109,.18),transparent 30%),var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:1rem 0 3rem}.hero-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,#181c24f5,#0d1017f5);border-radius:28px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card{margin-bottom:1rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.eyebrow{margin:0 0 .4rem;color:var(--accent-soft);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:12ch;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95;margin-bottom:.75rem}h2{font-size:1.45rem}.hero-copy,.small-copy{color:var(--muted);line-height:1.5}.hero-copy{max-width:70ch;margin-bottom:1rem}.hero-actions,.inline-stats{display:flex;flex-wrap:wrap;gap:.75rem}.hero-actions{margin-top:1rem}.primary-btn,.secondary-btn,.reserve-chip,.tile-card,.board-cell{border-radius:16px;border:1px solid var(--line);transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-btn,.secondary-btn,.reserve-chip{padding:.78rem 1rem;cursor:pointer}.primary-btn{background:var(--accent);color:#1d0f0a;border-color:transparent;font-weight:700}.secondary-btn{background:transparent;color:var(--text)}.primary-btn:hover,.secondary-btn:hover,.reserve-chip:hover,.tile-card:hover,.board-cell:hover{transform:translateY(-1px)}.status-chip{margin-top:1rem;color:var(--success)}.panel-header,.room-list-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.board-shell{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.board-row{display:flex;gap:.4rem}.board-cell{width:clamp(2.6rem,9vw,4rem);aspect-ratio:1;background:var(--panel-alt);color:var(--text);cursor:pointer}.board-cell-highlighted{border-color:var(--accent);background:#ff6b352e}.top-stats{margin-top:1rem}.hand-grid,.reserve-grid,.form-grid{display:grid;gap:.75rem}.hand-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.reserve-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr;margin-bottom:1rem}.form-grid label{display:grid;gap:.4rem;color:var(--muted)}.form-grid input,.form-grid select{border-radius:14px;border:1px solid var(--line);background:var(--panel-alt);color:var(--text);padding:.75rem .9rem}.tile-card{background:var(--panel-alt);color:var(--text);padding:1rem;text-align:left;cursor:pointer;display:grid;gap:.2rem}.tile-card-selected{border-color:var(--accent);background:#ff6b3524}.reserve-chip:disabled{opacity:.45;cursor:not-allowed}.reserve-chip-selected{border-color:var(--accent);background:#ff6b3524}.profile-card,.room-card{background:#ffffff08;border:1px solid var(--line);border-radius:20px;padding:1rem}.profile-card{margin:1rem 0}.room-list{display:grid;gap:.75rem}.room-card{display:flex;justify-content:space-between;gap:1rem}.room-card-stacked{align-items:center}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-grid{margin-top:1rem}.seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.seat-card{display:grid;gap:.2rem;background:#ffffff08;border:1px solid var(--line);border-radius:20px;color:var(--text);padding:1rem;text-align:left;cursor:pointer}.seat-card-owned{border-color:var(--success)}.setup-panel{display:grid;gap:.75rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:20px;background:#ffffff08}.summary-list{display:grid;gap:.75rem;margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.feature-grid{display:grid;gap:1rem;margin-bottom:1rem}.feature-card,.replay-panel{background:#ffffff08;border:1px solid var(--line);border-radius:20px;padding:1rem}.history-list,.move-list{display:grid;gap:.75rem}.history-card,.move-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#ffffff08;border:1px solid var(--line);border-radius:16px;color:var(--text);padding:.85rem 1rem;text-align:left}.history-card{cursor:pointer}.move-row{cursor:default}@media (max-width: 900px){.content-grid,.compact-grid,.seat-grid{grid-template-columns:1fr}.history-card,.move-row{flex-direction:column;align-items:flex-start}}