*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:#0a0c18;color:#e8e8f0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.lobby{max-width:480px;margin:80px auto;text-align:center}.lobby-subtitle{color:#9a9ab0;font-size:14px}.lobby-input{display:block;width:100%;padding:10px;margin:16px 0;border-radius:8px;border:1px solid #3a3a55;background:#1a1d33;color:#fff}.lobby-deck-info{margin-top:16px;color:#9a9ab0;font-size:13px}.lobby-guest{margin-top:24px}.deck-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;text-align:left}.deck-option{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;border:1px solid #3a3a55;background:#1a1d33;cursor:pointer}.deck-option--selected{border-color:#6c7bff}.deck-option--invalid{opacity:.6;cursor:not-allowed}.deck-option__body{display:flex;flex-direction:column;gap:2px}.deck-option__meta{color:#9a9ab0;font-size:13px}.deck-option__errors{color:#ff8a8a;font-size:12px}.deck-option__warnings{color:#e0b93d;font-size:12px}.link-button{background:none;border:none;color:#9a9ab0;text-decoration:underline;cursor:pointer;font-size:13px}.btn{padding:6px 14px;border-radius:8px;border:1px solid #3a3a55;background:#1a1d33;color:#e8e8f0;cursor:pointer;font-size:13px}.btn:hover:not(:disabled){border-color:#5dcaa5}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#5dcaa5;color:#0b1f18;border-color:#5dcaa5;font-weight:600}.btn-small{padding:3px 8px;font-size:12px}.btn-tiny{padding:1px 6px;font-size:10px;margin-top:2px}.btn-resolve{background:#d6534a;border-color:#d6534a;color:#fff;font-weight:700;font-size:15px;padding:12px;border-radius:10px;flex:0 0 auto}.btn-resolve--active{animation:pulse-resolve 1.4s ease-in-out infinite}.btn-resolve:disabled{opacity:.5}@keyframes pulse-resolve{0%,to{box-shadow:0 0 #d6534a8c}50%{box-shadow:0 0 0 8px #d6534a00}}.error-banner{color:#ff8080;background:#3a1a1a;border:1px solid #ff8080;border-radius:8px;padding:8px;margin-top:12px}.error-banner--floating{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:200}.game-board{display:grid;grid-template-columns:1fr 260px;grid-template-rows:34px 1fr 195px 40px;grid-template-areas:"topbar  sidebar" "table   sidebar" "hand    sidebar" "bottombar sidebar";gap:6px;padding:6px;height:100vh;overflow:hidden}.top-bar{grid-area:topbar;display:flex;gap:16px;align-items:center;font-size:12px;padding:0 10px;background:#161930;border-radius:8px;overflow:hidden;white-space:nowrap}.table-row{grid-area:table;display:flex;gap:6px;min-height:0;min-width:0;overflow:hidden}.table{display:grid;grid-template-rows:clamp(160px,22vh,208px) minmax(110px,1fr) clamp(160px,22vh,208px);gap:6px;background:radial-gradient(ellipse at center,#171b30,#0d0f1c);border-radius:12px;padding:8px;border:1px solid #262a48;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.score-track{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:24px;flex:0 0 auto;padding:4px 0}.score-track__step{width:18px;height:18px;border-radius:50%;border:1px solid #3a3a55;display:flex;align-items:center;justify-content:center;font-size:8px;color:#6a6a88;background:#12142d;flex-shrink:0}.score-track__step--filled{border-color:#5dcaa5;color:#5dcaa5}.score-track__step--current{background:#5dcaa5;color:#0b1f18;font-weight:700}.identity-row{display:flex;gap:4px;flex:0 0 auto}.board-shelf{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;overflow-x:hidden;border:1px solid #1c2040;border-radius:8px;padding:4px 6px;background:#10122480}.shelf-cards{display:flex;flex-direction:column;gap:4px}.base-zone{border:1px dashed #2e335a;border-radius:6px;padding:3px 5px 4px;background:#0c0e1c60}.base-zone__label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6a6a88;margin-bottom:2px}.pile-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;flex:0 0 auto}.player-tag{font-weight:600;font-size:12px;background:#22254a;padding:3px 9px;border-radius:999px;white-space:nowrap}.pile{position:relative;flex-shrink:0}.resource-pill{font-size:11px;background:#1a1d33;border:1px solid #3a3a55;padding:3px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.runes-row{display:flex;gap:4px;flex-wrap:nowrap;align-items:flex-start}.rune-with-button{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0}.board-cards-row{display:flex;gap:6px;flex-wrap:nowrap;padding:2px 0}.battlefields-row{display:flex;gap:10px;min-height:0;overflow:hidden}.battlefield{position:relative;flex:1;min-width:0;background:#12142880;border:1px solid #2e335a;border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;min-height:0}.battlefield--selectable{cursor:pointer;border-color:#5dcaa5;border-style:dashed;background:#12332880}.battlefield--selectable:hover{background:#14402e}.battlefield__drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#5dcaa5;background:#0a141059;pointer-events:none;border-radius:8px}.battlefield__header{font-weight:600;margin-bottom:4px;display:flex;gap:6px;align-items:center;font-size:12px;flex:0 0 auto}.battlefield__units{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-content:flex-start;flex:1 1 auto;min-height:0;overflow-y:auto}.tag{font-size:9px;padding:1px 5px;border-radius:999px;background:#2a2d4a;white-space:nowrap}.tag--contested{background:#d6534a}.tag--showdown{background:#a3452f;font-weight:700}.battlefield--showdown{border-color:#d6534a;box-shadow:0 0 0 1px #d6534a inset}.hand-panel{grid-area:hand;background:linear-gradient(#0000,#12142880);border-radius:10px;padding:4px 8px;overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-end}.hand-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.hand-row--fanned{padding:6px 24px 0;flex-wrap:nowrap;justify-content:center;width:100%}.opponent-hand-fan{display:flex;padding-left:14px;flex-shrink:0}.card-face{position:relative;width:108px;cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#0c0e1c;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 6px #0006;flex-shrink:0}.card-face:hover{border-color:#5dcaa5;transform:translateY(-6px);box-shadow:0 8px 16px #00000080;z-index:20}.card-face--medium{width:76px}.card-face--small{width:52px}.card-face--selected{border-color:#d6534a;transform:translateY(-4px)}.card-face--disabled{opacity:.45;cursor:not-allowed}.card-face--disabled:hover{transform:none}.card-face img{width:100%;display:block;aspect-ratio:5 / 7;object-fit:cover}.card-face__placeholder{aspect-ratio:5 / 7;display:flex;align-items:center;justify-content:center;font-size:9px;padding:3px;text-align:center;background:#22254a}.card-face__name{font-size:9px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0c0e1c}.card-face__cost{position:absolute;top:3px;left:3px;background:#000000bf;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.card-back{width:52px;aspect-ratio:5 / 7;border-radius:6px;background:linear-gradient(135deg,#1c2a52,#0c1230);border:2px solid #3a4a8a;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 6px #0006;flex-shrink:0}.card-back--small{width:40px}.card-back__emblem{font-family:Georgia,serif;font-weight:700;font-size:13px;color:#5d7cca;opacity:.7}.card-back--small .card-back__emblem{font-size:11px}.card-back__count{position:absolute;bottom:-6px;right:-6px;background:#1a1d33;border:1px solid #3a3a55;border-radius:999px;font-size:10px;font-weight:700;padding:1px 5px;min-width:16px;text-align:center}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.activity-log{display:flex;flex-direction:column;background:#12142d;border:1px solid #3a3a55;border-radius:10px;flex:0 1 40%;min-height:0;overflow:hidden}.activity-log__header{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#9a9ab0;padding:8px 10px 4px;flex:0 0 auto}.activity-log__list{overflow-y:auto;padding:0 10px 8px;min-height:0}.activity-log__line{font-size:11px;color:#c8c8dc;padding:3px 0;border-bottom:1px solid #1c1f3a}.activity-log__empty{font-size:11px;color:#6a6a88;font-style:italic}.card-preview{flex:1 1 auto;min-height:0;background:#12142d;border:1px solid #3a3a55;border-radius:10px;overflow-y:auto;display:flex;flex-direction:column}.card-preview--empty{align-items:center;justify-content:center;color:#6a6a88;font-size:11px;text-align:center;padding:12px}.card-preview--floating{position:fixed;top:60px;right:16px;width:220px;max-height:calc(100vh - 80px);z-index:300;box-shadow:0 12px 32px #0009}.card-preview img{width:100%;display:block;flex-shrink:0}.card-preview__info{padding:8px 10px}.card-preview__name{font-weight:700;font-size:13px;margin-bottom:4px}.card-preview__text{font-size:11px;color:#c8c8dc;line-height:1.4}.card-preview__text p{margin:0 0 6px}.target-picker{position:fixed;bottom:247px;left:calc((100% - 260px)/2);transform:translate(-50%);background:#d6534a;color:#fff;padding:8px 14px;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:12px;z-index:50}.bottom-bar{grid-area:bottombar;display:flex;justify-content:center;align-items:center}.mulligan-screen,.game-over{max-width:700px;margin:60px auto;text-align:center}.rune-buttons{display:flex;gap:4px;justify-content:center}.accelerate-toggle{display:inline-flex;align-items:center;gap:6px;margin-right:12px;font-size:13px;color:#9a9ab0;cursor:pointer}.lobby-section-title{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#9a9ab0;text-align:left;margin:20px 0 0}.lobby{max-height:100vh;overflow-y:auto;padding:0 12px 40px}.choice-picker{flex-wrap:wrap;max-width:90vw;z-index:250}.choice-candidates{display:flex;gap:4px;flex-wrap:wrap;max-height:150px;overflow-y:auto}