:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f0de;--ink:#f5f0de;--muted:#9ea8ad;--dim:#617078;--panel:#050c12db;--panel-hot:#111b26eb;--line:#67abff6b;--line-soft:#67abff2e;--neon:#ffba4a;--danger:#ff4d42;--mint:#5efcc0;--blue:#68a8ff;--cyan:#3de7ff;--violet:#8f68ff;--shadow:#0000009e;--cut-panel:polygon(0 1.35rem, 1.35rem 0, calc(100% - 2rem) 0, 100% 2rem, 100% calc(100% - 1.2rem), calc(100% - 1.2rem) 100%, 1rem 100%, 0 calc(100% - 1rem));--cut-small:polygon(0 .75rem, .75rem 0, calc(100% - 1rem) 0, 100% 1rem, 100% calc(100% - .65rem), calc(100% - .65rem) 100%, .65rem 100%, 0 calc(100% - .65rem));--u07-title:url(/assets/game/ui/phase02-sci-fi/u07/screens/title-screen-v1.jpg);--u07-lobby:url(/assets/game/ui/phase02-sci-fi/u07/screens/lobby-main-v1.jpg);--u07-choose:url(/assets/game/ui/phase02-sci-fi/u07/screens/choose-character-v1.jpg);--u07-combat:url(/assets/game/ui/phase02-sci-fi/u07/screens/combat-hud-reference-v1.jpg);--u07-card-frame:url(/assets/game/ui/phase02-sci-fi/u07/frames/character-card-template-v1.png);background:#06090d;font-family:Rajdhani,Azeret Mono,Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}html{background:#06090d;min-width:320px;min-height:100%}body{background:#06090d;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:50;opacity:.38;mix-blend-mode:screen;background:linear-gradient(#ffffff0e 1px,#0000 1px) 0 0/46px 46px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/46px 46px,repeating-linear-gradient(0deg,#0000 0 3px,#0000002e 3px 4px);position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.supa-shell{isolation:isolate;background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/56px 56px,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle at 20% 18%,#4de7ff2e,#0000 28rem),radial-gradient(circle at 88% 16%,#ff4d4233,#0000 24rem),#06090d;min-height:100vh;padding:clamp(.9rem,2vw,1.7rem);position:relative;overflow:hidden auto}.supa-shell:before{content:"";pointer-events:none;z-index:-2;background-image:var(--u07-combat);opacity:.34;filter:saturate(1.2)contrast(1.08)brightness(.68);background-position:50%;background-size:cover;position:fixed;inset:0}.supa-shell:after{content:"";pointer-events:none;z-index:10;clip-path:var(--cut-panel);border:1px solid #68a8ff47;position:fixed;inset:.75rem;box-shadow:inset 0 0 0 1px #5efcc014,inset 0 0 5rem #0000005c}.supa-shell.screen-login:before{background-image:var(--u07-title);opacity:.58}.supa-shell.screen-lobby:before{background-image:var(--u07-lobby);opacity:.5}.supa-shell.screen-roomPrep:before{background-image:var(--u07-choose);opacity:.52}.supa-shell.screen-gameTable:before,.supa-shell.screen-settlement:before{background-image:var(--u07-combat);opacity:.42}.hero-panel,.control-stack,.room-stage,.status-strip,.game-screen,.audio-panel,.dev-panel{z-index:11;position:relative}.game-screen{align-items:stretch;gap:clamp(1rem,1.8vw,1.5rem);min-height:calc(100vh - 6.4rem);display:grid}.login-screen{grid-template-columns:minmax(0,1.15fr) minmax(21rem,.72fr)}.lobby-screen,.room-prep-screen{grid-template-columns:minmax(19rem,.58fr) minmax(28rem,1fr);align-items:center}.table-screen{min-height:calc(100vh - 6.2rem);display:block;overflow:hidden}.hero-panel,.glass-card,.room-card,.screen-banner,.settlement-panel,.battle-log,.dev-panel-body{clip-path:var(--cut-panel);border:1px solid var(--line-soft);background:linear-gradient(135deg, #3de7ff14, transparent 18rem), linear-gradient(180deg, #ffffff0f, transparent 5rem), var(--panel);box-shadow:0 1.7rem 4.5rem var(--shadow), inset 0 0 0 1px #ffffff0b, inset 0 0 3.5rem #1b79ff14;position:relative}.hero-panel:before,.glass-card:before,.room-card:before,.screen-banner:before,.settlement-panel:before,.battle-log:before,.dev-panel-body:before{content:"";pointer-events:none;opacity:.68;background:linear-gradient(90deg,#0000 0 3%,#68a8ff38 3% 3.2%,#0000 3.2% 100%),linear-gradient(#5efcc014,#0000 24%),repeating-linear-gradient(90deg,#0000 0 28px,#ffffff09 28px 29px);position:absolute;inset:0}.hero-panel:after,.glass-card:after,.room-card:after,.screen-banner:after,.settlement-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--blue), transparent 42%, var(--mint));opacity:.58;height:2px;position:absolute;top:.65rem;left:1rem;right:1rem}.hero-panel>*,.glass-card>*,.room-card>*,.screen-banner>*,.settlement-panel>*,.battle-log>*{z-index:1;position:relative}.hero-panel,.glass-card,.room-card,.screen-banner{padding:clamp(1.15rem,2.4vw,2rem)}.hero-panel{background:linear-gradient(90deg, #0000001a, #03070ccc 58%), var(--u07-title) center/cover, var(--panel-hot);align-content:end;min-height:39rem;display:grid;overflow:hidden}.hero-panel .eyebrow,.screen-banner .eyebrow,.panel-heading .eyebrow{width:fit-content;clip-path:var(--cut-small);color:var(--mint);background:#5efcc021;padding:.25rem .55rem}.hero-panel h1{letter-spacing:-.095em;text-transform:uppercase;color:#fff8df;text-shadow:0 0 2px #fff,0 0 18px #3de7ff7a,.045em .04em #ff4d42b8,-.035em -.025em #5efcc08a;margin:0;font-size:clamp(4.8rem,13vw,11rem);line-height:.74}.hero-copy{max-width:42rem;clip-path:var(--cut-small);color:#d8e4e8;border-left:3px solid var(--neon);background:#02080da8;margin:1.2rem 0 0;padding:1rem 1.1rem;line-height:1.75}.eyebrow{color:var(--mint);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .7rem;font-size:.72rem;font-weight:900}h1,h2,h3{text-transform:uppercase;margin:0}h2{color:#fff8df;letter-spacing:-.07em;text-shadow:0 0 1.4rem #ffba4a47;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.9}h3{color:#fff8df}.small-copy,.tiny-copy,.hero-copy{color:var(--muted)}.small-copy{margin:.75rem 0 1rem;font-size:.86rem;line-height:1.55}.tiny-copy{margin:.25rem 0 0;font-size:.72rem;line-height:1.45}.phase-grid,.button-row,.room-meta,.status-line,.auth-readout,.private-strip,.match-summary-strip,.screen-cta-row,.player-intel-strip{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.screen-cta-row,.phase-grid{margin-top:1.35rem}.phase-grid span,.status-pill,.room-meta span,.private-strip span,.match-summary-strip span,.screen-cta-row span,.player-intel-strip span{clip-path:var(--cut-small);color:#ffd782;letter-spacing:.04em;background:linear-gradient(90deg,#ffba4a2e,#0000),#050c12b8;border:1px solid #ffba4a6b;padding:.48rem .72rem;font-size:.74rem;font-weight:800;position:relative}.status-pill.is-good,.match-summary-strip span:first-child{color:var(--mint);background:linear-gradient(90deg,#5efcc02e,#0000),#050c12b8;border-color:#5efcc085}.panel-heading,.room-heading,.settlement-hero{justify-content:space-between;align-items:start;gap:1rem;display:flex}.dev-login-drawer{clip-path:var(--cut-small);background:#01080ea3;border:1px solid #68a8ff57;margin-top:1rem;padding:.85rem}.dev-login-drawer summary{cursor:pointer;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:900}.dev-login-drawer .account-grid{margin-top:.8rem}.account-grid,.seat-grid,.settlement-grid{gap:.75rem;display:grid}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-button,.room-list-item,.primary-button,.secondary-button,.ghost-button,.audio-toggle{clip-path:var(--cut-small);color:var(--ink);background:linear-gradient(#68a8ff21,#0000 55%),#050c12d6;border:1px solid #68a8ff52;transition:transform .16s,border-color .16s,filter .16s,box-shadow .16s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 .8rem 1.8rem #00000042}.account-button:before,.room-list-item:before,.primary-button:before,.secondary-button:before,.ghost-button:before,.audio-toggle:before{content:"";background:var(--blue);opacity:.72;width:3px;position:absolute;inset:.25rem auto .25rem .25rem}.account-button:hover,.room-list-item:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.audio-toggle:hover{filter:brightness(1.12);border-color:#5efcc0b8;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff12,0 0 1.5rem #5efcc01f,0 1.1rem 2.2rem #00000057}.account-button:active,.room-list-item:active,.primary-button:active,.secondary-button:active,.ghost-button:active,.audio-toggle:active{transform:translateY(0)}.account-button{text-align:left;gap:.25rem;padding:.9rem 1rem .9rem 1.1rem;display:grid}.account-button span,.room-list-item span{color:#fff8df;font-weight:900}.account-button small,.room-list-item small,.seat-card small{color:#d8e4e89e}.primary-button,.secondary-button,.ghost-button{text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1.05rem;font-weight:900}.primary-button{color:#100805;background:linear-gradient(135deg,#ffba4af5,#ff4d42eb),#ffba4a;border-color:#ffba4ab8;box-shadow:0 0 1.8rem #ff4d4233,0 1.1rem 2.8rem #0000005c}.primary-button:before{background:#100805}.secondary-button{color:var(--mint);border-color:#5efcc094}.ghost-button{color:#d8e4e8;border-color:#f5f0de38}.auth-readout{margin-top:1rem}.error-copy{color:#ff9d96;font-size:.82rem;line-height:1.5}.cloud-baseline-notice{clip-path:var(--cut-large);background:linear-gradient(135deg,#ff744a33,#0000 58%),#080d14c2;border:1px solid #ffba4a61;gap:.35rem;margin:1rem 0;padding:.9rem 1rem;display:grid;box-shadow:inset 0 0 2rem #ff914a14}.cloud-baseline-notice strong{color:#fff2bd;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.cloud-baseline-notice span{color:var(--muted);font-size:.8rem;line-height:1.55}.join-form{grid-template-columns:1fr auto;gap:.55rem;margin:1rem 0;display:grid}.join-form span{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;grid-column:1/-1;font-size:.72rem;font-weight:900}.join-form input{min-width:0;clip-path:var(--cut-small);color:var(--ink);background:#01080ebd;border:1px solid #68a8ff57;padding:.78rem .9rem;box-shadow:inset 0 0 1.4rem #00000061}.room-list{gap:.5rem;display:grid}.room-list-item{text-align:left;justify-content:space-between;gap:1rem;padding:.82rem .9rem;display:flex}.screen-banner{background:linear-gradient(90deg, #0000001f, #03070cd6 62%), var(--u07-lobby) center/cover, var(--panel-hot);align-content:end;min-height:22rem;display:grid}.room-prep-screen .screen-banner{background:linear-gradient(90deg, #00000014, #03070cd1 62%), var(--u07-choose) center/cover, var(--panel-hot)}.room-card{min-height:30rem;overflow:hidden}.room-card h2{color:#fff8df}.room-meta{margin:1rem 0}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-card{min-height:11.5rem;clip-path:var(--cut-panel);background:linear-gradient(#68a8ff1f,#0000 45%),linear-gradient(135deg,#f5f0de0d,#0000),#02080db8;border:1px solid #68a8ff52;align-content:start;gap:.35rem;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -2.6rem 3rem #00000047}.seat-card:before{content:"";background-image:var(--u07-card-frame);opacity:.24;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.seat-card:after{content:"";height:.32rem;clip-path:var(--cut-small);background:linear-gradient(90deg, var(--mint), #5efcc033);opacity:.72;position:absolute;bottom:.65rem;left:.75rem;right:.75rem}.seat-card>*{z-index:1;position:relative}.seat-card.is-me{border-color:#5efcc0c7;box-shadow:0 0 1.5rem #5efcc01f,inset 0 0 2.4rem #5efcc014}.seat-card strong{color:#fff8df;font-size:1.02rem}.seat-index{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900}.seat-stats{flex-wrap:wrap;gap:.35rem;display:flex}.seat-stats span{clip-path:var(--cut-small);color:#ffe1a8;background:#00000042;border:1px solid #f5f0de24;padding:.26rem .46rem;font-size:.7rem;font-weight:800}.seat-character-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.seat-portrait{object-fit:cover;width:3.65rem;height:3.65rem;clip-path:var(--cut-small);background:#00000061;border:1px solid #5efcc07a;box-shadow:0 0 1.3rem #5efcc01a,0 .8rem 1.8rem #00000057}.room-actions{margin-top:1rem}.private-strip{border-top:1px solid #68a8ff2e;margin-top:1rem;padding-top:1rem}.match-summary-strip{margin-top:1rem}.battle-log{background:linear-gradient(90deg,#68a8ff1a,#0000 60%),#02080db8;margin-top:1rem;padding:.95rem}.battle-log strong{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.settlement-panel{background:radial-gradient(circle at 100% 0,#5efcc029,#0000 38%),linear-gradient(135deg,#f5f0de0f,#ff4d420f),#02080dbd;margin-top:1rem;padding:1rem;animation:.42s ease-out both settlement-rise}.settlement-hero h3{font-size:clamp(1.6rem,4vw,2.4rem)}.settlement-ceremony{clip-path:var(--cut-small);background:radial-gradient(circle at 12%,#ffba4a33,#0000 60%),#00000040;border:1px solid #ffba4a52;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:grid;position:relative;overflow:hidden}.settlement-ceremony:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff1f,#0000 62%);animation:1.8s ease-out .26s both ceremony-sheen;position:absolute;inset:0;transform:translate(-100%)}.ceremony-ring{background:radial-gradient(circle,#5efcc03d,#0000 58%),#0000003d;border:2px solid #5efcc07a;border-radius:999px;width:4.4rem;height:4.4rem;animation:1.4s ease-in-out infinite alternate ceremony-pulse;box-shadow:0 0 2rem #5efcc024,inset 0 0 1.4rem #ffba4a1a}.settlement-ceremony small,.archive-events strong{color:var(--mint);letter-spacing:.14em;text-transform:uppercase}.settlement-ceremony strong{color:#fff8df;letter-spacing:-.04em;font-size:clamp(1.25rem,3vw,2rem);display:block}.settlement-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.result-card{min-height:7rem;clip-path:var(--cut-small);background:#0000004d;border:1px solid #68a8ff3d;gap:.25rem;padding:.75rem;transition:transform .16s,border-color .16s;display:grid}.result-card:hover{border-color:#f5f0de52;transform:translateY(-2px)}.result-card span{color:#ff9d96;letter-spacing:.16em;font-size:.68rem}.result-card.is-win{background:#5efcc014;border-color:#5efcc075}.result-card.is-win span{color:var(--mint)}.archive-status{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;justify-items:end;gap:.35rem;font-size:.78rem;display:grid}.archive-status strong{overflow-wrap:anywhere;color:#ffe1a8;text-transform:none;letter-spacing:0;max-width:15rem;font-size:.76rem}.archive-events{border-top:1px solid #68a8ff2e;margin-top:1rem;padding-top:.85rem}.empty-room{text-align:center;min-height:24rem;color:var(--muted);place-items:center;display:grid}.table-stage,.table-hud{min-width:0}.table-stage{z-index:1;position:relative}.phaser-game-shell{height:clamp(38rem,100vh - 7rem,56rem);clip-path:var(--cut-panel);isolation:isolate;background:linear-gradient(90deg,#f5f0de0b 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#f5f0de0a 1px,#0000 1px) 0 0/26px 26px,radial-gradient(circle,#040e12e0,#02070af5);border:1px solid #68a8ff5c;position:relative;overflow:hidden;box-shadow:0 2rem 6rem #0000009e,inset 0 0 5rem #3de7ff12,inset 0 0 0 1px #ffffff0a}.phaser-game-shell:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 55%,#0000,#0000006b 78%),linear-gradient(#3de7ff14,#0000 28%);position:absolute;inset:0}.phaser-game-shell:after{content:"COMBAT TABLE / LOCAL AUTHORITY";z-index:2;color:#5efcc0b8;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;font-size:.7rem;font-weight:900;position:absolute;top:1rem;left:1.2rem}.phaser-game-shell canvas{display:block;width:100%!important;height:100%!important}.table-stage .phaser-game-shell{height:min(80vh,52rem);min-height:42rem}.table-hud{z-index:4;width:min(23rem,29vw);max-width:calc(100vw - 2rem);position:absolute;top:clamp(1rem,2vw,1.35rem);right:clamp(1rem,2vw,1.35rem)}.table-hud .room-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3de7ff1f,#0000 16rem),#02080dd1;min-height:0;max-height:min(75vh,48rem);overflow:auto}.table-hud .room-heading h2{font-size:clamp(1.45rem,2.2vw,2rem)}.table-hud .seat-grid,.table-hud .room-actions{display:none}.table-hud .battle-log{max-height:12rem;overflow:hidden}.table-hud .room-meta span,.table-hud .player-intel-strip span,.table-hud .match-summary-strip span{padding:.4rem .58rem;font-size:.66rem}.status-strip{color:#d8e4e8c7;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;gap:1rem;min-height:2.4rem;margin-top:.8rem;font-size:.74rem;font-weight:900;display:flex}.status-strip span{clip-path:var(--cut-small);background:#02080d8f;border:1px solid #68a8ff42;padding:.45rem .65rem}.dev-panel{z-index:25;pointer-events:none;justify-items:end;gap:.5rem;display:grid;position:fixed;top:1rem;right:1rem}.dev-panel-toggle,.dev-panel-body{pointer-events:auto}.dev-panel-toggle{clip-path:var(--cut-small);color:var(--mint);background:#02080de0;border:1px solid #5efcc080;padding:.55rem .78rem;box-shadow:0 1rem 3rem #0000006b}.dev-panel-body{background:#02080df0;width:min(24rem,100vw - 2rem);padding:1rem}.dev-panel-body strong{color:var(--mint);margin-bottom:.25rem;display:block}.dev-panel-body span,.dev-panel-body dd,.dev-panel-body dt{font-size:.72rem}.dev-panel-body dl{grid-template-columns:7rem minmax(0,1fr);gap:.35rem .65rem;margin:.75rem 0;display:grid}.dev-panel-body dt{color:var(--muted)}.dev-panel-body dd{overflow-wrap:anywhere;color:var(--ink);margin:0}.audio-panel{z-index:24;max-width:calc(100vw - 2rem);clip-path:var(--cut-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#3de7ff1f,#0000 58%),#02080de6;border:1px solid #68a8ff5c;grid-template-columns:auto minmax(6rem,9rem) minmax(6rem,9rem);align-items:center;gap:.55rem;padding:.5rem .65rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 1.2rem 3.5rem #00000080,inset 0 0 2rem #3de7ff14}.audio-toggle{color:var(--mint);padding:.52rem .78rem;font-size:.72rem;font-weight:900}.audio-toggle.is-muted{color:#ff9d96;border-color:#ff4d427a}.audio-panel label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:auto minmax(4rem,1fr);align-items:center;gap:.35rem;font-size:.68rem;display:grid}.audio-panel input[type=range]{accent-color:var(--mint);min-width:0}@keyframes settlement-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ceremony-sheen{to{transform:translate(100%)}}@keyframes ceremony-pulse{to{border-color:#ffba4a9e;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.login-screen,.lobby-screen,.room-prep-screen{grid-template-columns:1fr}.table-hud{width:auto;margin-top:1rem;position:relative;inset:auto}.table-stage .phaser-game-shell{height:43rem}}@media (width<=780px){.game-screen{min-height:auto}.settlement-grid,.seat-grid,.account-grid,.table-hud .seat-grid{grid-template-columns:1fr}.status-strip,.settlement-hero,.panel-heading,.room-heading{grid-template-columns:1fr;display:grid}.archive-status{justify-items:start}.phaser-game-shell,.table-stage .phaser-game-shell{height:36rem;min-height:34rem}}@media (width<=540px){.supa-shell{padding:.7rem}.hero-panel h1{font-size:clamp(4rem,22vw,6rem)}.room-meta span,.private-strip span,.match-summary-strip span,.player-intel-strip span{width:100%}.join-form{grid-template-columns:1fr}.audio-panel{grid-template-columns:1fr;bottom:.75rem;left:.75rem;right:.75rem;transform:none}}