: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}.table{display:flex;gap:12px;align-items:flex-start}.table .sides{flex:1;min-width:0}.matgrid{display:grid;grid-template-columns:110px 1fr 110px;gap:8px;align-items:stretch}.matgrid .lines{min-width:0}.zone{border:1px solid currentColor;border-radius:6px;padding:6px;text-align:center;font-size:12px}.zone h3{margin:0 0 4px;font-size:12px}.zone .count{font-size:20px;font-weight:700}.matrow{display:flex;gap:8px;align-items:stretch;margin-top:8px}.matrow .zone{min-width:100px}.actionsrow{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.phases{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;position:sticky;top:12px}.phases li{border:1px solid currentColor;border-radius:12px;padding:4px 10px;font-size:12px;opacity:.55}.phases li.now{opacity:1;font-weight:700;outline:2px solid currentColor}.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 img{width:100%;height:100%;object-fit:cover;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0}.card .bp,.card .raid{z-index:1}.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}.zoom{max-width:420px}.zoomart{width:100%;border-radius:8px}.zoom::backdrop{background:#0009}.zoom .japanese{border-left:3px solid currentColor;padding-left:8px}.zoom .prov{font-size:11px;opacity:.75}.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}