:root{color:#f2ecd7;background:#151713;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}.lobby-shell{display:grid;min-height:100%;place-items:center;background:linear-gradient(120deg,#202a1feb,#2a261ef0),radial-gradient(circle at 50% 38%,rgba(120,111,73,.2),transparent 45%);padding:24px}.lobby-panel,.hud-panel{background:#1a1d18e0;border:1px solid rgba(241,224,183,.18);border-radius:8px;box-shadow:0 18px 55px #00000047}.lobby-panel{width:min(440px,100%);display:grid;gap:18px;padding:22px}.brand-row,.panel-title,.turn-strip,.target-count,.room-row,.primary-action,.action-buttons button,.lobby-form button{display:flex;align-items:center}.brand-row{gap:12px}.brand-row h1{margin:0;font-size:2rem;line-height:1}.brand-row p,.selected-readout span,.status-badge small,.notice,.marker-row span{color:#c8bea3}.brand-row p{margin:5px 0 0}.lobby-form{display:grid;gap:8px}.lobby-form label,.eyebrow{color:#bdb38f;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.lobby-form input{width:100%;min-height:42px;color:#f7f1dc;background:#10130f;border:1px solid rgba(241,224,183,.22);border-radius:6px;outline:none;padding:0 12px}.lobby-form input:focus{border-color:#d8b45d}.lobby-form button,.primary-action,.action-buttons button{justify-content:center;gap:8px;min-height:42px;color:#17170f;background:#d8b45d;border-radius:6px;font-weight:800}.game-shell,.board-canvas{width:100%;height:100%}.game-shell{position:relative;background:#151713}.board-canvas.cinematic{cursor:crosshair}.action-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.action-cancel{position:absolute;top:16px;left:16px;display:grid;width:42px;height:42px;place-items:center;color:#f5f0da;background:#141511d1;border:1px solid rgba(245,240,218,.24);border-radius:6px;box-shadow:0 10px 28px #00000047;pointer-events:auto}.action-cancel:hover{background:#ff4b3f42;border-color:#ff4b3f9e}.action-reticle{position:relative;width:34px;height:34px;border:2px solid rgba(245,240,218,.84);border-radius:999px;box-shadow:0 0 0 999px #090b090f,0 0 18px #f5f0da47}.action-reticle:before,.action-reticle:after{position:absolute;content:"";background:#f5f0daeb}.action-reticle:before{top:50%;left:-13px;width:60px;height:2px;transform:translateY(-50%)}.action-reticle:after{top:-13px;left:50%;width:2px;height:60px;transform:translate(-50%)}.action-reticle.attack{border-color:#ff4b3f;box-shadow:0 0 0 999px #090b090f,0 0 18px #ff4b3f57}.action-mode-label{position:absolute;top:18px;left:50%;min-width:92px;transform:translate(-50%);color:#151713;background:#f5f0da;border-radius:999px;padding:7px 14px;text-align:center;font-size:.76rem;font-weight:900;letter-spacing:0;box-shadow:0 10px 28px #0000003d}.glyph-map-popover{position:absolute;left:14px;bottom:280px;z-index:6;width:min(370px,calc(100vw - 28px));display:grid;gap:8px;color:#f2ecd7;background:#1a1d18e6;border:1px solid rgba(241,224,183,.2);border-left:3px solid #c9b270;border-radius:8px;box-shadow:0 18px 55px #00000047;padding:12px;pointer-events:auto}.glyph-map-popover.revealed{border-left-color:#72f2b0}.glyph-map-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.glyph-map-heading>div{min-width:0;display:grid;gap:2px}.glyph-map-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glyph-map-popover p{margin:0;color:#ddd4bf;font-size:.84rem;line-height:1.3}.glyph-map-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.glyph-map-meta span,.glyph-map-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glyph-map-meta span{color:#151713;background:#c9b270;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900}.glyph-map-meta strong{color:#c8bea3;font-size:.78rem}.hud-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.hud-topbar{position:absolute;top:14px;left:14px;right:62px;padding-right:12px;display:grid;grid-template-columns:minmax(150px,220px) minmax(230px,1fr) minmax(112px,150px) minmax(190px,270px);gap:10px;align-items:center}.topbar-collapse-button{position:absolute;top:14px;right:14px;z-index:20;pointer-events:auto}.hud-topbar-peek{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;min-height:38px;max-width:min(340px,calc(100vw - 28px));color:#f2ecd7;background:#1a1d18e0;border:1px solid rgba(241,224,183,.18);border-radius:8px;box-shadow:0 18px 55px #00000047;padding:0 12px;pointer-events:auto}.hud-topbar-peek strong,.hud-topbar-peek span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-topbar-peek span{color:#c8bea3}.hud-sidebar{position:absolute;top:104px;right:14px;bottom:14px;width:min(380px,calc(100vw - 28px));display:grid;grid-template-rows:minmax(0,1fr);gap:10px;pointer-events:none}.hud-sidebar.lobby-sidebar{top:130px;bottom:118px;width:min(960px,calc(100vw - 84px));grid-template-rows:minmax(0,1fr)}.topbar-collapsed .hud-sidebar{top:64px}.hud-panel{pointer-events:auto;padding:12px}.hud-sidebar>.hud-panel{min-height:0}.hud-topbar,.action-panel,.enemy-panel,.log-panel{display:grid;gap:10px}.action-panel,.enemy-panel{overflow:hidden}.hud-sidebar:not(.lobby-sidebar) .action-panel{overflow:auto}.room-row{gap:8px}.room-row>div{min-width:0;flex:1}.room-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:grid;width:34px;height:34px;place-items:center;color:#f2ecd7;background:#ffffff14;border-radius:6px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-badge{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;padding:8px;background:#ffffff0f;border-radius:6px}.status-badge strong,.status-badge small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge small{grid-column:2}.dot{width:8px;height:8px;background:#7e7361;border-radius:999px}.dot.online{background:#78cc73}.turn-strip,.target-count,.scenario-strip{gap:8px;min-height:34px;color:#f2ecd7;background:#58705240;border-radius:6px;padding:0 10px}.scenario-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.scenario-strip span,.scenario-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-strip small{color:#c8bea3}.panel-title{gap:8px}.panel-title h2,.log-panel h2{margin:0;font-size:.92rem}.unit-list{display:grid;gap:6px;max-height:220px;overflow:auto}.action-panel>.unit-list{max-height:154px}.enemy-panel .unit-list{min-height:0;max-height:none}.opposition-dock{position:absolute;top:104px;left:14px;width:min(340px,calc(50vw - 28px));max-height:min(38vh,340px);overflow:hidden}.topbar-collapsed .opposition-dock{top:64px}.opposition-dock.collapsed{width:auto;min-width:154px;padding:8px 10px}.opposition-dock .unit-list{max-height:calc(min(38vh,340px) - 48px)}.collapsible-title{width:100%;justify-content:start;gap:8px;color:#f2ecd7;background:transparent;padding:0;text-align:left}.collapsible-title h2{flex:1}.unit-list.compact{grid-template-columns:1fr}.unit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:34px;color:#f2ecd7;background:#ffffff12;border:1px solid transparent;border-radius:6px;padding:0 9px;text-align:left}.unit-row.readonly{cursor:default}.unit-row.active{border-color:#f9f871;background:#f9f8712e}.unit-row.status-available{border-color:#72f2b08c}.unit-row.status-spent{color:#b7ad98;background:#ffffff09}.unit-row.status-chosen{border-color:#d8b45d94;background:#d8b45d21}.unit-row.status-inactive{color:#9f967f;background:#ffffff06}.unit-row.status-target{border-color:#ff4b3fa6;background:#ff4b3f29}.unit-row span,.unit-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-row small{color:#cfc6ad}.selected-readout{display:grid;gap:8px;padding:10px;background:#10130fb8;border-radius:6px}.selected-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.selected-heading strong,.selected-heading small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-heading small{color:#151713;background:#f9f871;border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:900}.power-list{display:grid;gap:6px;align-content:start;max-height:188px;overflow:auto}.power-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:7px;align-content:start;background:#ffffff0f;border-left:3px solid #8f8771;border-radius:6px}.power-row.implemented{border-left-color:#72f2b0}.power-row.partial{border-left-color:#d8b45d}.power-row.notImplemented{border-left-color:#d66b5d}.power-row strong,.power-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.power-row small{align-self:start;justify-self:end;color:#151713;background:#c9b270;border-radius:999px;padding:2px 6px;font-size:.68rem;font-weight:900}.power-row.implemented small{background:#72f2b0}.power-row.partial small{background:#d8b45d}.power-row.notImplemented small{background:#d66b5d}.power-row p{grid-column:1 / -1;margin:0;color:#d9d0b9;font-size:.78rem;line-height:1.25}.glyph-panel{display:grid;gap:10px}.glyph-list{display:grid;gap:7px;grid-auto-rows:max-content;max-height:300px;overflow:auto}.glyph-row{display:grid;gap:6px;min-height:94px;color:#f2ecd7;background:#ffffff12;border:1px solid rgba(241,224,183,.1);border-radius:6px;padding:8px}.glyph-row.revealed{border-color:#d8b45d5c;background:#d8b45d1c}.glyph-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:baseline}.glyph-row span,.glyph-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glyph-row small{color:#c8bea3}.glyph-row p{margin:0;color:#ddd4bf;font-size:.78rem;line-height:1.25}.glyph-control{width:fit-content;max-width:100%;color:#151713;background:#c9b270;border-radius:999px;padding:3px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:900}.setup-board{display:grid;gap:10px;padding:10px;background:#10130fb8;border-radius:6px}.lobby-sidebar .action-panel{grid-template-rows:auto minmax(0,1fr)}.lobby-sidebar .setup-board{min-height:0;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr)}.setup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.setup-summary>div{min-width:0;display:grid;gap:3px;padding:7px;background:#ffffff0f;border-radius:6px}.setup-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.point-limit-row{display:grid;grid-template-columns:auto minmax(0,1fr) 96px;gap:8px;align-items:center;min-height:36px;color:#f2ecd7;background:#58705240;border-radius:6px;padding:0 8px}.point-limit-row select{min-width:0;width:100%;height:30px;color:#f7f1dc;background:#10130f;border:1px solid rgba(241,224,183,.22);border-radius:6px;outline:none;padding:0 7px}.point-limit-row strong{text-align:right}.draft-builder{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:8px}.lobby-sidebar .draft-builder{grid-template-columns:minmax(500px,1fr) minmax(340px,.68fr)}.draft-inspector{display:grid;grid-template-columns:clamp(220px,42%,300px) minmax(0,1fr);gap:8px;align-items:stretch;min-height:0;padding:9px;background:#ffffff0e;border:1px solid rgba(241,224,183,.14);border-radius:6px}.unit-model-preview{min-width:0;min-height:250px;height:100%;overflow:hidden;background:linear-gradient(180deg,#d6b87021,#0b0e0b66),#10130f;border:1px solid rgba(241,224,183,.12);border-radius:6px}.unit-model-preview canvas{display:block}.draft-inspector-copy,.draft-inspector-heading{min-width:0;display:grid}.draft-inspector-copy{min-height:0;gap:8px}.lobby-sidebar .draft-inspector-copy{grid-template-rows:auto auto auto auto minmax(0,1fr)}.draft-inspector-heading{gap:2px}.draft-inspector-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem}.draft-inspector-heading small,.model-source-line{color:#c8bea3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.draft-stat-row{grid-template-columns:repeat(6,minmax(28px,1fr))}.draft-trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.draft-trait-grid span{min-width:0;color:#f2ecd7;background:#58705247;border-radius:4px;padding:4px 6px;overflow-wrap:anywhere;white-space:normal;font-size:.76rem;font-weight:700}.draft-power-list{display:grid;gap:6px;max-height:88px;overflow:auto}.lobby-sidebar .draft-power-list{min-height:0;max-height:none;overflow:auto}.lobby-sidebar .draft-power-list .power-row p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.draft-list{display:grid;gap:6px;max-height:348px;overflow:auto}.lobby-sidebar .draft-list{min-height:0;max-height:none}.draft-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:52px;padding:7px;background:#ffffff0f;border:1px solid transparent;border-radius:6px}.draft-card.selected{border-color:#d8b45d94;background:#d8b45d21}.draft-card.focused{border-color:#72f2b094;background:#72f2b017}.draft-card:focus{outline:2px solid rgba(114,242,176,.46);outline-offset:1px}.draft-card-copy{min-width:0;display:grid;gap:2px}.draft-card-copy strong{overflow-wrap:anywhere;white-space:normal;line-height:1.08}.draft-card-copy small{overflow-wrap:anywhere;white-space:normal;line-height:1.12}.draft-card-copy small{color:#c8bea3}.draft-stepper{display:grid;grid-template-columns:28px 24px 28px;gap:4px;align-items:center}.draft-stepper .icon-button{width:28px;height:28px}.draft-stepper span{color:#151713;background:#d8b45d;border-radius:4px;padding:5px 0;text-align:center;font-size:.78rem;font-weight:900}.marker-board{display:grid;gap:7px;padding:10px;background:#10130fb8;border-radius:6px}.marker-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center}.marker-row span{display:grid;width:28px;height:28px;place-items:center;color:#151713;background:#d8b45d;border-radius:999px;font-weight:900}.marker-row select{min-width:0;width:100%;height:34px;color:#f7f1dc;background:#10130f;border:1px solid rgba(241,224,183,.22);border-radius:6px;outline:none;padding:0 8px}.marker-submit{width:100%;margin-top:2px}.stat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.stat-row span{min-width:0;color:#151713;background:#c9b270;border-radius:4px;padding:3px 4px;text-align:center;font-size:.78rem;font-weight:800}.attack-option-list{display:grid;gap:6px}.attack-option{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;align-items:center;min-height:38px;color:#f2ecd7;background:#ff8a541a;border:1px solid rgba(255,138,84,.3);border-radius:6px;padding:6px 8px;text-align:left}.attack-option.special{background:#a78bfa1a;border-color:#a78bfa61}.attack-option.power-action{background:#5dd9d01a;border-color:#5dd9d06b}.attack-option.selected{background:#f9f87129;border-color:#f9f871c7}.attack-option span,.attack-option small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attack-option small{grid-column:2;color:#cfc6ad;font-size:.72rem}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-log-dock{position:absolute;left:14px;bottom:14px;width:min(460px,calc(100vw - 660px));max-height:250px;overflow:hidden}.log-panel ol{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#d9d0b9;font-size:.86rem;line-height:1.3;overflow:auto}.battle-log-dock ol{max-height:190px;padding-right:4px}.notice{margin:0;font-size:.9rem}@media(max-width:1100px){.hud-topbar{right:62px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hud-sidebar{top:156px;width:min(430px,calc(100vw - 28px))}.hud-sidebar.lobby-sidebar{top:156px;width:min(780px,calc(100vw - 28px))}.topbar-collapsed .hud-sidebar.lobby-sidebar{top:64px}.lobby-sidebar .draft-builder{grid-template-columns:minmax(420px,1fr) minmax(300px,.74fr)}.opposition-dock{top:156px;width:min(280px,calc(34vw - 20px))}.topbar-collapsed .opposition-dock{top:64px}.battle-log-dock{width:min(420px,calc(100vw - 478px))}.primary-action,.scenario-strip{min-width:0}}@media(max-width:760px){body{overflow:auto}.game-shell{min-height:100%}.hud-layer{position:relative;inset:auto;display:grid;gap:8px;padding:8px;pointer-events:auto}.hud-topbar,.hud-sidebar,.opposition-dock,.battle-log-dock,.glyph-map-popover{position:static;width:auto;max-height:none}.hud-topbar-peek,.topbar-collapse-button{position:static;width:100%;max-width:none}.hud-topbar,.hud-sidebar{grid-template-columns:1fr;grid-template-rows:none}.topbar-collapsed .hud-sidebar,.topbar-collapsed .opposition-dock{top:auto}.opposition-dock.collapsed{width:auto;min-width:0}.opposition-dock .unit-list{max-height:220px}.glyph-map-popover{width:auto}.board-canvas{height:58%;min-height:420px}.status-grid,.action-buttons,.draft-inspector,.lobby-sidebar .draft-builder{grid-template-columns:1fr}.lobby-sidebar .setup-board{overflow:visible}.lobby-sidebar .draft-list{max-height:320px}.unit-model-preview{min-height:180px}.battle-log-dock ol{max-height:180px}}