:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10110f;color:#f5f3e8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(44,82,61,.32),transparent 36%),linear-gradient(220deg,rgba(100,67,42,.35),transparent 32%),#10110f}button,input,select{border:1px solid rgba(245,243,232,.18);border-radius:6px;background:#181b17;color:#f5f3e8;font:inherit}button{min-height:40px;padding:0 14px;cursor:pointer}button:hover:not(:disabled){background:#283322;border-color:#acd27e8c}button:disabled{cursor:not-allowed;opacity:.45}input,select{height:40px;padding:0 10px;width:100%}label{display:grid;gap:6px;color:#c9c8bb;font-size:13px}h1,h2,h3,p{margin:0}h1{font-size:28px}h2{margin-bottom:14px;font-size:15px;text-transform:uppercase;letter-spacing:0;color:#d7d8ca}h3{margin-bottom:10px;font-size:14px;color:#d7d8ca}#app{min-height:100vh}.topbar{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:22px;align-items:end;padding:24px;border-bottom:1px solid rgba(245,243,232,.12);background:#10110fc7}#connection-status{margin-top:6px;color:#acd27e}.connect-form{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(260px,1.2fr) auto;gap:12px;align-items:end}.lobby-panel{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;padding:18px 24px;border-bottom:1px solid rgba(245,243,232,.12);background:#10110f99}.lobby-panel h2{margin-bottom:10px}.lobby-status,#lobby-status{grid-column:1 / -1}.lobby-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.lobby-group:nth-of-type(n+2) .lobby-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.character-builder{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(220px,.9fr) minmax(360px,1.3fr);gap:18px;padding:18px 24px;border-bottom:1px solid rgba(245,243,232,.12);background:#10110f99}.builder-header{display:grid;align-content:start;gap:12px}.builder-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#ability-points{width:fit-content;padding:7px 10px;border-radius:6px;font-size:13px}.points-ok{background:#acd27e29;color:#acd27e}.points-warn{background:#cd934e29;color:#d7b56f}.race-options{display:grid;gap:8px}.race-option{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid rgba(245,243,232,.12);border-radius:6px;background:#171a16;cursor:pointer}.race-option.selected{border-color:#acd27e9e}.race-option input{width:18px;height:18px;margin:2px 0 0}.race-option small,.ability-row span{display:block;margin-top:3px;color:#8e9188;font-size:12px}.ability-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ability-row{display:grid;grid-template-columns:minmax(82px,1fr) 126px;gap:10px;align-items:center;padding:10px;border:1px solid rgba(245,243,232,.12);border-radius:6px;background:#171a16}.stepper{display:grid;grid-template-columns:34px 1fr 34px;gap:6px}.stepper button{min-height:34px;padding:0}.stepper input{height:34px;padding:0 4px;text-align:center}.table{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(220px,300px);gap:18px;padding:18px}.panel,.play-area{min-height:280px;padding:18px;border:1px solid rgba(245,243,232,.12);border-radius:8px;background:#10110fb8}.turn-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;padding:12px;border-radius:6px;background:#1a2018}#game-status{color:#acd27e}.actions,.pile-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.pile-controls button{min-width:118px}.player{display:grid;gap:6px;margin-bottom:10px;padding:12px;border:1px solid rgba(245,243,232,.12);border-radius:6px;background:#171a16}.player.current{border-color:#acd27e9e}.player span{display:block;margin-top:2px;color:#8e9188;font-size:12px}.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}.hand-header{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.hand-header h2{margin-bottom:0}.draw-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;max-width:min(100%,420px)}.preview-label,.preview-cards span{min-height:28px;display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(172,210,126,.22);border-radius:6px;background:#acd27e14;color:#d7d8ca;font-size:12px}.preview-label{color:#acd27e;font-weight:700}.preview-cards{display:flex;flex-wrap:wrap;gap:6px}.card,.empty-card{min-height:210px;padding:14px;border:1px solid rgba(245,243,232,.18);border-radius:8px;background:linear-gradient(180deg,rgba(245,243,232,.08),transparent 44%),#232017}.card{position:relative;display:grid;align-content:space-between;gap:10px}.card:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(172,210,126,.23);border-radius:5px;pointer-events:none}.card-cost{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#acd27e;color:#11140f;font-weight:800}.card h3{margin-top:10px;font-size:18px}.card p{color:#d7d8ca;line-height:1.45}.card-meta{display:flex;flex-wrap:wrap;gap:6px;color:#acd27e;font-size:12px}.card-meta span{padding:4px 8px;border:1px solid rgba(172,210,126,.22);border-radius:999px;background:#acd27e14}.card-target{position:relative;z-index:1}.card-target-empty{font-size:13px}.card-target-summary{position:relative;z-index:1;color:#d7d8ca;font-size:13px}.card-actions{display:flex;gap:8px}.card-actions button{flex:1;min-width:0}.empty-card,.muted{color:#8e9188}.pile-dialog{width:min(560px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 28px));padding:18px;border:1px solid rgba(245,243,232,.16);border-radius:8px;background:#141713;color:#f5f3e8}.pile-dialog::backdrop{background:#00000094}.pile-dialog-header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.pile-dialog-header h2{margin-bottom:0}.pile-list{display:grid;gap:8px;overflow:auto}.pile-card{display:grid;gap:3px;padding:10px;border:1px solid rgba(245,243,232,.12);border-radius:6px;background:#171a16}.pile-card span{color:#8e9188;font-size:12px}#event-log{display:grid;gap:8px;margin:0;padding-left:18px;color:#c9c8bb;font-size:13px}@media (max-width: 980px){.topbar,.lobby-panel,.character-builder,.table{grid-template-columns:1fr}.connect-form,.lobby-controls,.lobby-group:nth-of-type(n+2) .lobby-controls{grid-template-columns:1fr}}@media (max-width: 560px){.topbar,.lobby-panel,.character-builder,.table{padding-left:14px;padding-right:14px}.ability-controls{grid-template-columns:1fr}.ability-row{grid-template-columns:minmax(0,1fr) 126px}}