*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:root{--bg:#0a0e13;--surface:#121922;--surface-raised:#182230;--border:#28333f;--text:#e7edf3;--text-muted:#8996a3;--threat:#e0525f;--ops:#e0a83f;--adversary:#9d6bd1;--tools:#4fa8e0;--roles:#3fbf8f;--font-header:"IBM Plex Mono", monospace;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:10px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;transition:background .22s,color .22s;position:relative}#root{min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body[data-texture=grid]:before{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px}body[data-texture=brass]:before{background:radial-gradient(at 15% -10%,#b8974f38,#0000 45%),radial-gradient(at 100% 110%,#b8974f29,#0000 40%);box-shadow:inset 0 0 140px #3c2d0f40}body[data-texture=paper]:before{background-image:repeating-linear-gradient(0deg,#00000004 0,#0000 1px 2px),repeating-linear-gradient(90deg,#00000003 0,#0000 1px 3px);box-shadow:inset 0 0 120px #5a4b2d1a}body[data-texture=steel]:before{background-image:repeating-linear-gradient(135deg,#ffffff05 0 2px,#0000 2px 14px);box-shadow:inset 0 0 160px #00000080}body[data-texture=neon]:before{background-image:linear-gradient(#b24bff0d 1px,#0000 1px),linear-gradient(90deg,#22d3ee0d 1px,#0000 1px);background-size:40px 40px}.app-shell{z-index:1;max-width:34rem;margin:0 auto;padding:1.25rem 1rem 3rem;position:relative}.app-shell-wide{max-width:72rem}.board-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.board-head .gh-sub{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.conn-dot-wrap{color:var(--text-muted);align-items:center;font-size:.78rem;display:flex}.board-grid{grid-template-columns:1fr;gap:.9rem;display:grid}@media (width>=860px){.board-grid{grid-template-columns:1.1fr .9fr;align-items:start}}.brand-row{align-items:center;gap:.6rem;margin-bottom:1.4rem;display:flex}.brand-row .brand-mark{background:linear-gradient(135deg, var(--threat), var(--adversary));border-radius:4px;flex:none;width:1.5rem;height:1.5rem}.brand-row .brand-label{font-family:var(--font-header);letter-spacing:.24em;color:var(--text-muted);text-transform:uppercase;font-size:.72rem}.lede{color:var(--text-muted);margin:0 0 1.1rem;font-size:.92rem;line-height:1.5}.stack{flex-direction:column;gap:.75rem;display:flex}.row{gap:.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.card+.card{margin-top:.9rem}.nav-tile{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:1rem;transition:border-color .15s,transform .15s;display:block}.nav-tile:hover{transform:translateY(-1px)}.nav-tile .nav-tile-title{font-family:var(--font-header);margin-bottom:.2rem;font-weight:700}.nav-tile .nav-tile-sub{color:var(--text-muted);font-size:.78rem}.nav-tile.tile-threat:hover{border-color:var(--threat)}.nav-tile.tile-tools:hover{border-color:var(--tools)}.nav-tile.tile-threat .nav-tile-title{color:var(--threat)}.nav-tile.tile-tools .nav-tile-title{color:var(--tools)}.label{font-family:var(--font-header);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem;font-size:.68rem;display:block}.my-game-row{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.7rem .85rem;display:flex}.my-game-main{flex-direction:column;gap:.15rem;display:flex}.my-game-theme{font-family:var(--font-header);font-size:.85rem;font-weight:700}.my-game-meta{color:var(--text-muted);font-size:.74rem}.my-game-resume{color:var(--tools);flex:none;font-size:.78rem;font-weight:700}.theme-pick{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;margin-bottom:.5rem;padding:.75rem;transition:border-color .15s;display:block}.theme-pick.active{background:var(--surface-raised);border-color:var(--roles)}.theme-pick .theme-pick-name{font-family:var(--font-header);font-weight:700}.theme-pick .theme-pick-tag{color:var(--text-muted);margin-top:.15rem;font-size:.74rem}.theme-pick.active .theme-pick-tag{color:var(--text);opacity:.75}.seg{gap:.5rem;display:flex}.seg button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-mono);flex:1;padding:.6rem;font-size:.85rem}.seg button.active{background:var(--roles);border-color:var(--roles);color:var(--bg);font-weight:700}input[type=text],input[type=number],input[type=email],input[type=password]{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);outline:none;padding:.7rem .8rem}input:focus{border-color:var(--roles)}.field+.field{margin-top:.6rem}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-family:var(--font-header);padding:.75rem 1rem;font-size:.9rem;font-weight:700}.btn-primary{background:var(--roles);border-color:var(--roles);color:var(--bg);flex:1}.btn-primary:disabled{opacity:.5}.btn-ghost{background:var(--surface);color:var(--text-muted)}.btn-danger{background:var(--threat);border-color:var(--threat);color:#fff}.btn-block{width:100%}.error-text{color:var(--threat);font-size:.85rem}.role-pick{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;margin-bottom:.4rem;padding:.6rem .7rem;font-size:.88rem;display:block}.role-pick.active{background:var(--tools);border-color:var(--tools);color:var(--bg);font-weight:700}.role-pick:disabled{opacity:.4;color:var(--text-muted);cursor:default}.demo-toggle{border-radius:var(--radius);border:1px dashed var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;font-size:.8rem;line-height:1.45;display:flex}.demo-toggle input{flex:none;width:1rem;height:1rem;margin-top:.2rem}.demo-toggle strong{color:var(--text)}.auth-block{border:1px dashed var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-raised) 60%, transparent);padding:.8rem}.auth-block .auth-hint{color:var(--text-muted);margin:0 0 .6rem;font-size:.74rem;line-height:1.45}.signed-in-row{border-radius:var(--radius);background:color-mix(in srgb, var(--roles) 14%, var(--surface));border:1px solid var(--roles);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .7rem;font-size:.82rem;display:flex}.signed-in-row .signed-in-email{color:var(--roles);font-weight:700}.link-btn{color:var(--text-muted);font-family:var(--font-body);background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.lobby-card{border-color:color-mix(in srgb, var(--tools) 40%, var(--border))}.lobby-card .label{color:var(--tools)}.lobby-hint{color:var(--text-muted);margin:0 0 .7rem;font-size:.84rem;line-height:1.5}.lobby-waiting{color:var(--text-muted);text-align:center;margin:0;font-size:.84rem;font-style:italic}.lobby-tablesize{margin-bottom:.8rem}.lobby-tablesize-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.72rem;display:block}.lobby-blocker{color:var(--threat);text-align:center;margin:0 0 .6rem;font-size:.78rem;line-height:1.45}.game-header{border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--threat) 55%, var(--bg)), color-mix(in srgb, var(--adversary) 55%, var(--bg)));color:#fff;justify-content:space-between;align-items:center;margin-bottom:.9rem;padding:.85rem 1rem;display:flex}.game-header .gh-title{font-family:var(--font-header);font-size:.92rem;font-weight:700}.game-header .gh-sub{opacity:.82;margin-top:.1rem;font-size:.72rem}.game-header .gh-actions{align-items:center;gap:.4rem;display:flex}.gh-btn{color:#fff;background:#00000047;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .5rem;font-family:inherit;font-size:.72rem;text-decoration:none;display:flex}.bar-row{margin-bottom:.9rem}.bar-top{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.bar-top .bar-label{font-family:var(--font-header);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem}.bar-top .bar-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:700}.bar-top .bar-value small{color:var(--text-muted);font-size:.7rem;font-weight:400}.bar-track{background:color-mix(in srgb, var(--border) 60%, transparent);border:1px solid var(--border);border-radius:99px;height:.65rem;overflow:hidden}.bar-fill{height:100%;transition:width .2s}.bar-adj{gap:.3rem;margin-top:.35rem;display:flex}.bar-adj button{border:1px solid var(--border);background:var(--surface-raised);font-size:.76rem;font-family:var(--font-mono);border-radius:6px;flex:1;padding:.35rem}.bar-adj button:disabled{opacity:.5;cursor:default}.actions-left{color:var(--text-muted);text-align:center;margin-top:.7rem;font-size:.76rem}.actions-left.spent{color:var(--threat);font-weight:700}.out-of-actions-note{color:var(--threat);text-align:center;margin:.5rem 0 0;font-size:.76rem}.ic-moved-note{color:var(--text-muted);margin:-.2rem 0 .6rem;font-size:.76rem;font-style:italic}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.7rem;display:grid}.stat-block .stat-btn{border:1px solid var(--border);background:var(--surface-raised);width:100%;font-family:var(--font-mono);border-radius:8px;padding:.55rem;font-size:.85rem}.pm-row{gap:.3rem;display:flex}.pm-row button{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;flex:1;padding:.5rem}.pm-row .pm-val{text-align:center;font-weight:700;font-family:var(--font-mono);flex:1;padding:.5rem}.stage-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.stage-tile{border-radius:var(--radius);text-align:left;border:1px solid;padding:.65rem .7rem}.stage-tile .stage-state{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:flex}.stage-tile .stage-name{opacity:.85;margin-top:.3rem;font-size:.76rem}.stage-dot{border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.stage-hidden{background:color-mix(in srgb, var(--border) 35%, var(--surface));border-color:var(--border);color:var(--text-muted)}.stage-detected{background:color-mix(in srgb, var(--threat) 18%, var(--surface));border-color:var(--threat);color:var(--threat)}.stage-scoped{background:color-mix(in srgb, var(--ops) 18%, var(--surface));border-color:var(--ops);color:var(--ops)}.stage-locked{background:color-mix(in srgb, var(--roles) 18%, var(--surface));border-color:var(--roles);color:var(--roles)}.contain-panel{border-color:color-mix(in srgb, var(--ops) 40%, var(--border))}.contain-panel .label{color:var(--ops)}.contain-hint{color:var(--text-muted);margin:0 0 .6rem;font-size:.76rem;line-height:1.45}.ic-panel{border-color:color-mix(in srgb, var(--threat) 40%, var(--border))}.ic-panel .label{color:var(--threat)}.ic-actions{gap:.5rem;margin-bottom:.6rem;display:flex}.ic-actions button{font-family:var(--font-header);border:none;border-radius:8px;flex:1;padding:.6rem;font-size:.82rem;font-weight:700}.ic-actions button:disabled{opacity:.6}.ic-loud{background:var(--threat);color:#fff}.ic-quiet{background:var(--surface-raised);color:var(--text);border:1px solid var(--border)!important}.coverage-list{flex-direction:column;gap:.4rem;display:flex}.coverage-row{text-align:left;border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;display:flex}.coverage-row:disabled{opacity:.45;cursor:default}.coverage-row.owned{border-color:var(--roles);background:color-mix(in srgb, var(--roles) 14%, var(--surface-raised))}.coverage-id{font-family:var(--font-mono);flex:none;width:4.2rem;font-size:.78rem;font-weight:700}.coverage-covers{color:var(--text-muted);flex:1;font-size:.76rem}.coverage-cost{font-family:var(--font-mono);flex:none;font-size:.72rem;font-weight:700}.coverage-row.owned .coverage-cost{color:var(--roles)}.auto-bonus-row{color:var(--text-muted);margin-bottom:.55rem;font-size:.76rem}.auto-bonus-row strong{color:var(--text);font-family:var(--font-mono)}.chip-wrap{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.chip{font-size:.72rem;font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted);border-radius:99px;padding:.32rem .55rem}.chip.active{background:var(--adversary);border-color:var(--adversary);color:#fff}.dc-row{gap:.6rem;margin-bottom:.6rem;display:flex}.dc-field{flex:1}.dc-field .dc-caption{color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem}.roll-btn{border-radius:var(--radius);background:var(--text);width:100%;color:var(--bg);font-family:var(--font-header);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-weight:700;display:flex}.roll-btn:disabled{opacity:.6}.roll-result{text-align:center;font-family:var(--font-mono);border-radius:8px;margin-top:.6rem;padding:.55rem;font-size:.9rem;font-weight:700}.roll-hit{background:color-mix(in srgb, var(--roles) 22%, var(--surface));color:var(--roles)}.roll-miss{background:color-mix(in srgb, var(--threat) 22%, var(--surface));color:var(--threat)}.outcome-banner{border-radius:var(--radius);text-align:center;border:1px solid;margin-bottom:.9rem;padding:1.1rem 1.15rem}.outcome-headline{font-family:var(--font-header);letter-spacing:.06em;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.outcome-body{opacity:.92;font-size:.86rem;line-height:1.5}.outcome-export-link{color:inherit;border-bottom:1px solid;margin-top:.6rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.outcome-win{background:color-mix(in srgb, var(--roles) 20%, var(--surface));border-color:var(--roles);color:var(--roles)}.outcome-loss{background:color-mix(in srgb, var(--threat) 20%, var(--surface));border-color:var(--threat);color:var(--threat)}body[data-texture=neon] .outcome-win{box-shadow:0 0 22px color-mix(in srgb, var(--roles) 45%, transparent)}body[data-texture=neon] .outcome-loss{box-shadow:0 0 22px color-mix(in srgb, var(--threat) 45%, transparent)}.roster-row{justify-content:space-between;padding:.2rem 0;font-size:.86rem;display:flex}.roster-row .me{color:var(--roles);font-weight:700}.roster-row .role{color:var(--text-muted);font-size:.76rem}.log-list{flex-direction:column;gap:.35rem;max-height:11rem;display:flex;overflow-y:auto}.log-item{color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:.35rem;font-size:.76rem}.story-list{flex-direction:column;gap:.55rem;max-height:16rem;display:flex;overflow-y:auto}.story-item{color:var(--text);background:var(--surface-raised);border-left:2px solid var(--adversary);border-radius:8px;padding:.55rem .65rem;font-size:.84rem;line-height:1.5}.story-item .story-time{font-family:var(--font-mono);color:var(--text-muted);margin-top:.3rem;font-size:.65rem;display:block}.story-empty{color:var(--text-muted);padding:.4rem .1rem;font-size:.82rem;font-style:italic}.story-export-link{color:var(--tools);font-size:.74rem;text-decoration:none}.story-export-link:hover{text-decoration:underline}.conn-dot{background:var(--text-muted);border-radius:50%;width:.45rem;height:.45rem;margin-right:.35rem;display:inline-block}.conn-dot.live{background:var(--roles)}.chat-row{gap:.5rem;margin-top:.7rem;display:flex}.chat-row input{flex:1}.chat-row .btn{flex:none;padding:.7rem 1rem}.foot-note{color:var(--text-muted);text-align:center;margin-top:1rem;padding:0 .5rem;font-size:.7rem;line-height:1.5}.ref-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.ref-overlay{align-items:center}}.ref-modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;width:100%;max-width:34rem;max-height:85vh;display:flex;overflow:hidden}@media (width>=640px){.ref-modal{border-radius:var(--radius);max-height:80vh}}.ref-modal-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:.9rem 1rem .6rem;display:flex}.ref-tabs{flex:none;padding:0 1rem .7rem}.ref-list{flex-direction:column;gap:.7rem;padding:0 1rem 1rem;display:flex;overflow-y:auto}.ref-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:8px;overflow:hidden}.ref-card.expanded{background:var(--surface-raised);border-left-width:3px}.ref-card-header{text-align:left;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.65rem .8rem;display:flex}.ref-card-name{font-family:var(--font-header);font-size:.9rem;font-weight:700;line-height:1.35}.ref-card-caret{color:var(--text-muted);flex:none;font-size:.75rem}.ref-card-body{border-top:1px solid var(--border);padding:.6rem .8rem .8rem}.ref-card-stats{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.ref-card-stat{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:99px;flex:none;padding:.1rem .5rem;font-size:.68rem}.ref-card-tagline{font-family:var(--font-body);color:var(--text-muted);margin-bottom:.3rem;font-size:.82rem;font-style:italic}.ref-card-section{margin-top:.5rem;font-size:.84rem;line-height:1.5}.ref-card-section:first-child{margin-top:0}.ref-card-label{font-family:var(--font-header);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;font-size:.68rem;font-weight:700;display:block}.ref-card-text{color:var(--text)}.qr-modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:22rem;display:flex;overflow:hidden}.qr-modal-body{flex-direction:column;align-items:center;gap:.7rem;padding:.4rem 1.2rem 1.4rem;display:flex}.qr-frame{background:#fff;border-radius:8px;padding:.7rem;line-height:0}.qr-code-text{font-family:var(--font-mono);letter-spacing:.3em;font-size:1.3rem;font-weight:700}.qr-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.78rem}body[data-texture=neon] .theme-pick.active,body[data-texture=neon] .btn-primary,body[data-texture=neon] .stage-detected,body[data-texture=neon] .stage-scoped,body[data-texture=neon] .stage-locked,body[data-texture=neon] .chip.active{box-shadow:0 0 14px color-mix(in srgb, var(--roles) 55%, transparent)}body[data-texture=neon] .stage-detected{box-shadow:0 0 14px color-mix(in srgb, var(--threat) 55%, transparent)}body[data-texture=neon] .stage-scoped{box-shadow:0 0 14px color-mix(in srgb, var(--ops) 55%, transparent)}body[data-texture=paper] .game-header:after{content:"";width:0;position:absolute}@media (width<=380px){.stat-grid,.stage-grid{grid-template-columns:1fr 1fr}}