.compact{padding:7px 10px;font-size:.72rem}
.app-shell{grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(250px,285px)}
.workspace,.editor,.canvas-panel,.settings{min-width:0}
.editor-head,.canvas-toolbar,.canvas-note{gap:12px;flex-wrap:wrap}
.decklist-tools{display:flex;align-items:center;gap:10px;margin-top:9px;color:var(--muted);font-size:.75rem}
.section-divider{grid-column:1/-1;height:25px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(226,190,126,.72);color:#f0c77e;letter-spacing:.12em;font-family:Georgia,serif}
.section-divider span{color:#c4b9a4;font:700 .65rem Inter,Segoe UI,sans-serif;letter-spacing:.04em}
.fullscreen-actions{display:none;position:absolute;z-index:20;left:18px;top:16px;gap:8px}
.deck-canvas{overflow:hidden;min-height:520px}
.card-grid{display:grid;grid-template-columns:repeat(var(--fit-cols,8),var(--fit-card,80px));gap:var(--fit-gap,6px);justify-content:center;align-content:center;min-height:100%;height:100%;padding:4px 4px 88px}
.card-tile{width:var(--fit-card,80px)}
.deck-canvas.presentation-mode{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;min-height:100dvh;border:0;border-radius:0;padding:20px;background-color:var(--felt)}
.deck-canvas.presentation-mode .watermark img{width:clamp(64px,8vw,130px)}
.deck-canvas.presentation-mode .watermark span{font-size:clamp(1rem,2vw,2rem)}
.deck-canvas.presentation-mode .card-grid{height:100%;padding:20px 20px 90px}
.deck-canvas.presentation-mode .fullscreen-actions{display:flex}
body.presentation-open{overflow:hidden}
@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.settings .panel-title,.settings .status-card{grid-column:1/-1}.status-card{margin-top:0}}
@media(max-width:820px){.app-shell{display:flex;flex-direction:column}.workspace{order:1}.settings{order:2;display:flex}.library{order:3}}
@media(max-width:760px){.view-actions{flex-wrap:wrap;justify-content:flex-end}.compact{font-size:.66rem;padding:6px}.deck-canvas{overflow:hidden;min-height:500px}.fullscreen-actions{left:8px;top:8px}.fullscreen-actions .button{padding:7px 9px;font-size:.72rem}}
.storage-warning{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:11px 13px;border:1px solid #a76d28;border-left:4px solid var(--gold);border-radius:6px;background:#2a2115;color:#d8cdb9;font-size:.8rem;line-height:1.42}.storage-warning strong{flex:0 0 auto;color:#f2cc88}.storage-warning span{min-width:0}
@media(max-width:760px){.storage-warning{display:grid;gap:3px;font-size:.77rem}}
.export-card{width:min(680px,calc(100vw - 24px))}.export-card>img{display:block;width:100%;max-height:55vh;object-fit:contain;border:1px solid #514a3c;border-radius:6px;background:#0b0b0b}.export-card p{font-size:.9rem}.export-card b{color:#f2cc88}
.deck-item{position:relative;padding-right:62px}.deck-delete{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:1px solid #70403a;border-radius:4px;background:#2b1916;color:#e8b3aa;padding:5px 7px;font:700 .68rem Inter,Segoe UI,sans-serif;cursor:pointer}.deck-delete:hover,.deck-delete:focus-visible{background:#8d2922;color:#fff;border-color:#ad3930}
.editor-tabs{display:flex;gap:5px;padding:4px;background:#0f0e0b;border:1px solid var(--line);border-radius:7px}.editor-tab{border:0;border-radius:4px;background:transparent;color:var(--muted);padding:8px 11px;font-weight:800;cursor:pointer}.editor-tab.active{background:var(--gold);color:#171109}.editor-panel[hidden]{display:none}.editor-action{display:flex;justify-content:flex-end;margin-top:11px}.builder-panel{min-height:380px}.builder-searchbar{display:grid;grid-template-columns:minmax(180px,1fr) 145px auto;gap:8px}.builder-searchbar input,.builder-searchbar select{padding:10px}.builder-note{color:var(--muted);font-size:.76rem;margin:8px 0 10px}.builder-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:7px;max-height:280px;overflow:auto;padding-right:3px}.builder-result{display:flex;gap:9px;padding:8px;background:#211e18;border:1px solid var(--line);border-radius:6px}.builder-result img{width:50px;height:70px;object-fit:cover;border-radius:4px}.builder-result>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.builder-result strong{font-size:.82rem}.builder-result small{color:var(--muted);font-size:.68rem;line-height:1.25}.builder-result span{display:flex;gap:5px;margin-top:auto}.builder-empty{grid-column:1/-1;padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:6px}.builder-deck-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--line)}.builder-deck-head small,.builder-deck-head strong{display:block}.builder-deck-head strong{margin-top:3px;font-size:.84rem}.builder-deck{display:grid;gap:4px;max-height:310px;overflow:auto}.builder-deck h3{font:800 .72rem Georgia,serif;letter-spacing:.12em;color:var(--gold);margin:10px 0 3px}.builder-row{display:grid;grid-template-columns:26px minmax(0,1fr) 28px 28px 28px;gap:5px;align-items:center;padding:6px 7px;background:#15130f;border:1px solid #302c25;border-radius:5px}.builder-row>b{color:var(--gold);text-align:center}.builder-row span,.builder-row strong,.builder-row small{display:block;min-width:0}.builder-row strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-row small{font-size:.66rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-row button{height:27px;border:1px solid var(--line);border-radius:4px;background:#28231c;color:var(--ink);cursor:pointer}.builder-row .remove{color:#e8a29a}@media(max-width:760px){.editor-tabs{width:100%}.editor-tab{flex:1}.builder-searchbar{grid-template-columns:1fr 115px}.builder-searchbar .button{grid-column:1/-1}.builder-results{grid-template-columns:1fr;max-height:360px}.builder-deck{max-height:420px}}
.builder-card-preview{display:block;flex:0 0 50px;border:0;padding:0;background:none;cursor:zoom-in;border-radius:4px}.builder-card-preview:hover,.builder-card-preview:focus-visible{outline:2px solid var(--gold);outline-offset:2px;transform:scale(1.04)}.builder-detail-card{position:relative;display:grid;grid-template-columns:minmax(260px,390px) minmax(260px,380px);gap:24px;align-items:center;width:min(830px,calc(100vw - 24px));max-height:94vh;overflow:auto;background:#17140f;border:1px solid #5a4c38;border-radius:10px;padding:24px;box-shadow:0 25px 80px #000}.builder-detail-card>img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:5.5% / 4%;filter:drop-shadow(0 10px 18px #0008)}.builder-detail-copy h2{font-family:Georgia,serif;font-size:1.8rem;margin:5px 0 8px}.builder-detail-copy>small{color:var(--gold);font-weight:800;letter-spacing:.14em}.builder-detail-copy>strong{display:block;color:#d1b57c;font-size:.82rem}.builder-detail-copy p{white-space:pre-line;line-height:1.55;color:#ddd4c5;margin:20px 0;padding:16px;background:#0f0e0b;border:1px solid var(--line);border-radius:6px}@media(max-width:680px){.builder-detail-card{grid-template-columns:1fr;padding:18px}.builder-detail-card>img{max-height:58vh}.builder-detail-copy h2{font-size:1.35rem}.builder-detail-copy p{margin:12px 0;padding:12px}}
.game-room-screen{min-height:calc(100vh - 74px);padding:22px;max-width:1500px;margin:0 auto}.game-room-screen[hidden]{display:none}.game-room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.game-room-head small{color:var(--gold);font-weight:850;letter-spacing:.14em}.game-room-head h1{font-family:Georgia,serif;margin:4px 0;font-size:1.8rem}.game-room-head p{margin:0;color:var(--muted)}.game-room-setup{padding:22px;max-width:820px}.game-room-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.game-room-fields label,.game-invite label{display:grid;gap:7px;color:var(--muted);font-size:.8rem;font-weight:700}.game-room-fields input,.game-room-fields select,.game-invite input{padding:11px;width:100%}.game-room-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.game-invite{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:18px;padding:14px;border:1px solid #785b30;background:#241c12;border-radius:7px}.game-room-note{color:var(--muted);font-size:.78rem;line-height:1.5;margin:16px 0 0}.game-room-live{padding:12px;height:calc(100dvh - 145px);min-height:620px}.game-live-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 12px}.game-live-bar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.game-live-bar strong,.game-live-bar small{display:block}.game-live-bar small{color:var(--muted)}.life-overlay{display:grid;grid-template-columns:minmax(120px,190px) 1fr minmax(120px,190px);gap:10px;align-items:stretch;margin:0 0 10px}.life-player{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:8px 12px;border:1px solid #8b6834;border-radius:8px;background:linear-gradient(135deg,#231a10,#3a2916);box-shadow:0 5px 16px #0007}.life-player.is-yours{border-color:#dbb15c;box-shadow:0 0 0 2px #dbb15c33,0 5px 16px #0008}.life-player small{color:#dcb86e;font-weight:900;letter-spacing:.11em}.life-player strong{grid-row:1/3;font:900 2.65rem/1 Georgia,serif;color:#fff4d5;text-shadow:0 2px 0 #000}.life-player div{display:flex;gap:5px}.life-button{width:32px;height:26px;border:1px solid #94703a;border-radius:5px;background:#16110b;color:#fff4d5;font-size:1.15rem;font-weight:900;line-height:1;cursor:pointer}.life-button:hover,.life-button:focus-visible{background:#b28740;color:#100c08;outline:2px solid #f4d389;outline-offset:1px}.life-button:disabled{opacity:.3;cursor:not-allowed}.life-help{display:grid;place-content:center;text-align:center;color:#e8d5ad}.life-help b{font-size:.9rem}.life-help small{margin-top:3px;color:var(--muted)}.jitsi-container{height:calc(100% - 145px);min-height:420px;border-radius:7px;overflow:hidden;background:#080706}.jitsi-container iframe{display:block;border:0}.game-loading{height:100%;display:grid;place-items:center;color:var(--muted)}@media(max-width:760px){.game-room-screen{padding:12px}.game-room-head{display:grid}.game-room-fields{grid-template-columns:1fr}.game-invite{grid-template-columns:1fr}.game-room-live{height:auto;min-height:700px;padding:7px}.game-live-bar{align-items:flex-start}.life-overlay{grid-template-columns:1fr 1fr}.life-help{grid-column:1/-1;grid-row:2;padding:3px}.life-player{grid-row:1}.life-player strong{font-size:2.25rem}.jitsi-container{height:62dvh;min-height:410px}}

.deck-file-actions{display:grid;gap:8px;margin-top:16px}.deck-file-actions .button{display:block;text-align:center;cursor:pointer}.deck-item{padding-right:65px;padding-bottom:38px}.deck-edit{position:absolute;left:8px;bottom:6px;border:1px solid #9a805c;border-radius:4px;background:#2c352a;color:#f3dfb8;padding:5px 10px;font-weight:700;cursor:pointer}.deck-delete{top:auto;bottom:6px;transform:none}

.deck-import-message{margin:12px 0 0;padding:10px 12px;border:1px solid #a78347;border-radius:6px;background:#30271c;color:#f4e4c6;font-size:.88rem;line-height:1.4}.deck-import-message[hidden]{display:none}
.import-picture-reference{position:relative;margin-top:12px;padding:10px;border:1px solid #a78347;border-radius:6px;background:#171b16}.import-picture-reference[hidden]{display:none}.import-picture-reference strong{display:block;margin-bottom:8px;color:#f4e4c6}.import-picture-reference button{position:absolute;right:8px;top:5px;border:0;background:none;color:#f4e4c6;font-size:1.5rem;cursor:pointer}.import-picture-reference img{display:block;width:100%;max-height:330px;object-fit:contain}
/* Match controls and uncropped play-area cameras. */
.match-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:5px}.match-actions .button{padding:6px 9px;font-size:.75rem}.life-help #matchScore{font:900 1.1rem Georgia,serif;color:#f4cf7a}.camera-preview-tile video,.livekit-tile video{object-fit:contain!important;background:#050908}.game-room-fields label:has(#gameCameraFormat){min-width:0}