:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e9df;background:#101b21;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff24;color:inherit;background:transparent;border-radius:5px;transition:background .2s}button:hover{background:#ffffff15}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #a4efd9;outline-offset:4px}[hidden]{display:none!important}header{height:87px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.brand{text-decoration:none;color:#e8ece2;font-weight:650;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-icon{color:#c6eb92;font-size:38px}.alpha{font-size:9px;letter-spacing:1px;color:#819092;border:1px solid #ffffff22;border-radius:3px;padding:5px;margin-left:10px}.header-right{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;color:#a5b5b4}.live-dot{width:6px;height:6px;background:#bce78e;border-radius:50%;box-shadow:0 0 8px #bce78e66}.icon-button{width:30px;height:30px;font-size:16px;margin-left:20px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:760px;max-width:1800px;margin:auto}.viewport{position:relative;overflow:hidden;min-height:760px;background:#18252a}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#101b2155,transparent 45%,#101b2177);pointer-events:none}.world-label{position:absolute;top:46px;left:6%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#a7bcba;font-weight:650}h1{font-size:clamp(36px,4vw,65px);font-weight:500;letter-spacing:-2.8px;line-height:1.05;margin:23px 0 16px}h1 span{display:block;font-size:17px;font-weight:400;letter-spacing:0;line-height:1.5;margin-top:20px;color:#bdc9c3}.world-description{font-size:11px;color:#819492;margin-top:13px}.coordinates{position:absolute;right:30px;top:48px;text-align:right;color:#819797;font-size:8px;letter-spacing:1.8px;line-height:1.9}.view-tools{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px;color:#93a7a4}.view-tools button{padding:9px 12px;font-size:10px;letter-spacing:0}.faction-labels{position:absolute;bottom:110px;left:16%;right:16%;display:flex;justify-content:space-between;font-size:9px;color:#82c7be;letter-spacing:1.2px;pointer-events:none}.faction-labels span:last-child{color:#e2a284}.faction-labels b{font-weight:500;margin-left:8px}aside{background:#152128;padding:38px 28px 25px;border-left:1px solid #ffffff10}h2{font-size:27px;letter-spacing:-1px;font-weight:500;margin:14px 0 12px}.muted{color:#92a4a5;font-size:12px;line-height:1.7}#panel-description{max-width:250px}.game-card{border:1px solid #ffffff1b;background:linear-gradient(120deg,#273b3c,#1c2c33);padding:18px;margin:26px 0}.tag{color:#bce78e;font-size:8px;letter-spacing:1.3px}.game-card h3{font-weight:500;font-size:19px;letter-spacing:-.5px;margin:12px 0}.game-card h3 span{float:right;color:#bdd0c3}.game-card p{font-size:9px;color:#9dafae}.game-card i{font-style:normal;padding:0 4px}.phase-strip{display:flex;justify-content:space-between;border-top:1px solid #ffffff17;margin-top:17px;padding-top:13px;font-size:8px;color:#bac6bc;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#a3b3b1;margin:23px 0 12px}.seat{display:flex;gap:12px;align-items:center;border:1px solid #ffffff15;padding:12px;margin:8px 0;border-radius:4px}.pilot-icon{width:31px;height:31px;display:grid;place-items:center;font-size:22px;background:#75e9db15;color:#75e9db}.seat-1 .pilot-icon{color:#ff9369;background:#ff936912}.seat strong{font-size:11px;font-weight:500}.seat small{display:block;font-size:9px;color:#839d9e;margin-top:5px}.seat-status{margin-left:auto;color:#9fbbab;font-size:10px}.primary,.secondary{width:100%;padding:13px 14px;font-size:11px;margin-top:10px}.primary{background:#c7eaa4;color:#1b3027;border-color:#c7eaa4;font-weight:650}.primary:hover{background:#dcf7c0}.primary span{float:right}.secondary{background:#ffffff04;color:#bbc9c6}.text-button{width:100%;border:0;font-size:10px;color:#94aaa5;padding:13px}.qr-row{display:flex;gap:15px;align-items:center}.qr-row canvas{border-radius:4px;max-width:88px!important;height:88px!important}.qr-row strong{font-size:12px;font-weight:500}.qr-row p{font-size:10px;color:#91a6a4;line-height:1.7;margin:8px 0}.controls-note{border-top:1px solid #ffffff15;display:flex;gap:12px;margin-top:24px;padding-top:16px;align-items:center}.controls-note>span{font-size:21px;color:#acc0b8}.controls-note p{font-size:9px;line-height:1.9;color:#819a9c}.controls-note strong{font-weight:500;color:#b6c4bf}.suite-note{margin-top:25px}.suite-note span{font-size:7px;letter-spacing:1.4px;color:#789292}.suite-note p{font-size:9px;color:#627c80}footer{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-top:1px solid #ffffff12;font-size:8px;letter-spacing:1.5px;color:#718888}footer b{font-size:20px;margin-left:20px;color:#b3d094}#pairing label{display:block;font-size:9px;margin-top:12px}select{width:100%;padding:7px;color:#b9cfca;background:#17262e;border:1px solid #ffffff20;font-size:10px;margin:5px 0}#join-link{font-size:10px;color:#b6d8b2;text-decoration:none}#phase-banner{position:absolute;left:6%;right:6%;top:35px;background:#101d25df;border:1px solid #ffffff18;padding:20px;border-radius:6px}#phase-name{font-size:13px;letter-spacing:2px;color:#cee9b3}#countdown{float:right;font-size:30px;font-weight:500}#instruction{font-size:12px;color:#a9beb9;margin:12px 0 0}#result{position:absolute;top:32%;left:10%;right:10%;background:#14242bf2;text-align:center;border:1px solid #c7eaa44d;padding:35px;border-radius:8px}#result h2{font-size:32px}#result p{font-size:13px;color:#acbfb6}#notice{font-size:11px;line-height:1.6;color:#e8c48f;margin-top:12px}#pilot-tabs{display:flex;gap:8px;margin:15px 0}#pilot-tabs button{flex:1;padding:9px;font-size:10px}#pilot-tabs .selected{border-color:#b2d29c;color:#c7eaa4}#pilot-stats{font-size:11px;color:#b8ccc3;line-height:1.8}.dpad{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;margin:20px auto;max-width:260px}.dpad button{min-height:44px;touch-action:manipulation}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:last-child{grid-column:2}.dpad .primary{margin:0}dialog{max-width:570px;width:90%;border:1px solid #ffffff25;border-radius:10px;background:#182a32;color:#ccd8cf;padding:32px}dialog::backdrop{background:#050d14bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.8}dialog .icon-button{float:right}.phone .world-label h1{font-size:32px}.phone .world-description{display:none}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 390px}aside{padding:40px}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 310px}.coordinates{display:none}aside{padding:28px 20px}.world-label{left:7%}h1{font-size:39px}.faction-labels{left:8%;right:8%;font-size:8px}}@media(max-width:700px){header{height:67px;padding:0 20px}.brand{font-size:21px}.brand-icon{font-size:30px}.alpha{display:none}.header-right{font-size:7px;letter-spacing:.6px}.icon-button{margin-left:5px}main{display:flex;flex-direction:column}.viewport{min-height:490px;height:56vh}.world-label{top:25px}.world-label h1{font-size:33px;margin-top:14px}.world-label h1 span,.world-description,.coordinates{display:none}.faction-labels{bottom:75px}.view-tools{bottom:17px}.view-tools>span{font-size:6px}aside{padding:27px 24px;border-left:0;border-top:1px solid #ffffff16}#panel-description{max-width:none}.game-card{margin:22px 0}.phone .viewport{min-height:360px;height:45vh}.phone aside{padding-top:18px}.phone aside>.eyebrow,.phone .game-card,.phone .controls-note,.phone .suite-note{display:none}#phase-banner{top:16px;padding:13px}#phase-name{font-size:10px}#instruction{font-size:10px;max-width:80%}#countdown{font-size:24px}#result{left:5%;right:5%;padding:20px}#result h2{font-size:25px}footer{font-size:6px;height:50px;letter-spacing:.7px}footer>span:last-child{display:none}h2{font-size:25px}}body.playing{overflow:hidden;overscroll-behavior:none}.playing header,.playing footer,.playing aside{display:none}.playing main{display:block;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;min-height:0}.playing .viewport,.playing .phone .viewport{width:100%;height:100%;min-height:0}.playing .coordinates,.playing .view-tools,.playing .faction-labels{display:none}.playing #phase-banner{top:max(16px,env(safe-area-inset-top));left:20px;right:auto;width:min(440px,calc(100% - 40px));padding:14px 18px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playing #phase-name{font-size:11px}.playing #instruction{font-size:11px;margin-top:8px}.playing #countdown{font-size:25px}#match-toolbar{position:absolute;top:max(16px,env(safe-area-inset-top));right:20px;display:flex;align-items:center;gap:8px;z-index:3}#match-toolbar button{height:40px;padding:0 12px;background:#15252ee8;font-size:11px;touch-action:manipulation}#controller-status{font-size:10px;color:#c9dccf;margin-right:8px}.playing #game-controls{position:absolute;inset:0;pointer-events:none;z-index:2}.playing #game-controls button{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:44px;background:#162b33ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playing #game-controls button.primary{background:#c7eaa4f2}.playing #pilot-tabs{position:absolute;left:20px;bottom:220px;margin:0}.playing #pilot-tabs button{min-width:100px}.playing #pilot-stats{position:absolute;left:20px;bottom:195px;font-size:11px;text-shadow:0 1px 4px #000}.playing #action-tip{display:none}.playing .dpad{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;width:240px;margin:0;gap:8px}.playing .dpad button{min-height:48px}.playing #ready,.playing #remove,.playing #restart{position:absolute;right:20px;bottom:max(20px,env(safe-area-inset-bottom));width:200px;margin:0;min-height:48px}.playing #remove{bottom:80px}.playing #restart{display:none}.playing #notice{position:absolute;bottom:180px;left:50%;transform:translate(-50%);max-width:440px;padding:6px 12px;background:#15252edd;border-radius:5px;pointer-events:none;z-index:4}.playing #notice:empty{display:none}.playing #result{z-index:3;pointer-events:none;top:30%}@media(max-width:1000px){#controller-status{display:none}.playing #phase-banner{max-width:50%}}@media(max-width:600px){.playing #phase-banner{left:12px;top:66px;width:calc(100% - 24px);max-width:none;padding:12px}.playing #instruction{max-width:85%;font-size:10px}.playing #phase-name{font-size:10px}#match-toolbar{top:max(10px,env(safe-area-inset-top));right:12px;left:12px;justify-content:flex-end}#match-toolbar button{height:38px;padding:0 10px}.playing .dpad{left:12px;width:180px;gap:5px;bottom:max(16px,env(safe-area-inset-bottom))}.playing .dpad button{min-height:44px;padding:8px}.playing #ready,.playing #remove{right:12px;width:145px;font-size:10px}.playing #pilot-tabs{left:12px;bottom:190px}.playing #pilot-tabs button{min-width:85px;min-height:36px;font-size:9px}.playing #pilot-stats{left:12px;bottom:166px;font-size:9px}.playing #notice{bottom:220px;width:90%;font-size:10px}.playing #result{top:29%}}@media(max-height:550px)and (min-width:601px){.playing #phase-banner{padding:8px 12px}.playing #instruction{font-size:9px}.playing .dpad{width:170px;bottom:10px;gap:4px}.playing .dpad button{min-height:36px;padding:5px}.playing #pilot-tabs{bottom:155px}.playing #pilot-stats{bottom:135px}.playing #ready,.playing #remove{width:160px}.playing #result{top:24%;padding:20px}}.world-label{pointer-events:none;top:24px}.world-label h1{font-size:clamp(20px,3vw,36px);margin:10px 0}.world-label h1 span{display:none}.world-description{font-size:12px}.coordinates{pointer-events:none}#pilot-setup label,#host-actions label{display:block;font-size:11px;color:#a7bdc6;margin-top:12px}#pilot-setup select,#map-select{width:100%;margin:6px 0 10px}#pilot-setup button{width:100%}#game-controls{margin-top:16px}#piece-rack{display:flex;gap:8px;pointer-events:none}.piece{display:flex;flex-direction:column;gap:6px;padding:10px;background:#102129e8;border:1px solid #40515b;border-radius:8px;min-width:65px}.piece.current{border-color:#8aefdd}.piece small{font-size:9px;color:#a9bec4;letter-spacing:1px}.piece b{font-size:10px;font-weight:500}.piece svg{height:34px;width:44px;fill:#97e9d8}.piece:not(.current) svg{opacity:.5}#battery{display:flex;gap:5px;flex-wrap:wrap}#battery span{padding:6px;background:#222d36;border:1px solid #4a5358;border-radius:5px;font-size:10px;color:#9faab0}#battery span.loaded{border-color:#70c8b6;color:#a7f5dd}#rotate{touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.playing #piece-rack{position:absolute;left:20px;bottom:75px}.playing #pilot-tabs{bottom:205px}.playing #pilot-stats{bottom:180px}.playing #action-tip{display:block;position:absolute;left:20px;bottom:26px;font-size:11px;margin:0;max-width:65vw}.playing #battery{position:absolute;left:20px;bottom:70px}.playing #rotate{position:absolute;right:20px;bottom:82px;width:200px;pointer-events:auto}.playing .coordinates{display:block;left:20px;bottom:auto;top:120px;font-size:10px}.playing.touch-controls #piece-rack{bottom:230px}.playing.touch-controls #pilot-tabs{bottom:365px}.playing.touch-controls #pilot-stats{bottom:340px}.playing.touch-controls #action-tip{bottom:204px}.playing.touch-controls #battery{bottom:235px}.playing #notice{max-width:60vw}.phone #scene{min-height:250px}.phone .world-label{display:none}.playing .phone #scene{min-height:0}@media(max-width:700px){.playing #piece-rack{left:12px;bottom:68px}.piece{padding:6px;min-width:50px}.piece svg{height:26px;width:34px}.playing #pilot-tabs{left:12px;bottom:180px}.playing #pilot-stats{left:12px;bottom:158px;font-size:10px}.playing #action-tip{left:12px;bottom:30px;max-width:60vw}.playing #rotate{right:12px;bottom:76px;width:135px}.playing .coordinates{top:95px;left:12px;max-width:200px}.playing.touch-controls #piece-rack{bottom:212px}.playing.touch-controls #pilot-tabs{bottom:328px}.playing.touch-controls #pilot-stats{bottom:303px}.playing.touch-controls #action-tip{bottom:186px;font-size:9px}.playing.touch-controls #battery{left:12px;bottom:225px}.playing #battery{left:12px}.playing #phase-banner{max-width:64vw}.playing #phase-banner p{font-size:11px}.playing #match-toolbar{max-width:32vw}.playing #controller-status{display:none}}.playing .coordinates{right:auto;text-align:left}@media(max-width:600px){.playing #match-toolbar{max-width:none}.playing .coordinates{top:174px;max-width:90vw}.playing #phase-banner{max-width:none}}body:not(.playing) .viewport{position:sticky;top:0;height:calc(100dvh - 87px);min-height:500px;align-self:start}@media(max-width:800px){body:not(.playing) .viewport{position:relative;height:45vh;min-height:320px}body:not(.playing) .phone .viewport{height:36vh;min-height:280px}}.pad-focus{outline:3px solid #eeff83!important;outline-offset:4px;box-shadow:0 0 18px #cfff6140!important}.menu-hint{font-size:10px;color:#adc2c7;line-height:1.6}#lobby-menu{width:100%}.menu-open #match-toolbar{background:#10212bea;padding:8px;border:1px solid #d4f397;border-radius:8px}.playing #result{pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 100px);overflow:auto;padding:28px;background:#11232bf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #718e80;border-radius:14px;text-align:left}.playing #result h2{font-size:26px;margin:12px 0}.playing #result p{font-size:13px;line-height:1.6}#result label{display:block;font-size:12px;margin:18px 0 8px}#result select,#result button{width:100%;min-height:44px;margin-bottom:10px}#result small{display:block;font-size:10px;color:#b6c9c9;margin-top:12px}.playing #game-controls{margin:0}.playing .faction-labels{display:none}@media(max-width:700px){.playing #pilot-tabs{right:12px;left:auto;bottom:275px}.playing #pilot-stats{left:12px;bottom:265px}.playing #piece-rack,.playing.touch-controls #piece-rack{bottom:170px}.playing #action-tip,.playing.touch-controls #action-tip{bottom:148px;max-width:90vw}.playing.touch-controls #pilot-tabs{bottom:275px}.playing.touch-controls #pilot-stats{bottom:265px}.playing #battery,.playing.touch-controls #battery{bottom:208px}.playing #result{padding:20px}.playing #match-toolbar button{padding:0 7px;font-size:10px}.playing .coordinates{top:147px}.playing #phase-banner{top:62px;padding:10px}}