[hidden]{display:none!important}nav{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{font:14px 'IBM Plex Sans',Arial,sans-serif;background:#142331;color:#f0f5fa;border:1px solid #3c5365;border-radius:3px;padding:10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan)}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}button{min-height:38px}.builder-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:8px 0 28px}.builder-title h2{font:700 42px 'Barlow Condensed',sans-serif}.builder-title p{color:var(--muted);margin-top:8px}.start-actions{display:flex;gap:10px;flex-wrap:wrap}.deck-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.catalog-card{display:flex;flex-direction:column;background:#111e29;border:1px solid #314352;border-top:3px solid var(--card-color);border-radius:4px;overflow:hidden}.card-art-button{border:0;padding:0;background:#0b141e;display:block;width:100%;min-height:0}.card-art{display:block;width:100%;height:auto;aspect-ratio:0.715;object-fit:contain;background:#0b141e}.catalog-body{padding:12px;display:flex;flex-direction:column;gap:9px;flex:1}.catalog-body h3{font:700 21px 'Barlow Condensed',sans-serif;margin:0;line-height:1.1}.card-meta{font-size:12px;color:var(--muted)}.badge{font-size:12px;display:inline-block;color:var(--cyan)}.badge.manual{color:#ffc486}.catalog-body .add-card{margin-top:auto}.deck-editor .panel{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.deck-editor h3{font-size:14px;letter-spacing:1px;text-transform:uppercase;margin:22px 0 10px}.deck-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid #283a48;padding:8px 0;font-size:14px}.deck-row .name{flex:1;background:none;border:none;padding:0;min-height:0;text-align:left;font-size:14px;font-weight:400}.deck-row button.qty{padding:3px 8px;min-height:28px}.small-actions{display:flex;flex-wrap:wrap;gap:6px}.small-actions button{font-size:12px;padding:6px 8px}.ram{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}.ram span{font-size:12px;padding:5px;background:#1d2e3c}.validation{font-size:14px;line-height:1.5;margin:14px 0}.validation.good{color:var(--cyan)}.validation.bad{color:#ffb1bd}.validation ul{padding-left:18px}.manual-banner{border-left:3px solid #ffc486;background:#2b251b;color:#ffdfae;padding:14px 18px;margin-bottom:16px;font-size:14px;line-height:1.6}#notice{color:var(--yellow);font-size:14px;margin-bottom:16px}#notice:empty{display:none}#detail{width:min(850px,95vw);max-width:850px}#detailContent{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;clear:both;padding-top:16px}#detailContent img{width:100%;height:auto}#detailContent h2{margin:6px 0 12px}#detailContent .rules-text{white-space:pre-line;line-height:1.7;font-size:16px}#detailContent a{display:inline-block;margin-top:16px}.game-card{min-width:170px;width:180px;padding:10px;border-top-color:var(--card-color)}.game-card .thumb{width:100%;height:115px;object-fit:cover;object-position:50% 25%;display:block;border-radius:2px}.game-card h3{margin:9px 0;min-height:40px;font-size:20px}.game-card .mini-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.game-card .mini-actions button{font-size:12px;padding:5px 8px;min-height:30px}.game-card .status{font-size:12px}.gear-list{margin-top:8px;font-size:12px;line-height:1.5;color:var(--cyan)}.legends-zone{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.legend-button{text-align:left;font-size:12px;max-width:220px;padding:8px;line-height:1.4}.legend-button.called{border-color:var(--cyan)}.resource-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:#adbdc9;margin-top:12px}.zone-controls{display:flex;gap:6px;flex-wrap:wrap}.zone-controls button{font-size:12px;padding:5px 8px}#realLog{max-height:230px;overflow:auto}#realLog p{font-size:13px;line-height:1.5;border-bottom:1px solid #243541;padding:8px 0;color:#adbdca}#realLog p:first-child{color:#fff}#nextActions{display:flex;gap:7px;flex-wrap:wrap}#nextActions button{font-size:14px;text-align:left}.manual-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:18px}.manual-controls select{max-width:350px}.manual-controls input{width:100px}#manualPanel{margin-top:20px}textarea{width:100%;resize:vertical}details{margin:18px 0}summary{cursor:pointer;font-size:14px}.zone h2 span{display:inline-block}.zone .cards{min-height:70px}.card-empty{height:244px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;padding:15px}.deck-editor #deckStats strong{font-size:24px;color:var(--yellow)}.legend-slot{display:flex;align-items:center;gap:5px}.ghost{color:var(--muted)}@media(max-width:1150px){.deck-layout{grid-template-columns:minmax(0,1fr) 300px}.filters{grid-template-columns:1fr 1fr}.layout{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:850px){.deck-layout{grid-template-columns:1fr}.deck-editor{grid-row:1}.deck-editor .panel{position:static;max-height:360px}.builder-title{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}header{gap:15px;align-items:flex-start}nav button{font-size:12px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#detailContent{grid-template-columns:1fr}#detailContent img{max-width:280px;margin:auto}.resource-row{font-size:12px}}@media(max-width:500px){header{flex-direction:column}.catalog-grid{grid-template-columns:1fr 1fr;gap:9px}.catalog-body{padding:9px}.catalog-body h3{font-size:18px}.manual-controls select{max-width:260px}.builder-title h2{font-size:36px}}

.catalog-card.ram-blocked{border-style:dashed}.ram-blocked .card-art{filter:saturate(.3)}.ram-reason{color:#ffb4be;font-size:.875rem;line-height:1.4;margin:.5rem 0}.ram-blocked .add-card{cursor:not-allowed}
.online-panel{flex-basis:100%;max-width:520px;border:1px solid #707515;background:#080d12;padding:14px;box-shadow:inset 3px 0 #e9ff56}.online-panel>strong{color:var(--yellow);letter-spacing:1px}.online-panel p{font-size:13px;line-height:1.5;margin:7px 0 11px}.online-room-row{display:flex;gap:8px}.online-room-row input{text-transform:uppercase;letter-spacing:3px;font-weight:700;max-width:180px}.room-code{display:inline-block;color:#0d1400;background:var(--yellow);font:800 22px 'Barlow Condensed',sans-serif;letter-spacing:4px;padding:8px 12px;margin:10px 10px 0 0}.room-badge{color:var(--yellow);font-size:12px;letter-spacing:1px;border-left:1px solid #69701f;padding-left:10px}
