:root{--paper:light-dark(#f0ece2,#23231f);--panel:light-dark(#fcfcfa,#191918);--ink:light-dark(#25251f,#eeeee7);--muted:light-dark(#77776d,#a2a295);--line:light-dark(#d6d6cd,#41413a);--red:light-dark(#a74130,#ec8f78);--blue:light-dark(#306e79,#86c0ca);--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}.sh-container{max-width:1360px;margin:auto;padding:38px 36px 28px}.edition{color:var(--muted);margin-left:10px}.nav-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;gap:15px}.nav-row .text-button{margin-top:28px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font:11px var(--mono);color:var(--muted)}.eyebrow{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.status-row #connection{max-width:65%;text-align:right}.sh-container button,dialog button{font-family:var(--mono);cursor:pointer}.sh-container button:disabled,dialog button:disabled{cursor:not-allowed;opacity:.4}.text-button{border:0;background:transparent;color:inherit;font:11px var(--mono);padding:4px 0;text-decoration:underline;text-underline-offset:4px}.btn{min-height:45px;padding:12px 18px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:12px var(--mono);transition:background .18s,transform .18s}.btn:hover:not(:disabled){background:var(--paper);transform:translateY(-1px)}.btn.primary{background:var(--ink);color:var(--panel);border-color:var(--ink)}.btn.primary:hover:not(:disabled){opacity:.85}.btn.danger{border-color:var(--red);color:var(--red)}.btn.small{min-height:30px;padding:6px 10px;font-size:10px}.btn.full{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row .btn{flex:1}.field{display:flex;flex-direction:column;gap:8px;font:11px var(--mono);margin:18px 0}.field input,.field select,.chat-form input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:0;padding:12px;font:14px var(--mono);width:100%;min-width:0}.field input:focus,.chat-form input:focus{outline:2px solid var(--blue);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.small{font-size:12px;line-height:1.65;color:var(--muted)}.mono{font-family:var(--mono)}h2,h3,p{margin-top:0}.entry{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);border:1px solid var(--line);min-height:580px}.poster{background:var(--paper);padding:40px 44px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.poster:before{content:'';position:absolute;inset:14px;border:1px solid var(--line);pointer-events:none}.poster .eyebrow{color:var(--muted)}.poster h2{font-size:clamp(48px,6.7vw,86px);font-weight:700;line-height:.91;letter-spacing:-.075em;margin:32px 0 18px;position:relative;z-index:1}.poster h2 span{color:var(--red)}.poster .strap{font:13px var(--mono);max-width:280px;line-height:1.7}.poster-meta{display:flex;gap:18px;flex-wrap:wrap;font:10px var(--mono);color:var(--muted);padding-top:26px;z-index:1}.poster-art{position:absolute;width:240px;height:260px;right:30px;bottom:72px;transform:rotate(10deg)}.poster-art img{position:absolute;width:130px;height:188px;object-fit:cover;border:5px solid #fff;box-shadow:0 10px 20px #0002;background:#fff}.poster-art img:nth-child(1){transform:rotate(-22deg);left:0;top:34px}.poster-art img:nth-child(2){transform:rotate(9deg);right:0;top:0}.entry-form{padding:42px 35px;display:flex;flex-direction:column;justify-content:center}.entry-form h3{font-size:27px;font-weight:500;letter-spacing:-.04em;margin:14px 0 8px}.entry-form .divider{display:flex;align-items:center;gap:12px;color:var(--muted);font:10px var(--mono);margin:22px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.entry-form .fineprint{font:10px var(--mono);line-height:1.7;color:var(--muted);margin:18px 0 0}.entry-form .button-row{margin-top:10px}.room-code{font:28px var(--mono);letter-spacing:.17em;margin:12px 0 20px}.lobby{display:grid;grid-template-columns:1fr 330px;border:1px solid var(--line)}.lobby-main{padding:36px;background:var(--paper)}.lobby-main h2{font-size:36px;letter-spacing:-.04em;margin:12px 0}.lobby-side{padding:32px;border-left:1px solid var(--line)}.seat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.seat{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);min-height:64px;background:var(--panel)}.seat.empty{border-style:dashed;background:transparent;color:var(--muted)}.seat .seat-number{font:12px var(--mono);color:var(--muted);border-right:1px solid var(--line);padding-right:12px}.seat-name{overflow-wrap:anywhere;flex:1;font-size:13px}.seat-meta{font:9px var(--mono);color:var(--muted);display:block;margin-top:3px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:5px}.online-dot.off{background:var(--muted)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.table-main{min-width:0}.table-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.table-top h2{font-size:27px;letter-spacing:-.04em;margin:0}.tag{font:9px var(--mono);letter-spacing:.06em;border:1px solid var(--line);padding:5px 7px;display:inline-block}.tracks{background:var(--paper);border:1px solid var(--line);padding:24px;position:relative}.policy-track+.policy-track{margin-top:26px}.track-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.track-heading h3{font-size:17px;font-weight:500;margin:0}.track-heading span{font:11px var(--mono)}.liberal{color:var(--blue)}.fascist{color:var(--red)}.slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.liberal-track .slots{grid-template-columns:repeat(5,minmax(0,1fr))}.slot{aspect-ratio:.76;border:1px dashed currentColor;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:6px;gap:8px;color:var(--muted)}.slot .slot-n{position:absolute;left:7px;top:5px;font:10px var(--mono);opacity:.7}.slot .power-icon{font-size:26px;line-height:1}.slot .power-text{font:8px var(--mono);text-transform:uppercase;line-height:1.5}.slot.enacted{border:0;background:var(--panel);overflow:hidden;animation:policy-in .45s ease-out}.slot.enacted img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.slot.enacted .policy-overlay{z-index:1;align-self:stretch;margin-top:auto;background:var(--panel);font:8px var(--mono);padding:4px}.track-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.election-dots{display:flex;gap:5px;align-items:center;font:9px var(--mono);flex-wrap:wrap}.election-dots i{display:block;width:16px;height:16px;border:1px solid var(--line);border-radius:50%}.election-dots i.active{background:var(--red);border-color:var(--red)}.deck-count{font:10px var(--mono);color:var(--muted);text-align:right}.people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}.person{border:1px solid var(--line);background:var(--panel);padding:12px 8px;min-height:110px;text-align:center;position:relative}.person.me{border-bottom:3px solid var(--blue)}.person.dead{opacity:.45}.person .avatar{margin:0 auto 8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font:11px var(--mono)}.person .name{font-size:11px;overflow-wrap:anywhere;line-height:1.4}.person .office{font:8px var(--mono);text-transform:uppercase;display:block;margin-top:5px;color:var(--red)}.person .vote{display:block;font:10px var(--mono);margin-top:5px}.panel{border:1px solid var(--line);padding:22px;margin-bottom:16px;background:var(--panel)}.panel h3{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:12px 0}.panel p{font-size:13px;line-height:1.65}.panel .small{font-size:11px}.action-panel{border-top:3px solid var(--ink)}.action-panel .option-list{display:grid;gap:7px;margin:18px 0 0}.option-list .btn{text-align:left}.private-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);padding:15px 20px;margin:18px 0;background:var(--panel)}.private-strip .eyebrow{display:block;margin-bottom:5px}.private-strip .small{margin:0;font-size:11px}.ballots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.ballot{padding:20px 10px;border:1px solid var(--line);color:var(--ink);background:var(--paper);font:22px var(--mono)}.ballot.yes:hover{border-color:var(--blue);color:var(--blue)}.ballot.no:hover{border-color:var(--red);color:var(--red)}.ballot span{display:block;font-size:9px;margin-top:6px;color:var(--muted)}.hand{display:flex;gap:9px;margin:18px 0;justify-content:center}.policy-card{border:1px solid var(--line);padding:0;background:#fff;flex:1;max-width:135px;overflow:hidden;transition:transform .2s}.policy-card:hover:not(:disabled){transform:translateY(-8px)}.policy-card img{display:block;width:100%;height:145px;object-fit:cover}.policy-card .card-label{display:block;padding:10px 4px;font:10px var(--mono);background:var(--panel);color:var(--ink)}.policy-card.liberal{border-bottom:4px solid var(--blue)}.policy-card.fascist{border-bottom:4px solid var(--red)}.vote-result{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.vote-result strong{font-family:var(--mono)}.log{list-style:none;padding:0;margin:12px 0 0;max-height:210px;overflow:auto}.log li{font-size:11px;padding:8px 0;border-top:1px solid var(--line);color:var(--muted)}.log li:first-child{color:var(--ink)}.chat-panel{padding:18px}.chat-panel h3{font:10px var(--mono);letter-spacing:.1em;margin:0 0 15px}.chat-messages{height:170px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.chat-line{font-size:12px;overflow-wrap:anywhere}.chat-line strong{font:10px var(--mono);display:block;color:var(--muted)}.chat-line p{margin:2px 0 0;font-size:12px}.chat-form{display:flex;gap:6px;margin-top:15px}.chat-form input{padding:9px;font-size:12px}.chat-form .btn{min-height:35px;padding:8px;font-size:10px}.source-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:36px;padding-top:25px}.source-strip p{font-size:12px;color:var(--muted);margin:8px 0 0}.source-links{display:flex;gap:18px;flex-wrap:wrap;font:10px var(--mono)}.source-links a{text-underline-offset:4px}.source-links .text-button{font-size:10px}footer{font:10px var(--mono);color:var(--muted);margin-top:32px;padding-top:15px;display:flex;gap:16px;justify-content:space-between}dialog{width:min(620px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid var(--line);padding:26px;background:var(--panel);color:var(--ink);font-family:'IBM Plex Sans',sans-serif}dialog::backdrop{background:#12120e9c;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:23px}.icon-button{border:0;background:none;color:inherit;font-size:27px;padding:0 5px}dialog h3{font-size:21px;margin:22px 0 10px}dialog p,dialog li{font-size:13px;line-height:1.7}dialog a{text-underline-offset:3px}dialog ul,dialog ol{padding-left:20px}.role-reveal{text-align:center}.role-reveal img{width:160px;height:235px;object-fit:cover;box-shadow:0 8px 28px #0002;animation:role-in .45s ease-out}.role-reveal h3{font-size:30px}.role-reveal .intel{background:var(--paper);padding:16px;margin:20px 0;text-align:left}.role-reveal .intel p{margin:5px 0}.results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.results div{padding:10px;background:var(--paper);font-size:12px}.results strong{display:block;font:10px var(--mono)}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);z-index:20;background:var(--ink);color:var(--panel);padding:14px 22px;box-shadow:0 5px 25px #0003;font:12px var(--mono)}.win-banner{border:1px solid currentColor;text-align:center;padding:30px;margin-bottom:20px;background:var(--paper)}.win-banner h2{font-size:36px;letter-spacing:-.04em;margin:10px 0}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rule-box{background:var(--paper);padding:15px}.rule-box h3{margin-top:0;font-size:17px}.rule-box p{margin-bottom:0}.muted{color:var(--muted)}
@keyframes policy-in{from{transform:translateY(-20px) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes role-in{from{transform:rotateY(85deg);opacity:.2}to{transform:none;opacity:1}}
@media(min-width:1100px){.play-sidebar{position:sticky;top:18px;align-self:start}.poster-art{right:35px}}
@media(max-width:1000px){.sh-container{padding:28px 24px}.entry{grid-template-columns:1.2fr 1fr;min-height:540px}.poster{padding:32px}.poster-art{right:15px;bottom:65px;transform:scale(.8) rotate(9deg);transform-origin:right bottom}.poster .strap{max-width:185px}.play-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.tracks{padding:16px}.slot .power-icon{font-size:20px}.slot .power-text{font-size:7px}.slots{gap:5px}.people{grid-template-columns:repeat(5,minmax(0,1fr))}.person{padding:10px 5px}}
@media(max-width:760px){.sh-container{padding:24px 16px}.header-left h1{font-size:15px}.tagline{font-size:11px}.site-nav{gap:13px;flex-wrap:wrap;font-size:10px}.nav-row{align-items:flex-end}.nav-row>.text-button{white-space:nowrap;font-size:10px}.status-row{font-size:9px;padding:18px 0}.status-row .eyebrow{font-size:8px}.entry{grid-template-columns:1fr}.poster{min-height:360px;padding:30px}.poster h2{font-size:65px;margin:25px 0 15px}.poster .strap{font-size:11px}.poster-art{bottom:50px;right:28px;transform:scale(.72) rotate(9deg)}.entry-form{padding:28px}.lobby{grid-template-columns:1fr}.lobby-main{padding:25px}.lobby-side{border-left:0;border-top:1px solid var(--line);padding:25px}.play-layout{grid-template-columns:1fr}.play-sidebar{display:contents}.action-panel{grid-row:1}.table-main{grid-row:2}.chat-panel{grid-row:3}.play-sidebar>.room-tools{grid-row:4}.people{grid-template-columns:repeat(5,minmax(0,1fr))}.person{min-height:95px}.person .name{font-size:10px}.slot{aspect-ratio:.75;padding:4px}.slot .power-text{font-size:7px}.track-heading h3{font-size:15px}.track-footer{align-items:flex-start}.private-strip{padding:13px}.table-top h2{font-size:22px}.source-strip{align-items:flex-start;flex-direction:column}.source-links{gap:16px}footer{font-size:9px;flex-wrap:wrap}.rule-grid{grid-template-columns:1fr}.policy-card img{height:165px}.chat-messages{height:140px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.poster{min-height:410px}.poster h2{font-size:58px}.poster .strap{max-width:160px}.poster-art{right:10px;bottom:90px;transform:scale(.43) rotate(9deg)}.poster-meta{max-width:210px;font-size:9px;gap:12px}}