@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=VT323&display=swap";:root{--bg:#0d0d0d;--bg-panel:#111418;--bg-input:#0a0c0f;--border:#2a2d32;--border-dim:#1a1d22;--text:#c8b89a;--text-dim:#8a8171;--text-bright:#e8d8c0;--accent:#a3e635;--accent-dim:#5a7a1e;--gold:#d4a843;--gold-dim:#7a5e20;--red:#e05555;--red-dim:#7a2020;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-title:"VT323", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}#root{flex-direction:column;width:100%;min-height:100%;display:flex}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:none;image-rendering:pixelated;font-size:16px;line-height:1.6}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes title-glow{0%,to{text-shadow:0 0 12px #d4a84359,0 0 2px #d4a84380}50%{text-shadow:0 0 20px #d4a8438c,0 0 4px #d4a843b3}}@keyframes dice-tumble{0%{transform:rotate(45deg)scale(1)}50%{transform:rotate(225deg)scale(1.12)}to{transform:rotate(405deg)scale(1)}}.dm-dots span{animation:1.2s infinite blink}.dm-dots span:nth-child(2){animation-delay:.2s}.dm-dots span:nth-child(3){animation-delay:.4s}.dm-caret{animation:1s step-end infinite blink}.landing-root{position:relative;overflow-x:hidden}.landing-root:before{content:"";pointer-events:none;z-index:50;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px 4px),radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}.landing-title{animation:4s ease-in-out infinite title-glow}.landing-cursor{animation:1.1s step-end infinite blink}.landing-hero{flex-direction:column;justify-content:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.landing-backdrop{z-index:0;position:absolute;inset:0}.landing-backdrop img{object-fit:cover;image-rendering:auto;opacity:0;filter:saturate(.9)brightness(.9);width:100%;height:100%;transition:opacity 2.4s;position:absolute;inset:0}.landing-backdrop img.on{opacity:1}.landing-shade{z-index:1;pointer-events:none;background:linear-gradient(#0d0d0d73 0%,#0d0d0d40 40%,#0d0d0dd1 74%,#0d0d0df7 100%),linear-gradient(90deg,#0d0d0db8 0%,#0d0d0d00 55%);position:absolute;inset:0}.landing-ok{color:var(--accent)}.landing-boot{z-index:3;color:var(--text-dim);letter-spacing:.08em;font-size:12px;position:absolute;top:20px;left:24px}.landing-slate{z-index:3;text-align:right;letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;font-size:11px;position:absolute;top:20px;right:24px}.landing-slate-where{color:var(--text-bright)}.landing-hero-content{z-index:2;flex-direction:column;gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:0 24px 96px;display:flex;position:relative}.landing-brand-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.05em;font-size:clamp(88px,13vw,150px);font-weight:400;line-height:.85}.landing-brand-sub{color:var(--text);letter-spacing:.3em;font-size:13px}.landing-lead{max-width:54ch;color:var(--text-bright);font-size:15px;line-height:1.7}.landing-lead-dim{color:var(--text-dim)}.landing-gate{flex-direction:column;gap:8px;width:100%;max-width:560px;display:flex}.landing-form{align-items:center;gap:12px;display:flex}.landing-prompt{color:var(--accent);font-size:18px}.landing-input{border:1px solid var(--border);min-width:0;color:var(--text-bright);font-family:var(--font-mono);caret-color:var(--accent);background:#0a0c0fd1;outline:none;flex:1;padding:12px 14px;font-size:16px}.landing-input:focus{border-color:var(--accent-dim)}.landing-btn{font-family:var(--font-mono);letter-spacing:.08em;background:var(--gold);border:1px solid var(--gold);color:#0d0d0d;cursor:pointer;white-space:nowrap;padding:12px 20px;font-size:13px}.landing-btn:hover,.landing-btn:focus-visible{background:var(--text-bright);border-color:var(--text-bright)}.landing-btn:disabled{opacity:.6;cursor:default}.landing-hint{color:var(--text-dim);font-size:12px}.landing-error{color:var(--red);font-size:13px}.landing-sent{color:var(--accent);flex-direction:column;gap:6px;max-width:560px;font-size:14px;display:flex}.landing-sent b{color:var(--text-bright);font-weight:400}.landing-reset{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;align-self:flex-start;margin-top:4px;padding:8px 14px;font-size:12px}.landing-reset:hover,.landing-reset:focus-visible{border-color:var(--gold);color:var(--gold)}.landing-party .landing-reset{align-self:center}.landing-dev-login{color:var(--gold);letter-spacing:.04em;font-size:12px}.landing-strip{z-index:3;border-top:1px solid var(--border-dim);background:#0d0d0de0;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 24px;display:flex;position:relative}.landing-strip-label{letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;font-size:11px}.landing-strip-label b{color:var(--gold);font-weight:400}.landing-strip-seat{color:var(--text);font-size:12px}.landing-strip-seat b{color:var(--accent);font-weight:400}.landing-meet{letter-spacing:.14em;white-space:nowrap;color:var(--accent);margin-left:auto;font-size:11px}.landing-meet:hover{color:var(--text-bright);text-decoration:none}.landing-party{z-index:2;background:var(--bg);border-top:1px solid var(--border-dim);flex-direction:column;align-items:center;padding:64px 24px 72px;display:flex;position:relative}.landing-choose{font-family:var(--font-title);color:var(--accent);letter-spacing:.18em;text-align:center;font-size:30px}.landing-choose-sub{color:var(--text-dim);letter-spacing:.06em;text-align:center;margin-top:4px;font-size:12px}.landing-roster{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;max-width:1180px;margin-top:30px;display:grid}.landing-card{border:1px solid var(--border);background:var(--bg-panel);flex-direction:column;transition:border-color .18s;display:flex;position:relative}.landing-card:hover{border-color:var(--gold-dim)}.landing-card-art{aspect-ratio:3/4;background:var(--bg-input);width:100%;display:block;position:relative;overflow:hidden}.landing-card-art img{z-index:1;image-rendering:auto;object-fit:cover;object-position:top center;filter:saturate(.92);opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:relative}.landing-card-art img.is-loaded{opacity:1}.landing-card-fallback{font-family:var(--font-title);color:var(--text-dim);justify-content:center;align-items:center;font-size:48px;display:flex;position:absolute;inset:0}.landing-plate{border-top:1px solid var(--border-dim);padding:10px 12px 12px}.landing-plate-name{font-family:var(--font-title);color:var(--gold);letter-spacing:.05em;font-size:24px;line-height:1.1}.landing-plate-kind{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:11px}.landing-blurb{color:var(--text-dim);margin-top:8px;font-size:12px;line-height:1.5}.landing-tags{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:10px 26px;max-width:900px;margin-top:34px;font-size:12px;list-style:none;display:flex}.landing-tags b{color:var(--accent);margin-right:6px;font-weight:400}.landing-party .landing-gate,.landing-party .landing-sent{margin-top:34px}.landing-party .landing-hint{text-align:center}.landing-badge{text-align:center;margin-top:18px}@media (width<=980px){.landing-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.landing-slate{display:none}.landing-hero-content{padding-top:64px;padding-bottom:40px}}@media (width<=560px){.landing-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.landing-brand-sub{letter-spacing:.12em;font-size:10px}.landing-form{flex-wrap:wrap}.landing-input{flex-basis:100%}.landing-btn{flex:1}}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.play-root{height:100dvh;padding-top:env(safe-area-inset-top)}@media (width<=768px){.dashboard-header{flex-wrap:wrap;gap:8px!important;padding:10px 16px!important}.dashboard-header-right{gap:12px!important}.dashboard-user-email{font-size:11px!important}.dashboard-main{padding:16px 12px!important}.dashboard-layout{grid-template-columns:1fr!important}.campaign-card{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.card-sprites{flex-wrap:wrap!important}.campaign-card-actions{align-self:flex-end}.panel-body{padding:16px!important}.action-btn{min-height:44px;padding:8px 0!important}.admin-sidebar{display:none!important}.admin-sidebar.admin-sidebar-open{z-index:30;width:240px;position:fixed;top:0;bottom:0;left:0;box-shadow:0 0 0 100vmax #0000008c;display:flex!important}.admin-nav-toggle{display:flex!important}.admin-stats-row{flex-wrap:wrap}.admin-stat{min-width:120px;padding:14px 16px!important}.admin-stat-value{font-size:28px!important}.admin-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{min-width:640px}.tap-target{min-height:44px}.tap-target-sq{min-width:44px;min-height:44px}.play-log{min-height:160px;padding:16px 12px!important}.play-command{padding:10px 12px!important}.play-command input{font-size:16px!important}.play-tactical-stage{height:240px!important}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.play-tactical-stage{height:150px!important}.play-log{min-height:0!important}}.play-tactical-stage.play-tactical-expanded{aspect-ratio:auto!important;z-index:50!important;width:auto!important;height:auto!important;position:fixed!important;inset:24px!important}@media (width<=768px){.play-tactical-stage.play-tactical-expanded{inset:8px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}