*{box-sizing:border-box;margin:0}body{color:#e2e8f0;background:#0b1220;font-family:system-ui,sans-serif}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.panel{text-align:center;background:#111a2e;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:12px;width:min(420px,92vw);padding:32px;display:flex}.panel h1{font-size:1.5rem}.panel h2{font-size:1.25rem}.muted{color:#94a3b8;font-size:.9rem}.error{color:#f87171;font-size:.9rem}input{color:#e2e8f0;background:#0b1220;border:1px solid #334155;border-radius:8px;padding:10px 12px;font-size:1rem}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;font-size:1rem;font-weight:600}button:hover{background:#1d4ed8}button:disabled{cursor:not-allowed;background:#334155}button.ghost{color:#94a3b8;background:0 0;border:1px solid #334155}.join-row{gap:8px;display:flex}.join-row input{flex:1}.invite-code{letter-spacing:3px;color:#fbbf24;font-size:1.6rem;font-weight:700}.game-screen{position:fixed;inset:0;overflow:hidden}.board-mount{position:absolute;inset:0}.board-mount canvas{display:block}.action-bar{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.overlay{z-index:10;background:#020617bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pick-list{flex-wrap:wrap;justify-content:center;gap:8px;max-height:40vh;display:flex;overflow-y:auto}.pick{background:#1e293b;padding:8px 10px;font-size:.85rem}.pick.selected{background:#b45309}.net-banner{z-index:20;background:#b45309e6;border-radius:8px;padding:6px 16px;font-size:.9rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toasts{z-index:20;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.toast{background:#991b1beb;border-radius:8px;max-width:320px;padding:10px 14px;font-size:.9rem}.page{max-width:1100px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-header h1{font-size:1.4rem}.page-header div{gap:8px;display:flex}.page a{color:#67e8f9}.home-links{justify-content:center;gap:18px;display:flex}.home-links a{color:#67e8f9;font-size:.9rem}.deck-select{justify-content:center;align-items:center;gap:8px;display:flex}.deck-select select{color:#e2e8f0;background:#0b1220;border:1px solid #334155;border-radius:8px;padding:8px 10px}.deck-list{flex-direction:column;gap:8px;display:flex}.deck-row{background:#111a2e;border:1px solid #1e293b;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.deck-row strong{flex:1}.builder-panes{grid-template-columns:1fr 280px;gap:18px;display:grid}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filters select,.filters input{color:#e2e8f0;background:#0b1220;border:1px solid #334155;border-radius:8px;padding:8px 10px;font-size:.9rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:70vh;display:grid;overflow-y:auto}.card-tile{text-align:left;background:#111a2e;border:1px solid #1e293b;border-radius:10px;flex-direction:column;gap:4px;padding:10px;font-weight:400;display:flex}.card-tile:hover{background:#16223a;border-color:#38516f}.card-tile:disabled{opacity:.4}.tile-cost{color:#fbbf24;font-weight:700}.tile-name{font-weight:700}.tile-meta{color:#94a3b8;font-size:.8rem}.tile-text{color:#cbd5e1;max-height:56px;font-size:.78rem;overflow:hidden}.deck-pane{background:#111a2e;border:1px solid #1e293b;border-radius:10px;max-height:76vh;padding:14px;overflow-y:auto}.deck-entry{justify-content:space-between;align-items:center;padding:4px 0;font-size:.9rem;display:flex}.count{color:#f87171;font-weight:700}.count.ok{color:#4ade80}.rules-text{white-space:pre-wrap;background:#111a2e;border:1px solid #1e293b;border-radius:10px;padding:20px;font-family:inherit;line-height:1.6}