*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;color:#e6e8ec;background:#12161c;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{display:block;width:100%;height:100%}.hud{position:fixed;pointer-events:none;z-index:10;inset:0}.hud button,.hud .hud-draft-card{pointer-events:auto}.hud-banner{position:absolute;letter-spacing:.3px;background:#12161cd9;border:2px solid #555;border-radius:10px;padding:8px 22px;font-size:16px;font-weight:700;top:16px;left:50%;transform:translate(-50%)}.hud-sidebar-wrap{position:absolute;display:flex;flex-direction:column;gap:10px;width:230px;top:70px;left:16px}.hud-sidebar{background:#12161cd9;border:1px solid #2c3340;border-radius:10px;min-height:90px;padding:12px 14px}.hud-hint{color:#8b93a1;font-size:13px}.hud-unit-header{display:flex;align-items: center;gap:10px;margin-bottom:10px}.hud-unit-portrait{background-color:#161b22;background-repeat:no-repeat;border:2px solid #555;border-radius:6px;flex:none;width:54px;height:70px}.hud-unit-heading{min-width:0}.hud-unit-title{font-size:18px;font-weight:700}.hud-unit-sub{color:#8b93a1;font-size:11px}.hud-bar{overflow:hidden;background:#2a2f3a;border-radius:4px;height:8px;margin-bottom:10px}.hud-bar-fill{height:100%}.hud-stats{display:grid;grid-template-columns:1fr 1fr;color:#aab2bf;gap:4px 10px;font-size:12px}.hud-stats b{color:#e6e8ec}.hud-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud-btn{color:#e6e8ec;text-align:center;white-space:nowrap;cursor:pointer;background:#232a36;border:1px solid #353d4c;border-radius:8px;padding:8px 10px;transition:background .12s;font-size:13px}.hud-btn:hover{background:#2e3747}.hud-btn-primary{background:#2f6fff;border-color:#2f6fff}.hud-btn-primary:hover{background:#4a83ff}.hud-confirm-move{background:#2c7a4b;border-color:#3fae6b}.hud-confirm-move:hover{background:#339457}.hud-endturn{position:absolute;letter-spacing:.3px;border-radius:10px;width:320px;padding:12px;font-size:15px;font-weight:700;bottom:16px;right:16px}.hud-endturn.urgent{animation:endturn-pulse 1.7s ease-in-out infinite}@keyframes endturn-pulse{0%,to{box-shadow:0 0 #4a83ff00}50%{box-shadow:0 0 14px 2px #4a83ffa6}}@media (prefers-reduced-motion:reduce){.hud-endturn.urgent{animation:none;box-shadow:0 0 10px 1px #4a83ff8c}}.hud-log-wrap{position:absolute;background:#12161cd9;border:1px solid #2c3340;border-radius:10px;width:320px;padding:8px 10px;bottom:76px;right:16px}.hud-log-title{text-transform:uppercase;letter-spacing:1px;color:#8b93a1;margin-bottom:6px;font-size:11px}.hud-log{overflow-y:auto;max-height:180px;font-size:12px;line-height:1.5}.hud-log-line{color:#c7ccd6;pointer-events:auto}.hud-log-system{color:#6fa8ff}.hud-draft{position:absolute;pointer-events:auto;background:#12161cf0;border:1px solid #2c3340;border-radius:14px;flex-direction:column;gap:14px;width:min(620px,90vw);padding:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-draft-title{text-align:center;font-size:18px;font-weight:700}.hud-draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hud-draft-card{text-align:left;cursor:pointer;color:#e6e8ec;background:#232a36;border:1px solid #353d4c;border-radius:10px;padding:12px;transition:background .12s,transform 80ms}.hud-draft-card:hover{background:#2e3747;transform:translateY(-2px)}.hud-draft-name{margin-bottom:6px;font-weight:700}.hud-draft-stats{color:#aab2bf;font-size:11px;line-height:1.5}.hud-draft-rosters{display:flex;border-top:1px solid #2c3340;justify-content:space-around;padding-top:10px;font-size:12px}.hud-roster-head{display:flex;justify-content:space-between;align-items:baseline}.hud-roster-title{font-size:20px;font-weight:700}.hud-roster-count{color:#aab2bf;font-size:13px}.hud-roster-list{display:flex;overflow-y:auto;flex-direction:column;gap:4px;max-height:52vh;padding-right:4px}.hud-roster-row{display:flex;text-align:left;color:#e6e8ec;cursor:pointer;background:#232a36;border:1px solid #353d4c;border-left-width:4px;border-radius:8px;align-items: center;gap:12px;padding:8px 12px;transition:background .1s}.hud-roster-row:hover:not(:disabled){background:#2e3747}.hud-roster-row.selected{background:#1f3a24;border-left-color:#40d870}.hud-roster-row.injured{cursor:not-allowed;opacity:.85;background:#2a1c1f;border-left-color:#d8453b}.hud-roster-avatar{position:relative;overflow:hidden;background-color:#161b22;background-repeat:no-repeat;border:2px solid #555;border-radius:6px;flex:none;width:44px;height:58px}.hud-roster-role{position:absolute;color:#fff;background:#0009;border-top-right-radius:4px;padding:0 3px;font-size:9px;font-weight:700;line-height:1.3;bottom:0;left:0}.hud-roster-info{flex:auto;min-width:0}.hud-roster-name{font-size:15px;font-weight:600}.hud-roster-sub{color:#8b93a1;font-size:11px}.hud-roster-status{flex:none;font-size:13px;font-weight:700}.hud-roster-status.fit{color:#5bd97a}.hud-roster-status.hurt{color:#ff6a5e}.hud-roster-footer{display:flex;border-top:1px solid #2c3340;justify-content:space-between;gap:12px;padding-top:12px}.hud-roster-footer .hud-btn{flex:none;min-width:120px}.hud-btn:disabled{opacity:.45;cursor:not-allowed}.hud-handoff{position:fixed;z-index:100;text-align:center;pointer-events:auto;background:#0e1116;border-top:6px solid #555;flex-direction:column;justify-content:center;align-items: center;gap:16px;padding:24px;inset:0}.hud-gameover{z-index:200;background:#080a0ed1}.hud-pbm-code{resize:vertical;word-break:break-all;color:#d7dbe2;background:#11151c;border:1px solid #3a4250;border-radius:8px;width:min(560px,90vw);height:84px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.hud-pbm-divider{color:#8a93a3;margin:4px 0;font-size:13px}.hud-pbm-error{color:#ff8a8a;max-width:460px;font-size:13px}.hud-pbm-note{color:#8a93a3;max-width:460px;margin-top:6px;font-size:12px;line-height:1.5}.hud-handoff-eyes{font-size:64px}.hud-handoff-title{letter-spacing:.4px;font-size:30px;font-weight:800}.hud-handoff-sub{color:#aab2bf;max-width:460px;font-size:15px;line-height:1.55}.hud-handoff-btn{flex:none;margin-top:8px;padding:12px 26px;font-size:16px}.hud-resume-btn{margin-top:4px;margin-bottom:16px}.hud-map-list{display:flex;overflow-y:auto;flex-direction:column;gap:6px;width:460px;max-width:90vw;max-height:38vh;margin:6px 0 4px}.hud-map-row{display:flex;text-align:left;cursor:pointer;color:#e6e8ec;background:#1b212b;border:1px solid #2c3542;border-radius:8px;align-items: center;gap:10px;padding:8px 10px}.hud-map-row:hover{background:#232b37}.hud-map-row.selected{background:#1d2735;border-color:#2f6fff}.hud-map-thumb{background:#0e1218;border:1px solid #2c3542;border-radius:5px;flex:none;width:132px;height:76px}.hud-map-text{flex:auto;min-width:0}.hud-minimap{position:fixed;pointer-events:auto;cursor:pointer;z-index:20;background:#0e1218;border:1px solid #2c3542;border-radius:6px;width:210px;height:140px;top:12px;right:12px;box-shadow:0 4px 14px #00000073}.hud-map-name{font-size:15px;font-weight:600}.hud-map-blurb{color:#9aa3b0;margin-top:2px;font-size:12px;line-height:1.4}.hud-calibration{position:fixed;z-index:200;pointer-events:auto;display:none;background:#080a0ef5;flex-direction:column;justify-content:center;align-items: center;gap:12px;padding:16px;inset:0}.hud-calib-hint{color:#c7ccd6;text-align:center;max-width:720px;font-size:13px}.hud-calib-frame{position:relative;display:inline-block;outline:1px solid #444;max-width:96vw;max-height:84vh}.hud-calib-img{display:block;image-rendering:pixelated;max-width:96vw;max-height:84vh}.hud-calib-box{position:absolute;pointer-events:none;border:1px solid #2fff8a;box-shadow:0 0 0 1px #00000080}.hud-calib-tag{position:absolute;color:#2fff8a;white-space:nowrap;background:#000000b3;padding:1px 2px;font-size:9px;line-height:1;top:-1px;left:-1px}.hud-tooltip{position:fixed;z-index:150;color:#d7dbe2;pointer-events:none;background:#0c0f14f2;border:1px solid #3a4250;border-radius:8px;max-width:240px;padding:8px 10px;font-size:12px;line-height:1.5}.hud-tutorial{position:fixed;z-index:140;text-align:center;pointer-events:none;background:#141c2cf5;border:1px solid #5a78c8;border-radius:10px;max-width:min(560px,92vw);padding:12px 18px;top:92px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000080}.hud-tutorial-text{color:#e7ecf5;font-size:14px;line-height:1.55}.hud-tutorial-btn{pointer-events:auto;margin-top:12px}.hud-tutorial-launch{background:#2c7a4b;border-color:#3fae6b;margin-bottom:10px}.hud-tutorial-launch:hover{background:#339457}.hud-help{overflow-y:auto;text-align:left;justify-content:flex-start;padding:32px}.hud-help-title{text-align:center;margin-bottom:8px;font-size:26px;font-weight:800}.hud-help-body{color:#c7ccd6;max-width:640px;font-size:14px;line-height:1.5}.hud-help-body p{margin-bottom:12px}.hud-help-body b{color:#e6e8ec}.editor-root{position:fixed;z-index:50;display:flex;color:#e6e8ec;background:#12161c;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;inset:0}.editor-bar{display:flex;background:#1b212b;border-bottom:1px solid #2c3542;flex-wrap:wrap;align-items: flex-end;gap:10px;padding:10px 14px}.editor-spacer{flex:auto}.editor-field{display:flex;flex-direction:column;gap:3px;font-size:11px}.editor-field-label{color:#8b96a5;text-transform:uppercase;letter-spacing:.04em}.editor-num,.editor-text-in{color:#e6e8ec;background:#0e1218;border:1px solid #2c3542;border-radius:5px;padding:5px 7px;font-size:13px}.editor-num{width:64px}.editor-text-in{width:200px}.editor-btn{color:#e6e8ec;cursor:pointer;background:#2a3340;border:1px solid #394452;border-radius:6px;padding:7px 12px;font-size:13px}.editor-btn:hover{background:#344050}.editor-btn-primary{background:#2f6fff;border-color:#2f6fff;font-weight:600}.editor-btn-primary:hover{background:#3f7dff}.editor-main{display:flex;flex:auto;min-height:0}.editor-palette{overflow-y:auto;background:#161b23;border-right:1px solid #2c3542;flex:none;width:180px;padding:12px}.editor-palette-title{text-transform:uppercase;letter-spacing:.06em;color:#8b96a5;margin-bottom:8px;font-size:11px}.editor-swatch{display:flex;cursor:pointer;color:#cdd3db;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items: center;gap:8px;width:100%;margin-bottom:3px;padding:4px 6px;font-size:13px}.editor-swatch:hover{background:#1f2630}.editor-swatch.active{background:#1d2735;border-color:#2f6fff}.editor-swatch-chip{display:flex;border:1px solid #ffffff2e;border-radius:4px;flex:none;justify-content:center;align-items: center;width:22px;height:22px;font-size:13px}.editor-help{color:#8b96a5;margin-top:14px;font-size:12px;line-height:1.5}.editor-canvas-wrap{overflow:auto;display:flex;flex:auto;justify-content:center;align-items: flex-start;padding:18px}.editor-grid{--cell:24px;--hex-h:calc(var(--cell)*1.1547);display:flex;touch-action:none;flex-direction:column}.editor-row{display:flex;gap:2px}.editor-row+.editor-row{margin-top:calc(var(--hex-h)*-.25 + 2px)}.editor-row.odd{margin-left:calc((var(--cell) + 2px)/2)}.editor-cell{width:var(--cell);height:var(--hex-h);display:flex;cursor:crosshair;user-select:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);justify-content:center;align-items: center;font-size:12px;line-height:1}.editor-cell.tall{box-shadow:inset 0 0 0 1px #00000059}.editor-cell.flag{color:#ffe066;text-shadow:0 0 2px #000}.editor-cell.raised{color:#11160f;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff73}.editor-side{display:flex;background:#161b23;border-left:1px solid #2c3542;flex-direction:column;flex:none;width:280px;min-height:0;padding:12px}.editor-textarea{color:#b9c1cc;white-space:pre;resize:none;background:#0e1218;border:1px solid #2c3542;border-radius:6px;flex:auto;min-height:160px;padding:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.35}.editor-side-btns{display:flex;gap:8px;margin:8px 0}.editor-side-btns .editor-btn{flex:auto}.editor-status{color:#aeb6c1;font-size:12px;line-height:1.5}.editor-warn{color:#ffb24a}.editor-flash{color:#6fd08a;margin-bottom:4px}.hud-toolbar{position:absolute;display:flex;z-index:30;gap:6px;top:16px;left:16px}.mobile-only,.hud:not(.has-selection) .hud-actions{display:none}@media (max-width:768px),(max-height:500px),(pointer:coarse){.hud-banner{text-align:center;background:#12161cb3;border-width:1px;max-width:calc(100vw - 16px);padding:4px 10px;font-size:12px;font-weight:600;top:54px}.hud-toolbar{flex-wrap:wrap;top:8px;left:8px}.mobile-only{display:block}.hud-toggle{min-height:36px;padding:6px 9px;font-size:12px}.hud-sidebar-wrap{gap:8px;width:auto;inset:auto 8px 66px}.hud:not(.has-selection) .hud-sidebar-wrap{display:none}.hud-sidebar{background:#12161cf0;min-height:0;padding:8px 10px}.hud-unit-header{margin-bottom:6px}.hud-unit-portrait{width:42px;height:54px}.hud-unit-title{font-size:16px}.hud-bar{margin-bottom:6px}.hud-stats{gap:2px 8px;font-size:11px}.hud-actions{grid-template-columns:repeat(4,1fr);background:#12161cf0;border:1px solid #2c3340;border-radius:10px;gap:8px;padding:8px}.hud-btn{min-height:46px;font-size:13px}.hud-endturn{width:auto;padding:14px;font-size:16px;bottom:8px;left:8px;right:8px}.hud-log-wrap{display:none;z-index:25;background:#0e1116f5;width:auto;inset:56px 8px auto}.hud.log-open .hud-log-wrap{display:block}.hud-log{max-height:40vh}.hud-minimap{width:150px;height:100px}.hud:not(.map-open) .hud-minimap{visibility:hidden}}@media (orientation:landscape) and (pointer:coarse),(orientation:landscape) and (max-height:500px){.hud-sidebar-wrap{overflow-y:auto;gap:6px;width:300px;max-height:calc(100vh - 120px);inset:56px 8px auto auto}.hud-sidebar{padding:8px 10px}.hud-unit-portrait{width:38px;height:48px}.hud-bar{margin-bottom:6px}.hud-actions{grid-template-columns:repeat(2,1fr);gap:6px}.hud-btn{min-height:40px;padding:6px 8px}.hud-endturn{width:300px;padding:10px;left:auto;right:8px}}