:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#ffffffde;background-color:transparent}a:hover{color:#747bff}button{background-color:#000}}:root{--bg: #000000;--bg-elev: #000000;--panel: #000000;--card: #0a0a0a;--muted: #9aa3b2;--text: #e6ebf2;--primary: #6aa1ff;--primary-600: #4c88f7;--accent: #ffc857;--success: #22c55e;--danger: #ef4444;--border: #2a3244;--radius: 12px;--shadow: 0 8px 30px rgba(0,0,0,.25)}body[data-theme=day]{--bg: #f5f7fb;--bg-elev: #ffffff;--panel: #ffffff;--card: #ffffff;--muted: #5b6472;--text: #1b2330;--primary: #3b82f6;--primary-600: #2563eb;--accent: #f59e0b;--success: #16a34a;--danger: #dc2626;--border: #e5e7eb;--shadow: 0 8px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}.page{min-height:calc(100vh - 64px)}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:transparent}html{background:#000}body[data-theme=day]{background:radial-gradient(1200px 800px at 20% -10%,#eaf2ff,#f5f7fb 40%),var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.room-full{max-width:100%;padding-left:15px;padding-right:15px}.page{display:grid;gap:28px}.page-header{display:grid;gap:8px}.subtitle{color:var(--muted);font-size:14px}.center{margin-left:auto;margin-right:auto}@supports (padding: max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}.nav-inner{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.toast-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-width:768px){.container{padding:20px 16px}}@media(max-width:480px){.container{padding:16px 12px}}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:1fr 1fr}@media(max-width:860px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid-3{grid-template-columns:1fr}}.room-layout{position:relative;width:100%;height:720px}.area-table{position:absolute;left:0;top:0;width:880px}.area-action{position:absolute;left:910px;top:0;width:340px}.area-chat{position:absolute;left:1310px;top:0;width:300px}.area-table,.area-action,.area-chat{height:720px}.room-inner{height:720px}.card{background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.section-title{margin:0 0 12px;font-size:18px}.phase-banner{font-size:18px;font-weight:700;text-align:center}@media(max-width:768px){.phase-banner{font-size:16px}}label{font-size:13px;color:var(--muted);display:grid;gap:6px}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6aa1ff26}.button{appearance:none;border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--panel);color:var(--text);cursor:pointer;transition:transform .05s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px);border-color:var(--primary)}.button.primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));border-color:transparent;color:#fff}.button.primary:hover{filter:brightness(1.05)}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#00000059,#0000);border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:baseline;gap:10px;font-weight:700;letter-spacing:.2px}.brand .dot{width:10px;height:10px;background:var(--accent);border-radius:50%;display:inline-block}.brand small{color:var(--muted);font-weight:500}.stack{display:grid;gap:12px}.spacer{height:8px}.chat-box{height:240px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:10px}.chat-item{font-size:13px;margin-bottom:6px}.input-row{display:flex;gap:10px;align-items:center}.chat-panel{display:flex;flex-direction:column;height:720px}.chat-panel h3{margin-top:0;margin-bottom:8px;line-height:38px}.chat-panel .chat-box{flex:1;height:auto}.action-panel{display:grid;gap:12px;align-content:start}.flip-container{perspective:1000px;width:300px;height:219px}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border:none;border-radius:0}.flip-face{-webkit-backface-visibility:hidden}.flip-front{background:#000;color:#e7ecf5}.flip-back{background:#000}.flip-details{display:grid;gap:8px;place-items:center}.overlay-card{position:absolute;left:50%;bottom:16px;transform:translate(-50%)}.overlay-controls{position:absolute;left:50%;bottom:16px;transform:translate(-50%,100%);margin-top:8px}@media(max-width:768px){.flip-container{width:300px;height:219px}.overlay-card{bottom:18px}}@media(max-width:480px){.flip-container{width:260px;height:190px}.overlay-card{bottom:16px}}.table-rect{position:relative;margin:0 auto;background:#000;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:0;padding:12px;display:grid;gap:12px;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;height:470px}.table-rect .row{display:grid;gap:12px;align-items:start;justify-content:center;grid-auto-flow:column;grid-auto-columns:max-content;width:100%}.table-rect .row.top,.table-rect .row.bottom{grid-template-columns:repeat(auto-fit,minmax(30px,max-content))}.table-rect .table-center{height:12px;width:100%;border-top:1px dashed rgba(255,255,255,.12);border-bottom:1px dashed rgba(255,255,255,.12);align-self:stretch}.seat-rect{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:120px!important;height:88px!important;border:none;border-radius:0;overflow:hidden}.seat-rect.self{border-color:var(--accent);box-shadow:0 0 0 2px #f59e0b33 inset}@media(max-width:768px){.seat-rect{width:120px;height:88px}}@media(max-width:480px){.seat-rect{width:84px;height:61px}}.seat{position:absolute;transform:translate(-50%,-50%);width:100px;height:60px;border-radius:10px;border:1px solid var(--border);background:#000;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:12px}.seat .num{opacity:.6}.seat .name{font-weight:600}@media(max-width:768px){.seat{width:84px;height:50px;font-size:11px}}@media(max-width:480px){.seat{width:72px;height:44px;font-size:10px}}.players-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.players-list li{padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#000}h1,h2,h3{margin:0 0 12px}.toast-container{position:fixed;left:50%;top:0;transform:translate(-50%);z-index:1000;display:grid;gap:8px}.toast{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;box-shadow:var(--shadow);font-size:14px;color:var(--text);opacity:.98;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}