:root{--bg: #120d22;--bg2: #1c1533;--panel: #231b3d;--panel-edge: #3a2f5e;--ink: #ece8fa;--muted: #a49cc4;--accent: #b18cff;--good: #4d8dff;--evil: #ff4f62;--cell-light: #2d2550;--cell-dark: #251e44;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,#3b2a6b55,transparent 60%),radial-gradient(900px 500px at -10% 110%,#1f5a6a44,transparent 60%),var(--bg);color:var(--ink);font:16px/1.45 PT Sans,system-ui,sans-serif;min-height:100vh}h1,h2,h3,h4{font-family:Underdog,PT Sans,cursive;font-weight:400;margin:0 0 .5em}a{color:var(--accent)}button{font:inherit}.btn{display:inline-block;text-decoration:none;text-align:center;background:linear-gradient(180deg,#9d74ff,#7650e0);color:#fff;border:0;border-radius:10px;padding:10px 18px;cursor:pointer;box-shadow:0 4px 16px #7650e055;transition:transform .1s,filter .1s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn.small{padding:5px 12px;font-size:14px}.btn.ghost-btn{background:transparent;color:var(--ink);border:1px solid var(--panel-edge);box-shadow:none}.btn.ghost-btn:hover:not(:disabled){border-color:var(--accent)}.err{color:#ff8b97;margin-top:8px}.muted{color:var(--muted)}.page{display:flex;justify-content:center;padding:32px 16px 48px}.page-main{width:100%;max-width:560px}.page-head{text-align:center;margin-bottom:24px}.page-head h1{font-size:clamp(38px,8vw,56px);letter-spacing:.02em;text-shadow:0 0 24px #b18cff66;margin-bottom:4px}.page-sub{color:var(--muted);margin:0 auto;max-width:440px}.page-ghosts{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:4px}.page-ghosts svg{animation:float 3.2s ease-in-out infinite}.page-ghosts svg:nth-child(2){animation-delay:-1.1s}.page-ghosts svg:nth-child(3){animation-delay:-2.2s}@keyframes float{50%{transform:translateY(-7px)}}.home{display:grid;gap:16px}.page-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;padding:18px 20px;display:grid;gap:12px;margin-bottom:16px}.home .page-card{margin-bottom:0}.page-card h2{font-size:24px;margin:0}.page-card label{display:grid;gap:6px;color:var(--muted);font-size:14px}.page-card input{background:var(--bg2);color:var(--ink);border:1px solid var(--panel-edge);border-radius:8px;padding:9px 12px;font:inherit}.page-card input:focus{outline:2px solid var(--accent);outline-offset:1px}.page-note{color:var(--muted);margin:0}.page-link{display:inline-block;margin-top:8px}.rules ul{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:6px}.rules b{color:var(--ink)}.seat-list{display:grid;gap:8px}.seat{display:flex;align-items:center;gap:12px;background:var(--bg2);border-radius:10px;padding:8px 12px}.seat-num{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--panel-edge);font-size:14px}.seat-name{flex:1}.room-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:8px 16px;background:#0d0919cc;border-bottom:1px solid var(--panel-edge);font-size:14px}.room-bar button{background:var(--panel);color:var(--ink);border:1px solid var(--panel-edge);border-radius:8px;padding:4px 10px;cursor:pointer}.room-bar button:hover{border-color:var(--accent)}.room-bar .back{text-decoration:none}.badge{background:#b18cff22;color:var(--accent);border:1px solid #b18cff55;border-radius:999px;padding:2px 10px}.embed .back,.embed .page-link{display:none}.table{display:grid;grid-template-columns:minmax(0,auto) 300px;gap:24px;justify-content:center;align-items:start;padding:20px 16px 32px}.board-col{display:grid;gap:10px;width:min(560px,calc(100vw - 32px),calc(100vh - 200px));min-width:300px}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid var(--panel-edge);box-shadow:0 20px 60px #0008,inset 0 0 80px #0006;background:var(--cell-dark)}.cell{position:relative;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.cell.light{background:var(--cell-light)}.cell.dark{background:var(--cell-dark)}.cell.clickable{cursor:pointer}.cell svg.ghost{width:82%;height:82%;filter:drop-shadow(0 4px 6px #0008);transition:transform .15s}.cell.clickable:hover svg.ghost{transform:translateY(-3px)}.cell.selected svg.ghost{transform:translateY(-5px) scale(1.06);filter:drop-shadow(0 0 10px #fff9)}.cell.zone{box-shadow:inset 0 0 0 2px #b18cff33}.cell.last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff1;box-shadow:inset 0 0 0 2px #ffffff30}.cell.target:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:#b18cff88;box-shadow:0 0 12px #b18cff}.cell.target.capture:after{width:88%;height:88%;background:transparent;border:3px dashed #ff8b97;box-shadow:none}.exit{position:absolute;font-size:22px;line-height:1;opacity:.85;pointer-events:none;text-shadow:0 0 8px currentColor}.exit.top{top:3px}.exit.bottom{bottom:3px}.exit.left{left:5px}.exit.right{right:5px}.escape-btn{position:absolute;bottom:4px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:2;background:var(--good);color:#fff;border:0;border-radius:6px;padding:3px 8px;font-size:12px;cursor:pointer;box-shadow:0 2px 10px #4d8dff99}.strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;background:var(--panel);border:1px solid var(--panel-edge);border-left:4px solid var(--owner);border-radius:10px;padding:6px 12px;min-height:46px}.strip.active{box-shadow:0 0 0 1px var(--owner),0 0 18px color-mix(in srgb,var(--owner) 35%,transparent)}.strip-who{display:flex;align-items:center;gap:8px}.strip .side{color:var(--owner);font-size:13px}.you{background:var(--owner);color:#120d22;border-radius:6px;padding:0 6px;font-size:12px;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:#666}.dot.on{background:#4ade80;box-shadow:0 0 6px #4ade80}.strip-eaten{display:flex;align-items:center;gap:2px;font-size:13px;color:var(--muted)}.strip-eaten .label{margin-right:4px}.strip-eaten .none{opacity:.7}.counts{display:inline-flex;gap:6px;margin-left:8px}.counts i{font-style:normal;font-weight:700;padding:0 6px;border-radius:6px}.counts .good{color:var(--good);background:#4d8dff1f}.counts .evil{color:var(--evil);background:#ff4f621f}.side-col{display:grid;gap:12px}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:10px 12px}.score>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.score b{font-family:Underdog,cursive;font-size:30px;font-weight:400}.score small{grid-column:1 / -1;color:var(--muted)}.status{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:14px 16px}.status h3{font-size:22px;margin-bottom:4px}.status h3.win{color:#7ef0a8}.status h3.lose{color:#ff8b97}.status p{margin:0 0 8px;color:var(--muted)}.status .count b{color:var(--good);font-size:18px}.status .actions{display:flex;gap:8px;flex-wrap:wrap}.status.over{border-color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:12px 14px}.panel h4{font-size:17px;margin-bottom:6px}.history{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}.history li{display:flex;gap:8px;align-items:baseline}.history .r{color:var(--muted);min-width:16px}.history .muted{font-size:12px}.log ul{list-style:none;margin:0;padding:0;max-height:280px;overflow:auto;font-size:14px;display:grid;gap:3px}@media (max-width: 900px){.table{grid-template-columns:1fr;justify-items:center}.board-col{width:min(560px,calc(100vw - 32px));min-width:0}.side-col{width:min(560px,calc(100vw - 32px))}}