:root{--bg:#111827;--panel:#1f2937;--line:#374151;--text:#f9fafb;--muted:#9ca3af;--cell:#78350f;--cell2:#92400e}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#334155,#0f172a 60%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.screen{display:none;min-height:100vh}.screen.active{display:block}.app-shell{min-height:100vh}.start-card,.mobile-card{width:min(560px,92vw);margin:8vh auto;padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:rgba(15,23,42,.86);box-shadow:0 24px 70px rgba(0,0,0,.45)}h1{font-size:56px;line-height:1;margin:0 0 12px}h2{font-size:32px}.muted,.small-muted{color:var(--muted)}.tv-screen{padding:2vh}.tv-frame{aspect-ratio:16/9;max-height:96vh;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.tv-board-wrap,.tv-hud{background:rgba(17,24,39,.9);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px}.tv-board-wrap{display:flex;align-items:center;justify-content:center}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:6px}.board-tv{width:min(100%,calc(94vh - 80px));aspect-ratio:1/1}.cell{position:relative;border-radius:12px;background:linear-gradient(145deg,#78350f,#451a03);border:2px solid rgba(255,255,255,.12);overflow:hidden}.cell.empty{background:rgba(255,255,255,.05)}.cell.can-place{outline:4px solid #facc15}.tile-lines{position:absolute;inset:0}.path-line{position:absolute;left:50%;top:50%;width:70%;height:7px;background:#fef3c7;border-radius:999px;transform-origin:left center;box-shadow:0 0 0 2px rgba(0,0,0,.12)}.marker{position:absolute;width:30%;aspect-ratio:1;z-index:3;border-radius:999px;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:900;color:white;box-shadow:0 4px 16px rgba(0,0,0,.55)}.turn-banner{font-size:30px;font-weight:900;text-align:center;padding:18px;border-radius:18px;background:#334155;margin-bottom:16px}.hud-block{border-top:1px solid var(--line);padding:14px 0}.hud-block h3{font-size:18px;color:#cbd5e1;margin:0 0 10px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font-size:20px}.dot{width:22px;height:22px;border-radius:50%;display:inline-block;margin-right:8px;border:2px solid white}.log-item{font-size:16px;padding:5px 0;color:#e5e7eb}.hud-actions{display:grid;gap:10px}.team-grid{display:grid;gap:12px}.team-btn{min-height:72px;border-radius:18px;font-size:22px;font-weight:800;border:0;color:white}.team-btn.taken{opacity:.75}.player-screen{padding:12px;max-width:560px;margin:auto}.phone-top{display:flex;justify-content:space-between;align-items:center;background:rgba(15,23,42,.9);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;margin-bottom:10px}.player-title{font-size:26px;font-weight:900}.player-turn-info{border-radius:18px;padding:14px;background:#1f2937;margin-bottom:10px;font-size:18px;font-weight:700}.mobile-tabs{background:#111827;border-radius:18px;padding:6px;margin-bottom:10px}.mobile-tabs .nav-link{color:#e5e7eb;border-radius:14px}.mobile-tabs .nav-link.active{background:#f59e0b;color:#111827;font-weight:900}.tab-panel{display:none}.tab-panel.active{display:block}.hand-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.mini-tile{aspect-ratio:1;border-radius:16px;background:#78350f;border:3px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.mini-tile.selected{outline:5px solid #facc15}.mini-tile .path-line{height:5px}.action-grid{display:grid;gap:10px}.action-btn{min-height:66px;font-size:20px;font-weight:900}.hint{margin-top:10px;color:#fde68a}.badge-state{display:inline-block;padding:8px 10px;border-radius:999px;background:#334155;margin:4px}.mobile-log{background:rgba(15,23,42,.9);border-radius:18px;padding:14px}.mobile-log .log-item{font-size:15px;border-bottom:1px solid rgba(255,255,255,.08)}@media(max-width:800px){.tv-frame{display:block;aspect-ratio:auto}.tv-hud{margin-top:12px}.board-tv{width:100%}h1{font-size:42px}}