:root{--bg:#050b14;--panel:#081422d1;--line:#1d4a6b;--cyan:#34e8ff;--green:#3dffa8;--blue:#3a7bff;--text:#dff6ff;--muted:#7fa3b8;--warn:#ffb547;--bad:#ff5c7a;--ans:#ffc23d;--giver:#34e8ff;--judge:#3dff8c;--traitor:#ff4fd8;--spec:#8a9aa8;--rc:var(--spec);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.boot{height:100dvh;color:var(--cyan);text-align:center;place-items:center;font-size:18px;display:grid}.boot.error{color:var(--bad)}.shell{background:url(/assets/board-bg.webp) center / cover no-repeat, var(--bg);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.top{border-bottom:1px solid var(--line);background:linear-gradient(#030a14f2,#030a1499);align-items:center;gap:14px;min-height:48px;padding:6px 14px;display:flex}.top .logo{mix-blend-mode:screen;filter:drop-shadow(0 0 6px #34e8ff66);height:40px}.top .title{letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 8px #34e8ff99;font-weight:700}.stat{border:1px solid var(--line);background:#051423b3;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;display:flex}.stat b{color:var(--cyan);font-size:18px}.stat.score img{width:22px;height:22px}.stat.score b{color:var(--green)}.stat.timer b{color:var(--warn);font-variant-numeric:tabular-nums}.spacer{flex:1}.ghost,.tiny{border:1px solid var(--line);background:0 0;border-radius:8px;padding:6px 12px}.ghost:hover{border-color:var(--cyan)}.tiny{color:var(--muted);padding:3px 8px;font-size:12px}.primary{border:1px solid var(--cyan);background:linear-gradient(135deg,#0d6b8a,#0f8f74);border-radius:10px;margin-top:8px;padding:9px 16px;font-weight:700;box-shadow:0 0 12px #34e8ff59}.primary:hover:not(:disabled){filter:brightness(1.2)}.primary:disabled{opacity:.4;cursor:default;box-shadow:none}.primary.big{width:100%;padding:12px;font-size:17px}.main{flex:1;grid-template-columns:1fr minmax(290px,340px);min-height:0;display:grid}.board{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:1.5vh 2vw;display:grid;overflow:hidden}.side{background:linear-gradient(90deg,#0000,#030a14b3 12%);flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 18px #34e8ff0d}.panel h3{color:var(--cyan);letter-spacing:.05em;margin:0 0 6px;font-size:15px}.panel p{margin:4px 0;font-size:13.5px;line-height:1.55}.muted{color:var(--muted)}.warn{color:var(--warn);font-size:12px}.ok{color:var(--green);font-size:13px}.frame{background:radial-gradient(#030c18bf 40%,#030c1840 75%,#0000 100%);border-radius:24px;place-items:center;width:100%;min-width:0;max-width:100%;height:100%;padding:2vh 3vw;display:grid}.grid{gap:clamp(6px,1.2vh,14px);width:min(100%,860px);display:grid}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,640px)}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{aspect-ratio:16/10;width:100%;min-width:0;max-height:calc((100vh - 140px) / var(--rows,3));max-height:calc((100dvh - 120px) / var(--rows,3));background:linear-gradient(160deg,#0e1e30f0,#060e1af0);border:1.5px solid #6eaad259;border-radius:12px;place-items:center;padding:6px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;position:relative}.grid.n9 .card,.grid.n12 .card{--rows:3}.grid.n16 .card{--rows:4;aspect-ratio:16/9}.card .w{letter-spacing:.03em;text-align:center;word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(15px,2.4vh,26px);font-weight:700;line-height:1.2}.card{overflow:hidden}.card .ic{aspect-ratio:1;fill:none;stroke:#7fe9ff;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.12;pointer-events:none;height:84%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .ic.cat{opacity:.09}.card.sel .ic,.card.hit .ic{opacity:.07}.card.sel .ic.cat,.card.hit .ic.cat{opacity:.05}.card .w{z-index:1;text-shadow:0 1px 3px #000000e6;position:relative}.card .badge{z-index:1}.grid.n16 .card .w{font-size:clamp(14px,2.2vh,23px)}.card[data-act]:hover{border-color:var(--cyan);transform:translateY(-2px)}.card.target{border-color:var(--green);box-shadow:0 0 10px #3dffa873,inset 0 0 14px #3dffa81f}.card.fake{border:1.5px dashed var(--warn);box-shadow:0 0 10px #ffb54759}.card.sel{border:2px solid var(--cyan);background:linear-gradient(160deg,#145a78f2,#0a3250f2);transform:translateY(-3px);box-shadow:0 0 18px #34e8ffcc}.card.hit{border:2px solid var(--green);background:linear-gradient(160deg,#105a3cf2,#08281ef2);box-shadow:0 0 18px #3dffa8cc}.card.missed{border:2px dashed var(--green)}.card.wrong{border:2px solid var(--bad);box-shadow:0 0 12px #ff5c7a80}.badge{color:var(--green);font-size:11px;font-weight:700;position:absolute;top:4px;right:6px}.badge.fake{color:var(--warn);left:6px;right:auto}.lobby-hero{text-align:center}.hero-logo{mix-blend-mode:screen;filter:drop-shadow(0 0 20px #34e8ff59);width:auto;max-width:min(520px,70%);max-height:46dvh;-webkit-mask-image:radial-gradient(#000 55%,#0000 75%);mask-image:radial-gradient(#000 55%,#0000 75%)}.lead{color:var(--text);font-size:16px}.lead b{color:var(--green)}.backs{justify-content:center;gap:14px;margin-top:10px;display:flex}.backs img{filter:drop-shadow(0 0 10px #34e8ff66);border-radius:10px;height:min(20vh,16dvh)}.opts{flex-direction:column;gap:6px;margin:10px 0;font-size:13.5px;display:flex}.over{text-align:center}.big-star{filter:drop-shadow(0 0 24px #3dffa880);width:22vh}.final-score{color:var(--green);text-shadow:0 0 16px #3dffa899;font-size:54px;font-weight:800}.final-score small{color:var(--muted);font-size:20px}.tier{color:var(--cyan);margin-bottom:8px;font-size:26px}.hist{border-collapse:collapse;background:var(--panel);margin:0 auto;font-size:13px}.hist td,.hist th{border-bottom:1px solid var(--line);padding:3px 10px}.players ul,.shown,.gone-list,.review{margin:0;padding:0;list-style:none}.players li{padding:3px 0;font-size:13.5px}.players li.off{opacity:.45}.players li.me{color:var(--cyan)}.tag{border:1px solid var(--line);border-radius:6px;margin-left:3px;padding:1px 6px;font-size:11px}.tag.ans{border-color:var(--ans);color:var(--ans)}.tag.judge{border-color:var(--judge);color:var(--judge)}.tag.traitor{border-color:var(--traitor);color:var(--traitor)}.tag.ok{color:var(--green)}.tag.wait{color:var(--muted)}.hint-in{border:1px solid var(--line);width:100%;color:var(--text);background:#020a14e6;border-radius:8px;margin-top:6px;padding:9px 10px;font-size:16px}.hint-in:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 8px #34e8ff80}.shown li{border:1px solid var(--cyan);background:#0a283c99;border-radius:8px;justify-content:space-between;align-items:baseline;margin:4px 0;padding:6px 10px;display:flex;box-shadow:0 0 8px #34e8ff40}.shown li b{font-size:20px}.shown small,.gone-list small,.review small{color:var(--muted);font-size:11.5px}.gone-list li{border:1px dashed #ff5c7a80;border-radius:8px;justify-content:space-between;gap:6px;margin:3px 0;padding:4px 10px;font-size:13px;display:flex}.gone-list .x{color:var(--bad);text-decoration:line-through}.coll{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.kaburi{color:var(--warn);border:1px solid #ffb54780;border-radius:12px;padding:2px 8px;font-size:12px}.rv{text-align:left;border:1px solid var(--cyan);background:#0a283c99;border-radius:8px;grid-template-columns:1fr auto;width:100%;padding:6px 10px;display:grid}.rv b{font-size:18px}.rv em{color:var(--bad);grid-area:1/2/3;align-self:center;font-size:12px;font-style:normal}.rv em.keep{color:var(--green)}.review li.gone .rv{opacity:.7;border-color:#ff5c7a99}.review li.gone .rv b{text-decoration:line-through}.role.judge{border-color:var(--blue)}.role.ans{border-color:var(--cyan)}.result .res{font-size:18px}.result.great{border-color:var(--green);box-shadow:0 0 20px #3dffa859}.trait{color:var(--warn)}.accuse{margin:6px 0;font-size:13px;display:block}.accuse select{width:100%;color:var(--text);border:1px solid var(--line);background:#071423;border-radius:6px;margin-top:4px;padding:6px}.skiprow{text-align:right}.toast{border:1px solid var(--bad);z-index:20;background:#3a0e1a;border-radius:10px;padding:10px 18px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.conn{border:1px solid var(--warn);z-index:20;background:#3a2a0e;border-radius:8px;padding:4px 12px;font-size:13px;position:fixed;top:56px;left:50%;transform:translate(-50%)}.modal{z-index:30;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.modal-body{border:1px solid var(--cyan);background:#071423;border-radius:12px;width:min(760px,92vw);max-height:86vh;padding:16px;position:relative;overflow:auto}.modal-body pre{white-space:pre-wrap;margin:0;font-family:inherit;font-size:13.5px;line-height:1.6}.modal-body .x{background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:10px}@media (width<=760px){.main{grid-template-rows:1fr auto;grid-template-columns:1fr}.side{background:#030a14d9;max-height:42vh}.top .title{display:none}.card{max-height:calc((58vh - 60px) / var(--rows,3))}}.tag.ai{color:#d9b8ff;border-color:#c38cff;margin:0 4px 0 0;font-weight:700}.airow{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.rv.bonus.yes em{color:var(--green);font-size:18px}.rv.bonus.no em{color:#ff7a7a;font-size:18px}.rv .sg{opacity:.8;margin-left:6px;font-size:11px}.mk{margin-left:6px;font-weight:700}.mk.yes{color:var(--green)}.mk.no{color:#ff7a7a}.tb{color:#ffd76a;font-weight:700}.shell.role-ans{--rc:var(--ans)}.shell.role-giver{--rc:var(--giver)}.shell.role-judge{--rc:var(--judge)}.shell.role-traitor{--rc:var(--traitor)}.shell.role-spec,.shell.role-idle{--rc:var(--spec)}.role-frame{pointer-events:none;z-index:15;border:3px solid var(--rc);box-shadow:inset 0 0 22px color-mix(in srgb, var(--rc) 55%, transparent), 0 0 0 transparent;border-radius:6px;position:absolute;inset:0}.shell.role-idle .role-frame{box-shadow:none;border-color:#0000}.shell.role-ans .role-frame,.shell.role-traitor .role-frame{animation:2.4s ease-in-out infinite rglow}@keyframes rglow{50%{box-shadow:inset 0 0 36px color-mix(in srgb, var(--rc) 75%, transparent)}}.role-badges{gap:6px;display:flex}.rbadge{letter-spacing:.08em;background:#00000073;border:2px solid;border-radius:999px;padding:4px 14px;font-size:16px;font-weight:800}.rb-ans{color:var(--ans);border-color:var(--ans);box-shadow:0 0 12px color-mix(in srgb, var(--ans) 60%, transparent)}.rb-giver{color:var(--giver);border-color:var(--giver)}.rb-judge{color:var(--judge);border-color:var(--judge);box-shadow:0 0 10px color-mix(in srgb, var(--judge) 50%, transparent)}.rb-traitor{color:var(--traitor);border-color:var(--traitor);box-shadow:0 0 12px color-mix(in srgb, var(--traitor) 60%, transparent)}.rb-spec,.rb-idle{color:var(--spec);border-color:var(--spec)}.shell.role-idle .rb-idle{display:none}.panel.role{border-color:var(--rc);box-shadow:0 0 14px color-mix(in srgb, var(--rc) 30%, transparent)}.panel.role h3{color:var(--rc)}.players li{border-left:4px solid #0000;border-radius:3px;padding-left:6px}.players li.pr-ans{border-left-color:var(--ans);background:color-mix(in srgb, var(--ans) 10%, transparent)}.players li.pr-judge{border-left-color:var(--judge);background:color-mix(in srgb, var(--judge) 9%, transparent)}.players li.pr-giver{border-left-color:var(--giver)}.players li.pr-traitor{border-left-color:var(--traitor);background:color-mix(in srgb, var(--traitor) 12%, transparent)}.mute{padding:4px 9px}.suspense{z-index:25;background:#02060ec7;place-items:center;display:grid;position:absolute;inset:0}.suspense div{color:var(--ans);letter-spacing:.15em;text-shadow:0 0 18px color-mix(in srgb, var(--ans) 70%, transparent);font-size:clamp(22px,6dvh,44px);font-weight:800;animation:.35s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.07)}}@media (height<=640px){.top{gap:8px;min-height:38px;padding:3px 10px}.top .logo{height:28px}.stat{padding:1px 7px;font-size:12px}.stat b{font-size:15px}.rbadge{padding:2px 10px;font-size:13px}.ghost{padding:3px 9px}.main{grid-template-columns:1fr minmax(260px,300px)}.side{gap:6px;padding:6px}.panel{border-radius:10px;padding:6px 9px}.panel h3{margin-bottom:3px;font-size:13.5px}.panel p{margin:2px 0;font-size:12px;line-height:1.4}.primary{margin-top:4px;padding:6px 12px}.primary.big{padding:8px;font-size:15px}.opts{gap:3px;margin:4px 0;font-size:12px}.airow{margin:4px 0}.hint-in{margin-top:4px;padding:6px 8px;font-size:15px}.players li{padding:1px 0 1px 6px;font-size:12.5px}.shown li{margin:2px 0;padding:3px 8px}.shown li b{font-size:16px}.rv{padding:3px 8px}.rv b{font-size:15px}.review li{margin:2px 0}.gone-list li{margin:2px 0;padding:2px 8px;font-size:12px}.lead{margin:4px 0;font-size:14px}.hero-logo{max-height:42dvh}.backs{margin-top:4px}.card{max-height:calc((100dvh - 92px) / var(--rows,3))}.frame{padding:1.5dvh 2vw}.board{padding:1dvh 1.5vw}.big-star{width:14dvh}.final-score{font-size:40px}.tier{margin-bottom:4px;font-size:20px}.hist td,.hist th{padding:1px 8px;font-size:12px}}.players h3{justify-content:space-between;align-items:center;display:flex}.players h3 .tiny{letter-spacing:0;padding:1px 6px;font-size:10.5px}.players ul{grid-template-columns:1fr 1fr;gap:2px 6px;display:grid}.players li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shown{flex-wrap:wrap;gap:4px;display:flex}.shown li{flex:auto;margin:0}.review{grid-template-columns:1fr 1fr;gap:4px;display:grid}.review li{margin:0}.rv{grid-template-columns:1fr auto}.rv small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rv .sg{grid-column:1/3}.phase-review .side .hints,.phase-bonus .panel.hints{display:none}@media (height<=640px){.players li{font-size:12px}.players .tag{padding:0 4px;font-size:10px}.shown li b{font-size:15px}}.shell .board,.shell .panel.role{transition:filter .2s,box-shadow .2s}.shell.revealing .board{filter:brightness(.75)saturate(.8)}.shell.revealing .panel.role{box-shadow:0 0 22px color-mix(in srgb, var(--rc) 55%, transparent)}.ctl.danger,.tiny.danger{border-color:var(--bad);color:#ffd0d8;background:#5a0a1e99}.ctl{white-space:nowrap;font-size:13px}@media (height<=640px){.ctl{padding:3px 7px;font-size:12px}}.top>*{white-space:nowrap;flex-shrink:0}.top .spacer{flex-shrink:1;min-width:0}@media (width<=1200px){.shell:not(.phase-lobby) .top .title{display:none}.rbadge{letter-spacing:.02em;padding:2px 8px}.top{gap:6px}}.rv .why{color:#ffb0bf;grid-column:1/3;font-size:11px}.links{margin:6px auto;font-size:13px}.links ol{flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:4px 0;padding:0;list-style:none;display:flex}.links li.first{color:#ffd76a;font-weight:700}.over{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2dvh 3vw;max-height:100%;display:grid}.over .sum{flex-direction:column;align-items:center;gap:.6dvh;display:flex}.over .big-star{width:min(14dvh,120px)}.over .final-score{font-size:clamp(30px,8dvh,54px);line-height:1}.over .tier{margin:0;font-size:clamp(16px,4dvh,26px)}.over .links ol{flex-direction:column;align-items:flex-start;gap:1px}.over .links{margin:0}.over .hist{font-size:clamp(11px,2.2dvh,13px)}.over .hist td,.over .hist th{padding:0 8px;line-height:1.45}.over .personal{grid-column:1;font-size:12px}.why{color:#ff9db0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.2;display:block;overflow:hidden}.role.result .res{font-size:clamp(14px,3.4dvh,20px);line-height:1.3}.role.result .tb{font-size:.8em}.shown li .why{text-overflow:ellipsis;max-width:9em;margin-left:4px;display:inline;overflow:hidden}.rv.bonus .why{text-align:left;grid-column:1/-1}.rv.bonus .sg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rv.bonus .sg .why{display:inline}@media (height<=560px){.role.judge>p{margin:2px 0;font-size:11px;line-height:1.35}.rv.bonus{padding:2px 8px}}