:root{color-scheme:light dark;--card-w: 96px;--card-h: 132px}body{font-family:system-ui,sans-serif;margin:0}main{max-width:1100px;margin:0 auto;padding:16px}.bar{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:8px;margin-bottom:12px}.side{border:1px solid currentColor;border-radius:8px;padding:8px;margin-bottom:12px}.side.foe .line{direction:rtl}.side.foe .card{direction:ltr}.line{display:flex;gap:8px;margin:8px 0;min-height:var(--card-h)}.slot{width:var(--card-w);min-height:var(--card-h);border:1px dashed gray;border-radius:6px;display:inline-block}.card{width:var(--card-w);height:var(--card-h);border-radius:6px;border:2px solid currentColor;background:canvas;color:canvastext;display:flex;flex-direction:column;align-items:center;padding:4px;font-size:11px;cursor:pointer;position:relative}.card.rested{transform:rotate(90deg) scale(.82)}.card.selected{outline:3px solid dodgerblue}.card.playable{outline:3px solid mediumseagreen}.card .ok{font-size:10px;color:#006400;font-weight:700}.card .bp{font-weight:700;font-size:15px;background:gold;color:#000;border-radius:10px;padding:0 8px}.card .name{font-weight:700;margin-top:4px}.card .overlay{font-size:10px;opacity:.85;overflow:hidden}.card .cost,.card .raid{font-size:10px}.piles{display:flex;gap:12px;align-items:center;font-size:13px}.apline{display:inline-flex;gap:4px;align-items:center}.ap{width:14px;height:20px;border-radius:3px;border:1px solid currentColor;opacity:.35;display:inline-block}.ap.on{opacity:1;background:#4169e1}.energytotals{display:inline-flex;gap:6px}.etotal{border:1px solid currentColor;border-radius:10px;padding:0 8px;font-weight:700;font-size:12px}.hand .line{flex-wrap:wrap}.prompt::backdrop{background:#0000007f}.prompt .options{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.prompt .hint{opacity:.8}.inspect{border:1px solid currentColor;border-radius:8px;padding:8px;margin-bottom:12px}.result{border:3px solid gold;border-radius:10px;padding:16px;margin-bottom:12px;text-align:center}.result .row{display:flex;gap:8px;justify-content:center}.log ol{max-height:160px;overflow-y:auto;font-size:12px}.error{color:#dc143c}.lobby .row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}