:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:#e7edef;background:#0b141b;font-size:15px;--gold:#d7b777;--line:#30414d;--muted:#99aebd}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:26px;padding:20px 3vw;border-bottom:1px solid var(--line);background:#101e28;flex-wrap:wrap}.brand{font-weight:750;letter-spacing:2px;color:var(--gold);text-decoration:none}.brand small{font-size:10px;color:var(--muted)}nav{display:flex;gap:8px;flex:1}a{color:var(--gold)}main{max-width:1800px;margin:auto;padding:26px 3vw;min-height:80vh}footer{padding:20px 3vw;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}h1{font-size:36px;font-weight:600;margin:8px 0 16px}h2{font-size:22px;margin:12px 0}h3{font-size:16px;margin:10px 0}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:12px}.muted,small{color:var(--muted)}p{line-height:1.6}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:7px;background:#142530;color:inherit;padding:9px 12px}button{cursor:pointer}button:hover,button:focus-visible{border-color:var(--gold);background:#203643}button.primary{background:var(--gold);color:#141d24;border-color:var(--gold);font-weight:650}button.danger{color:#ffac9d}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{width:100%}input[type=checkbox]{width:auto}label{display:block;font-size:13px;color:var(--muted);margin:10px 0}label input,label select,label textarea{margin-top:5px;color:#eef3f5}textarea{resize:vertical;min-height:90px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row>*{flex:0 1 auto}.row input,.row select{width:auto;min-width:100px}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.panel{background:#11212b;border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.auth{max-width:450px;margin:5vh auto}.hero{max-width:850px;margin:30px 0}.hero p{font-size:18px;color:var(--muted)}.pill{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 9px;font-size:12px;color:var(--muted)}#notice:not(:empty){padding:12px 3vw;background:#42372b;border-bottom:1px solid var(--gold)}#connection{font-size:12px;color:var(--muted)}.cards{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.card{width:108px;min-height:150px;padding:6px;text-align:left;position:relative;background:#182c37;border:1px solid #435761;font-size:11px;overflow:hidden}.card img{width:100%;border-radius:4px;display:block}.card strong{display:block;padding:4px 0}.card.selected{outline:3px solid var(--gold)}.card.tapped{transform:rotate(8deg);opacity:.75}.card .badge{position:absolute;top:4px;right:4px;background:#15212cee;padding:3px;border-radius:4px;color:#f6d695}.card.back{background:repeating-linear-gradient(45deg,#203e4b,#203e4b 8px,#152c38 8px,#152c38 16px)}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seat{min-height:190px;margin:0}.seat.mine{grid-column:1/-1;border-color:#56776d}.seat.active{box-shadow:inset 0 3px var(--gold)}.life{font-size:32px;color:#f1dec0}.zone{padding:10px 0;border-top:1px solid var(--line);margin-top:10px}.zone h3{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.toolbar{position:sticky;top:0;z-index:5;background:#101e28;padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.toolbar button{padding:7px 10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.actions button{font-size:12px;padding:7px}.preview img{max-width:240px;width:100%;border-radius:10px}.preview pre{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.5}.log{max-height:240px;overflow:auto;font-size:12px;line-height:1.5}.log p{margin:7px 0}.stack{border-left:3px solid var(--gold);padding:10px;margin:10px 0;background:#1a2d38}.deck-row{display:grid;grid-template-columns:60px minmax(140px,1fr) 130px 42px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.deck-row input{padding:7px}.error{color:#ffab9a}.success{color:#92cbb4}.chart{display:flex;align-items:flex-end;gap:5px;height:130px}.bar{display:flex;flex-direction:column-reverse;flex:1;background:#294f59;text-align:center;min-height:25px;padding:4px;font-size:12px}.metrics{display:flex;gap:15px;flex-wrap:wrap}.metric{flex:1;min-width:130px;background:#172b35;padding:18px;border-radius:8px}.metric b{display:block;font-size:30px;color:var(--gold)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:9px;border-bottom:1px solid var(--line);text-align:left}dialog{max-width:650px;width:95vw;max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:25px;background:#11212b;color:inherit}dialog::backdrop{background:#000a}dialog .row{margin-top:15px}.check{display:flex;gap:8px;align-items:center}.scroll{overflow:auto}.warning{border-left:3px solid var(--gold);padding:10px 15px;background:#302c23}.hidden{display:none!important}.tiny{font-size:11px}@media(min-width:1500px){.card{width:120px}.table-layout{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1000px){.table-layout{grid-template-columns:1fr}.table-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seats{grid-template-columns:1fr}.seat.mine{grid-column:auto}}@media(max-width:600px){main{padding:15px}header{padding:15px;gap:12px}nav{flex-wrap:wrap}.table-layout aside{display:block}.deck-row{grid-template-columns:50px 1fr 100px 35px}.card{width:92px;min-height:130px}h1{font-size:28px}}
:root{--card-width:100px}.seats{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}.seat:not(.mine){grid-column:span 2}.seat:first-child:nth-last-child(3),.seat:nth-child(2):nth-last-child(2){grid-column:span 3}.seat.mine{grid-column:1/-1}.seat .card{width:var(--card-width);min-height:125px}.seat .zone .cards{max-height:180px;overflow:auto;padding:4px}.seat .zone[data-drop-zone=command] .cards{max-height:80px}.seat .zone[data-drop-zone=command] .card{min-height:64px;max-height:70px;width:100px}.seat .zone[data-drop-zone=command] img{display:none}.seat:not(.mine) h2{font-size:17px}.seat:not(.mine) .life{font-size:27px}.seat:not(.mine){padding:12px}.seat .zone{margin-top:5px;padding:5px 0}.seat.mine .zone[data-drop-zone=hand] .cards{max-height:155px;flex-wrap:nowrap;overflow-x:auto}.seat.mine .zone[data-drop-zone=hand] .card{flex-shrink:0}.table-layout aside{max-height:calc(100vh - 110px);overflow:auto;position:sticky;top:80px;scrollbar-width:thin}.table-layout aside>.panel:first-child{margin-top:0}.compact{--card-width:78px}.large-cards{--card-width:125px}.chart-svg{max-height:180px}@media(max-width:1100px){.seat:not(.mine){grid-column:span 3}.seat:nth-child(3):nth-last-child(2){grid-column:1/-1}.table-layout aside{position:static;max-height:none}.table-layout{grid-template-columns:1fr}}@media(max-width:600px){.seat:not(.mine),.seat.mine{grid-column:1/-1}.seat .zone .cards{max-height:150px}}