:root{--bg: #070b16;--bg-2: #0d1426;--panel: #111a30;--panel-2: #16223e;--line: #24365e;--text: #e6ecff;--muted: #8fa0c8;--blue: #3b82f6;--red: #ef4444;--gray: #94a3b8;--accent: #f59e0b;--neon: #22d3ee;--ok: #22c55e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#1b2b52 0%,transparent 60%),radial-gradient(900px 500px at 100% 0%,#3a1b52 0%,transparent 55%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1100px;margin:0 auto;padding:16px 16px 48px}.title{font-size:28px;font-weight:800;letter-spacing:3px;text-transform:uppercase;text-align:center;margin:8px 0 4px;background:linear-gradient(90deg,var(--neon),#a78bfa,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{text-align:center;color:var(--muted);font-size:13px;margin-bottom:20px}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.panel h2{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--neon)}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:10px 14px;transition:transform .08s ease,filter .15s ease,background .15s ease}button:hover:not(:disabled){filter:brightness(1.25)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--neon),#6366f1);border-color:transparent;color:#04121b;font-weight:700}button.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:transparent;font-weight:700}button.ghost{background:transparent}input{font:inherit;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 13px;width:100%}input:focus{outline:2px solid var(--neon);outline-offset:-1px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:140px}.entry{max-width:420px;margin:40px auto}.entry .panel+.panel{margin-top:14px}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.pcard{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.pcard.me{border-color:var(--neon);box-shadow:0 0 0 1px #22d3ee40}.pcard.turn{border-color:var(--accent);box-shadow:0 0 18px #f59e0b38}.pcard.dead{opacity:.5;filter:grayscale(.7)}.pcard.selectable{cursor:pointer}.pcard.selectable:hover{border-color:var(--neon)}.pcard.selected{border-color:var(--ok);box-shadow:0 0 0 2px #22c55e59}.pcard .name{font-weight:700;display:flex;align-items:center;gap:6px}.pcard .meta{font-size:12px;color:var(--muted);margin-top:4px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.host{color:var(--accent);border-color:var(--accent)}.badge.turn{color:#04121b;background:var(--accent);border-color:var(--accent);font-weight:700}.badge.dead{color:var(--red);border-color:var(--red)}.lives{display:flex;gap:4px;margin-top:6px}.life{width:18px;height:6px;border-radius:3px;background:#263353}.life.on{background:linear-gradient(90deg,var(--ok),#16a34a)}.loyalties{display:flex;gap:6px;margin-top:8px}.loy{width:30px;height:40px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;font-size:16px;background:#0b1428}.loy.blue{background:linear-gradient(160deg,#1e3a8a,#3b82f6);border-color:#60a5fa}.loy.red{background:linear-gradient(160deg,#7f1d1d,#ef4444);border-color:#f87171}.loy.gray{background:linear-gradient(160deg,#334155,#94a3b8);border-color:#cbd5e1}.loy.hidden{background:repeating-linear-gradient(45deg,#101a30,#101a30 5px,#16223e 5px,#16223e 10px)}.loy .x2{font-size:10px;font-weight:800}.weapon-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 8px;border-radius:999px;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;margin-top:6px}.programs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.prog{background:linear-gradient(165deg,#12203c,#0d1729);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px}.prog .pname{font-weight:700;font-size:13px;margin-bottom:4px;color:var(--neon)}.prog .ptext{color:var(--muted);line-height:1.4}.prog .ptiming{font-size:10px;text-transform:uppercase;color:var(--accent);margin-top:6px;letter-spacing:.5px}.prog button{width:100%;margin-top:8px;padding:7px;font-size:12px}.myrole{background:linear-gradient(135deg,#1a1130,#241640);border:1px solid #4c1d95;border-radius:14px;padding:16px}.myrole .rname{font-size:20px;font-weight:800;margin-bottom:6px}.myrole .rtext{color:var(--muted);font-size:13px;line-height:1.5}.faction-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px}.faction-tag.human{background:#3b82f633;color:#93c5fd;border:1px solid #3b82f6}.faction-tag.machine{background:#ef444433;color:#fca5a5;border:1px solid #ef4444}.faction-tag.outcast{background:#94a3b833;color:#cbd5e1;border:1px solid #94a3b8}.log{max-height:220px;overflow-y:auto;font-size:12px;line-height:1.6}.log div{padding:3px 0;border-bottom:1px solid rgba(36,54,94,.4);color:var(--muted)}.log div:last-child{border-bottom:none}.error{background:#ef444426;border:1px solid var(--red);color:#fca5a5;padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:13px}.code-display{font-size:34px;font-weight:800;letter-spacing:8px;text-align:center;color:var(--accent);font-family:ui-monospace,monospace}.hint{font-size:12px;color:var(--muted);line-height:1.5}.center{text-align:center}.banner{padding:18px;border-radius:14px;text-align:center;margin-bottom:14px;font-weight:800;font-size:18px}.banner.win{background:linear-gradient(135deg,#22c55e40,#16a34a26);border:1px solid var(--ok)}.banner.lose{background:linear-gradient(135deg,#ef444440,#b91c1c26);border:1px solid var(--red)}.banner.alert{background:linear-gradient(135deg,#f59e0b40,#d9770626);border:1px solid var(--accent)}@media (max-width: 640px){.title{font-size:22px;letter-spacing:2px}.players{grid-template-columns:1fr 1fr}.app{padding:12px 10px 40px}}.intel{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.intel-row{display:flex;gap:10px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px}.intel-turn{color:var(--accent);font-weight:700;font-size:11px;padding-top:2px;min-width:26px}.intel-body{flex:1;line-height:1.5}.intel-text{color:var(--muted);font-size:11px;margin-top:4px;line-height:1.4}.intel-chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px}.intel-chip.blue{background:#3b82f640;color:#93c5fd;border:1px solid #3b82f6}.intel-chip.red{background:#ef444440;color:#fca5a5;border:1px solid #ef4444}.intel-chip.gray{background:#94a3b840;color:#cbd5e1;border:1px solid #94a3b8}.intel-chip.role{background:#a78bfa40;color:#ddd6fe;border:1px solid #a78bfa}.table-wrap{display:flex;justify-content:center}.table-felt{position:relative;width:100%;max-width:620px;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#14304a,#0d1f36 55%,#091426);border:2px solid var(--line);box-shadow:inset 0 0 70px #000000a6,0 0 40px #22d3ee0f}.table-felt:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed rgba(143,160,200,.18);pointer-events:none}.table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;text-align:center;pointer-events:none}.table-center-title{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}.table-weapons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.tw-chip{font-size:10px;padding:2px 7px;border-radius:999px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.35);color:#a5f3fc;white-space:nowrap}.tw-empty{font-size:10px;color:var(--muted);font-style:italic}.table-deck{margin-top:7px;font-size:12px;color:var(--muted);font-weight:700}.table-flags{margin-top:5px;font-size:15px;display:flex;gap:8px;justify-content:center}.table-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.table-lines .aim{stroke:#f871718c;stroke-width:.7;stroke-dasharray:2 1.5;stroke-linecap:round}.table-lines .aim.from-me{stroke:#f59e0bf2;stroke-width:1;stroke-dasharray:none}.table-lines .aim.at-me{stroke:#ef4444;stroke-width:1;stroke-dasharray:none}.seat{position:absolute;transform:translate(-50%,-50%);width:132px;padding:8px 9px;border-radius:12px;background:linear-gradient(180deg,#16223e,#101a30);border:1px solid var(--line);text-align:center;transition:border-color .2s,box-shadow .2s,transform .12s}.seat.me{border-color:var(--neon);box-shadow:0 0 0 1px #22d3ee4d}.seat.turn{border-color:var(--accent);box-shadow:0 0 20px #f59e0b59}.seat.dead{opacity:.45;filter:grayscale(.8)}.seat.pickable{cursor:pointer}.seat.pickable:hover{border-color:var(--ok);transform:translate(-50%,-50%) scale(1.05)}.seat.picked{border-color:var(--ok);box-shadow:0 0 0 2px #22c55e73}.seat-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-you{font-size:9px;color:var(--neon);border:1px solid var(--neon);border-radius:999px;padding:0 4px;margin-left:4px;vertical-align:middle}.seat-lives{display:flex;gap:3px;justify-content:center;margin-top:5px}.heart{width:16px;height:5px;border-radius:3px;background:#263353}.heart.on{background:linear-gradient(90deg,var(--ok),#16a34a)}.seat-loy{display:flex;gap:4px;justify-content:center;margin-top:5px}.mini{width:17px;height:23px;border-radius:4px;border:1px solid var(--line);display:grid;place-items:center;font-size:8px;font-weight:800}.mini.blue{background:linear-gradient(160deg,#1e3a8a,#3b82f6);border-color:#60a5fa}.mini.red{background:linear-gradient(160deg,#7f1d1d,#ef4444);border-color:#f87171}.mini.gray{background:linear-gradient(160deg,#334155,#94a3b8);border-color:#cbd5e1}.mini.hidden{background:repeating-linear-gradient(45deg,#101a30,#101a30 4px,#1b2947 4px,#1b2947 8px)}.seat-role{margin-top:5px;font-size:9.5px;line-height:1.25;color:#fca5a5}.seat-always{color:var(--accent);font-weight:700}.seat-weapon{margin-top:5px;font-size:9.5px;color:#fca5a5;letter-spacing:-.2px;line-height:1.3}.seat-flags{margin-top:4px;font-size:11px;display:flex;gap:4px;justify-content:center}@media (max-width: 700px){.seat{width:96px;padding:6px;border-radius:10px}.seat-name{font-size:11px}.mini{width:14px;height:19px}.seat-role,.seat-weapon{font-size:8.5px}.table-center{width:52%}.tw-chip{font-size:9px;padding:1px 5px}}@media (max-width: 420px){.seat{width:80px}.seat-name{font-size:10px}.seat-role{display:none}}.table-lines .bond{stroke-width:.55;stroke-dasharray:.9 1.4;stroke-linecap:round;fill:none}.table-lines .bond.cloud{stroke:#a78bfabf}.table-lines .bond.dupe{stroke:#22d3eeb3}.seat-bond{margin-top:4px;font-size:8.5px;line-height:1.3;padding:1px 4px;border-radius:5px}.seat-bond.cloud{color:#ddd6fe;background:#a78bfa29}.seat-bond.dupe{color:#a5f3fc;background:#22d3ee24}.seat-progs{margin-top:5px;display:flex;align-items:center;gap:2px;justify-content:center}.pcard-mini{width:7px;height:10px;border-radius:2px;background:repeating-linear-gradient(45deg,#16223e,#16223e 2px,#22345c 2px,#22345c 4px);border:1px solid #2c4270}.pcard-mini.open{background:linear-gradient(160deg,#22d3ee,#6366f1);border-color:#67e8f9}.seat-progs-n{font-size:9px;color:var(--muted);margin-left:3px;font-weight:700}.seat-progs-none{font-size:8.5px;color:#56688f;font-style:italic}@media (max-width: 700px){.seat-bond{font-size:7.5px}.pcard-mini{width:6px;height:8px}}.clickable{cursor:pointer}.seat-progs.clickable:hover .pcard-mini,.seat-flags.clickable:hover span{filter:brightness(1.35)}.seat-bond.clickable:hover{filter:brightness(1.25)}.seat-progs-eye{font-size:9px;margin-left:2px;opacity:.8}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#040812b8;display:flex;align-items:center;justify-content:center;padding:18px}.popup{background:var(--panel, #0d1526);border:1px solid var(--line, #22345c);border-radius:14px;padding:16px;width:min(440px,96vw);max-height:82vh;overflow-y:auto;box-shadow:0 18px 60px #0000008c}.popup-section{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted, #7c8db5);margin:12px 0 6px}.popup-card{border:1px solid var(--line, #22345c);border-radius:10px;padding:8px 10px;margin-bottom:6px;background:#22345c2e}.popup-card .pname{font-weight:700;font-size:13px;margin-bottom:3px}.popup-card .ptext{font-size:12px;line-height:1.4;color:#c7d3ec}.popup-card .ptiming{font-size:10px;color:var(--muted, #7c8db5);margin-top:4px}.popup-target{margin-top:6px;font-size:12px;font-weight:600;color:#a5f3fc}.myrole-flex{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.role-card-img{display:block;border-radius:10px;border:1px solid var(--line, #22345c);box-shadow:0 6px 18px #0006;cursor:zoom-in}.role-card-zoom{max-height:92vh;max-width:94vw;border-radius:14px;box-shadow:0 24px 80px #000000b3;cursor:zoom-out}.popup-role{display:flex;gap:12px;align-items:flex-start}@media (max-width: 480px){.myrole-flex .role-card-img{width:104px!important}}