:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#080908}*{box-sizing:border-box}html,body,#game-container{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at top,#303230,#080908 70%);touch-action:none}canvas{display:block;margin:auto;box-shadow:0 0 50px #0008;image-rendering:auto}.multiplayer-launcher{position:fixed;bottom:8px;right:12px;z-index:100;color:#f2d898;background:#151e20;border:1px solid #716744;padding:8px 12px;font-size:12px;text-decoration:none}body.multiplayer-lab{overflow:auto;touch-action:auto;background:#10171a}.multiplayer-lab #game-container{height:auto;min-height:100%;overflow:visible}.lab-shell{max-width:1800px;margin:auto;padding:24px;color:#e2e5db}.lab-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#aaa98f}.lab-shell h1{margin:8px 0 16px;font:30px Georgia,serif}.lab-shell h2{font-size:18px;line-height:1.4}.lab-shell h3{font-size:15px}.lab-shell button,.lab-header a{color:#e2e5db;font:12px monospace;background:#222e31;border:1px solid #485450;border-radius:3px;padding:10px 12px;cursor:pointer;text-decoration:none}.lab-shell button:hover:not(:disabled),.lab-header a:hover{border-color:#d6b875;background:#303b39}.lab-shell button:focus-visible,.lab-shell a:focus-visible,.lab-shell input:focus-visible{outline:2px solid #7ee7dd;outline-offset:3px}.lab-shell button:disabled{opacity:.4;cursor:default}.lab-shell button.is-active{border-color:#d6b875;color:#f2d898;background:#3a3930}.lab-header-actions{display:flex;gap:8px;align-items:center}.lab-notice{margin-bottom:18px;padding:10px 12px;border-left:2px solid #d6b875;color:#b5c3bd;background:#1a2427;font-size:12px}.lab-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:16px}.lab-panel{padding:18px;background:#192327;border:1px solid #35413f;border-radius:4px}.lab-seat{display:flex;gap:6px;margin-top:12px}.lab-seat button{flex:1;padding:9px 6px}.muted{color:#9cafa9;font-size:12px;line-height:1.6}.lab-unit{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;gap:6px;text-align:left}.lab-unit small{font-size:9px;white-space:nowrap;color:#bdc3a6}.lab-selection{border-top:1px solid #35413f;padding-top:20px;margin-top:22px}.lab-selection dl{display:grid;grid-template-columns:1fr auto;font:12px monospace;gap:10px}.lab-selection dt{text-transform:capitalize;color:#9cafa9}.lab-selection dd{margin:0;color:#f2d898}#selection-members{border:1px solid #485450;padding:10px;margin:16px 0;font:11px monospace}#selection-member-list{display:grid;gap:10px}#selection-member-list label{display:flex;align-items:center;gap:8px;cursor:pointer}#selection-member-list input{accent-color:#d6b875}.lab-board-column{min-width:0}.lab-board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font:10px monospace;color:#d6b875;margin-bottom:10px}.lab-board-heading>div{display:flex;align-items:center;gap:12px;white-space:nowrap}.lab-board-heading button{padding:6px 9px}#lab-canvas{height:clamp(320px,calc(100vh - 330px),760px);width:100%;overflow:hidden;border:1px solid #35413f;border-radius:4px;touch-action:none}#lab-canvas canvas{box-shadow:none;margin:0}.lab-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.lab-actions button{padding:14px 6px}.lab-actions kbd{font-size:9px;color:#93a6a0}#action-end-turn{border-color:#b39863;color:#f2d898}#lab-message{min-height:32px;font-size:12px;line-height:1.5;color:#f2d898}.lab-map-hint{color:#82978f;font:10px monospace;line-height:1.5}.lab-shell .lab-primary{background:#3a3930;color:#f2d898;border-color:#b39863;width:100%}#lab-combat{width:min(800px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:26px;overflow:auto;color:#e2e3db;background:#080b09;border:1px solid #aaa36b;border-radius:0;font:12px/1.5 monospace;box-shadow:0 24px 100px #000}#lab-combat::backdrop{background:#020503e8}#lab-combat h2{margin:0;font:bold clamp(22px,3vw,32px)/1.1 Georgia,serif;color:#eee1a3;text-transform:uppercase}.combat-subtitle{margin:8px 0 18px;color:#ca7666;text-transform:uppercase;font-weight:700}.combat-eyebrow{color:#d4c677;text-transform:uppercase;font-weight:700;margin:0}.combat-opponent{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:16px;border:1px solid #777c71;background:#0d110e;padding:18px}.combat-opponent>.combat-eyebrow{grid-column:1 / -1}.combat-opponent-art{display:flex;align-items:center;justify-content:center;min-height:140px;background:#050705}.combat-creature{min-width:0;max-width:100%;width:100%;object-fit:contain}.combat-opponent-art .combat-creature{max-height:150px}#lab-combat .combat-opponent h3{margin:0 0 12px;font:700 23px Georgia,serif}.combat-stats{display:grid;grid-template-columns:auto 24px auto 24px;gap:5px 10px;margin:0}.combat-stats dt{text-transform:capitalize}.combat-stats dd{margin:0;color:#fff;font-weight:700}.combat-resources{color:#c8bb73;margin-bottom:0}.combat-state{margin:0;color:#9da49b;white-space:pre-line;font-size:10px;text-transform:uppercase}.combat-tally{border:1px solid #777c71;padding:16px;margin-top:16px;background:#0a0e0b}.combat-exchanges{list-style:none;padding:0;margin:10px 0;font-size:11px;color:#c3c8bd}.combat-exchanges li+li{margin-top:6px}.combat-empty{color:#828c7e;font-size:11px}#lab-combat .combat-tally h3{text-align:center;color:#e1cf81;text-transform:uppercase;font-size:18px;margin:16px 0 4px}.combat-instruction{text-align:center;margin:0}.combat-pass{display:block;margin:12px auto 0}.combat-arena{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,100px);gap:14px;align-items:center;margin:24px 0 12px}.combat-own-art{grid-column:2 / 4;grid-row:1 / 4;display:flex;align-items:center;justify-content:center;height:100%;pointer-events:none}.combat-own-art .combat-creature{max-height:310px}#lab-combat .combat-attribute{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;border:2px solid #666e60;background:#182019;border-radius:0;text-transform:uppercase;padding:8px;gap:3px;font-size:12px}#lab-combat .combat-attribute.is-legal{border-color:#dccc78;background:#283727}#lab-combat .combat-attribute:disabled{opacity:.7}#lab-combat .combat-attribute.is-used{opacity:.35}#lab-combat .combat-attribute:hover:not(:disabled){background:#3a4b30;border-color:#fff0a7}.combat-attribute strong{font-size:18px}.combat-attribute small{font-size:10px;white-space:nowrap}.combat-strength{grid-column:1 / 3;grid-row:1;justify-self:center;width:160px}.combat-special{grid-column:3 / 5;grid-row:1;justify-self:center;width:160px}.combat-weapon{grid-column:1;grid-row:2}.combat-dodge{grid-column:4;grid-row:2}.combat-armor{grid-column:1 / 3;grid-row:3;justify-self:center;width:160px}.combat-bloodthirst{grid-column:3 / 5;grid-row:3;justify-self:center;width:160px}.combat-footer{text-align:center}#lab-combat .combat-footer h3{font:700 25px Georgia,serif;margin:12px 0 6px;text-transform:uppercase}.combat-fate{display:flex;justify-content:center;gap:12px;margin-top:18px}@media(max-width:600px){#lab-combat{padding:16px}.combat-opponent{grid-template-columns:80px minmax(0,1fr);padding:12px;gap:12px}.combat-opponent-art{min-height:90px}.combat-state{grid-column:1 / -1;white-space:normal}.combat-stats{grid-template-columns:auto 24px;gap:3px 8px;font-size:11px}.combat-arena{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px repeat(3,86px);gap:10px}.combat-own-art{grid-column:1 / -1;grid-row:1}.combat-own-art .combat-creature{max-height:180px;width:auto;max-width:50%}#lab-combat .combat-attribute{width:100%;min-height:80px}.combat-strength{grid-column:1;grid-row:2}.combat-special{grid-column:2;grid-row:2}.combat-weapon{grid-column:1;grid-row:3}.combat-dodge{grid-column:2;grid-row:3}.combat-armor{grid-column:1;grid-row:4}.combat-bloodthirst{grid-column:2;grid-row:4}.combat-fate{flex-direction:column}}.lab-log-title{display:block;margin-top:24px}#lab-log{list-style:none;padding:0;max-height:310px;overflow:auto;font-size:11px;line-height:1.6}#lab-log li{padding:10px 0;border-bottom:1px solid #35413f;color:#b5c3bd}.lab-shell .lab-quiet{color:#b6a49b;padding:7px 10px;background:transparent}[hidden]{display:none!important}.online-auth{max-width:440px;margin:10vh auto;padding:32px}.multiplayer-lab a{color:#d6b875}.online-auth form,#online-create{display:grid;gap:16px;margin:24px 0}.online-auth label,#online-create label{display:grid;gap:8px;font-size:13px;color:#b5c3bd}.online-auth input,#online-create select{width:100%;padding:12px;border:1px solid #485450;border-radius:3px;background:#10171a;color:#e2e5db;font:inherit}#online-error{color:#f2d898;min-height:20px;font-size:13px}.online-lobby-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px}.online-lobby-grid .lab-panel{max-height:none}.online-match{padding:16px 0;border-top:1px solid #35413f}.online-match h3{margin:0}.online-match button{margin-right:8px}.online-notice{width:100%;text-align:left;line-height:1.5;margin:6px 0}.lab-shell .online-notice.is-unread{border-left:3px solid #d6b875}@media(max-width:700px){.online-lobby-grid{grid-template-columns:1fr}}@media(min-width:1550px){.lab-layout{grid-template-columns:240px minmax(0,1fr) 300px}}@media(min-width:1051px){.lab-panel{max-height:calc(100vh - 180px);overflow:auto}}@media(max-width:1050px){.lab-layout{grid-template-columns:190px minmax(0,1fr)}.lab-history{grid-column:1 / -1}#lab-log{max-height:200px}}@media(max-width:650px){.lab-shell{padding:12px}.lab-header{align-items:start}.lab-shell h1{font-size:24px}.lab-header-actions{flex-direction:column}.lab-layout{grid-template-columns:1fr}.lab-roster{order:2}.lab-history{order:3}.lab-board-column{order:1}#lab-canvas{height:430px}.lab-actions kbd{display:none}.lab-panel{padding:14px}}