.online-access{flex-direction:column;gap:24px;display:flex}.online-access__header,.online-access__panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.online-access__header h1,.online-access__panel h2{margin:0}.online-access__eyebrow{color:#8a3d10;letter-spacing:0;margin:0 0 6px;font-size:.75rem;font-weight:700}.online-access__message,.online-access__accept{background:#fff7ed;border-left:4px solid #c55a18;padding:12px 16px}.online-access__owner-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;display:grid}.online-access__panel{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:20px}.online-access__allow-form,.online-access__issued{gap:8px;margin-top:20px;display:grid}.online-access__allow-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.online-access input{min-width:0;font:inherit;border:1px solid #8c959f;border-radius:6px;padding:10px 12px}.online-access__list{gap:0;margin:20px 0 0;padding:0;list-style:none;display:grid}.online-access__list li{border-top:1px solid #d8dee4;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}@media (width<=760px){.online-access__owner-grid{grid-template-columns:1fr}.online-access__header,.online-access__list li{align-items:flex-start}}.online-match{gap:24px;max-width:860px;margin:0 auto;display:grid}.online-match__header,.online-match__players,.online-match__connection{justify-content:space-between;align-items:center;gap:16px;display:flex}.online-match__header p,.online-match__header h1,.online-match__setup h2,.online-match__setup p{margin:0}.online-match__header p,.online-match__step{color:#8a3d10;font-size:.75rem;font-weight:800}.online-match__connection{background:#f6f8fa;border-left:4px solid #8c959f;padding:14px 18px}.online-match__connection--connected{border-left-color:#1a7f37}.online-match__connection--reconnecting{border-left-color:#bf8700}.online-match__connection--disconnected{border-left-color:#cf222e}.online-match__setup{background:#fff;border:1px solid #d0d7de;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(200px,.7fr) auto;align-items:end;gap:20px;padding:24px;display:grid}.online-match__setup select{min-width:0;font:inherit;border:1px solid #8c959f;border-radius:6px;padding:10px 12px}.online-match__players>div{border-top:3px solid #1f2328;gap:4px;min-width:160px;padding-top:12px;display:grid}.online-match__setup:has(.online-match__mulligan-card){grid-template-columns:minmax(0,1fr) auto auto}.online-match__setup ul{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.online-match__mulligan-card{text-align:center;gap:8px;width:140px;font-size:.85rem;font-weight:700;display:grid}.online-match__mulligan-card-image{aspect-ratio:5/7;background:#d4dae3;border:1px solid #b8bec7;border-radius:6px;overflow:hidden;box-shadow:0 6px 14px #1118272e}.online-match__mulligan-card-image img{object-fit:cover;width:100%;height:100%;display:block}.online-match__mulligan-card-image span{overflow-wrap:anywhere;place-items:center;height:100%;padding:8px;font-size:.8rem;display:grid}@media (width<=720px){.online-match__setup{grid-template-columns:1fr;align-items:stretch}.online-match__setup:has(.online-match__mulligan-card){grid-template-columns:1fr}.online-match__mulligan-card{width:30%}.online-match__players{align-items:stretch}.online-match__players>div{flex:1;min-width:0}}#root{max-width:1280px;margin:0 auto;padding:2rem}body{color:#1f2328;background:#f6f8fa;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer}.deck-builder{flex-direction:column;gap:1.5rem;display:flex}.deck-builder__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.deck-builder__toolbar{flex-wrap:wrap;gap:1rem;display:flex}.deck-builder__field{flex-direction:column;gap:.25rem;min-width:220px;display:flex}.deck-builder__field--compact{flex:0 0 82px;min-width:82px}.deck-builder__field--range-group{flex:0 0 168px;min-width:168px}.deck-builder__range{align-items:center;gap:.35rem;display:flex}.deck-builder__range input{flex:1;min-width:0}.deck-builder__field--sort{flex:0 0 110px;min-width:110px}.deck-builder__field--direction{flex:0 0 86px;min-width:86px}.deck-builder__field input,.deck-builder__field select{background:#fff;border:1px solid #d0d7de;border-radius:.5rem;padding:.5rem}.deck-builder__header-actions{gap:.75rem;display:flex}.deck-builder__deck-name{background:0 0;border:1px solid #0000;border-radius:.5rem;padding:.35rem .5rem;font-size:1.5rem;font-weight:700}.deck-builder__deck-name:hover,.deck-builder__deck-name:focus{background:#fff;border-color:#d0d7de}.deck-builder__content{grid-template-columns:minmax(0,3fr) minmax(380px,2fr);align-items:start;gap:1.5rem;display:grid}.deck-builder__panel{background:#fff;border:1px solid #d0d7de;border-radius:1rem;padding:1rem;transition:border-color .12s,background-color .12s}.deck-builder__panel--drag-over{background:#f0f7ff;border-color:#0969da}.deck-builder__panel--deck{grid-area:1/1;min-height:320px;max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}.deck-builder__panel--library{grid-area:1/2;min-height:320px;max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}.deck-builder__panel ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.deck-builder__panel .deck-builder__library-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.deck-builder__card-item,.deck-builder__entry{border:1px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.deck-builder__card-item{flex-direction:column;align-items:stretch;padding:.5rem}.deck-builder__card-item>button{width:100%;min-height:30px;padding:.25rem}.deck-builder__card-main,.deck-builder__entry-main{align-items:center;gap:.75rem;min-width:0;display:flex}.deck-builder__card-main{flex-direction:column;align-items:stretch;gap:.35rem}.deck-builder__card-main .deck-builder__draggable-card{width:100%}.deck-builder__card-main .deck-builder__card-image{aspect-ratio:5/7;width:100%;height:auto}.deck-builder__card-caption{min-width:0;font-size:.72rem;line-height:1.3}.deck-builder__card-caption strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.9em;display:-webkit-box;overflow:hidden}.deck-builder__card-image,.deck-builder__entry-image{object-fit:cover;background:#e5e7eb;border-radius:.5rem;flex-shrink:0;width:56px;height:80px;display:block}.deck-builder__draggable-card{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;flex-shrink:0;display:inline-flex}.deck-builder__draggable-card:active{cursor:grabbing}.deck-builder__deck-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;display:grid!important}.deck-builder__entry{flex-direction:column;align-items:stretch}.deck-builder__entry-main{justify-content:center;position:relative}.deck-builder__entry-main .deck-builder__draggable-card{width:100%}.deck-builder__entry-image{aspect-ratio:5/7;width:100%;height:auto}.deck-builder__quantity{color:#1f2328;text-align:center;background:#f6f8fa;border:1px solid #d0d7de;border-radius:.35rem;padding:.25rem .4rem;font-size:1rem;font-weight:700;line-height:1.2}.deck-builder__entry .deck-builder__actions{justify-content:center}.deck-builder__actions{gap:.25rem;display:flex}.deck-builder__actions button{width:28px;height:28px;padding:0;font-size:.8rem;line-height:1}.deck-builder__actions .deck-builder__delete-button{width:42px;font-size:.7rem}.deck-builder__representative-button{color:#8c959f}.deck-builder__representative-button--active{color:#bf8700;border-color:#bf8700}.deck-builder__image-preview{z-index:100;pointer-events:none;background:#fff;border:1px solid #8c959f;border-radius:.5rem;flex-direction:column;gap:.35rem;width:min(560px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:.75rem;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 12px 32px #1f232847}.deck-builder__image-preview img{aspect-ratio:5/7;object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 6rem);display:block}.deck-builder__image-preview span{color:#57606a;font-size:.8rem}@media (width<=900px){.deck-builder__content{grid-template-columns:1fr}.deck-builder__panel--deck,.deck-builder__panel--library{grid-column:1}.deck-builder__panel--deck{grid-row:1;max-height:none;position:static;overflow-y:visible}.deck-builder__panel--library{grid-row:2}.deck-builder__panel .deck-builder__library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.deck-list{flex-direction:column;gap:1.25rem;display:flex}.deck-list__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.deck-list__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.deck-list__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.deck-list__card{background:#fff;border:1px solid #d0d7de;border-radius:1rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.deck-list__card-actions{gap:8px;display:flex}.deck-list__representatives{gap:6px;margin-top:8px;display:flex}.deck-list__representatives img{aspect-ratio:5/7;object-fit:cover;border-radius:.35rem;width:56px}.deck-list__representative-fallback{aspect-ratio:5/7;text-align:center;color:#57606a;border:1px solid #d0d7de;border-radius:.35rem;justify-content:center;align-items:center;width:56px;font-size:.6rem;display:flex}.deck-list__delete-button{color:#9f1c1c}.deck-list__empty{color:#57606a}.match-setup,.match-board{width:min(1100px,100vw - 48px);margin:0 auto}.match-setup__header,.match-board__header{border-bottom:3px solid #171a1f;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;display:flex}.match-setup__header h1,.match-board__header h1{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.match-setup__eyebrow,.match-board__header p{color:#c43d2e;letter-spacing:0;margin:0 0 8px;font-weight:800}.match-setup__grid{border-top:1px solid #b8bec7;border-left:1px solid #b8bec7;grid-template-columns:repeat(2,minmax(0,1fr));margin:36px 0;display:grid}.mulligan-screen{flex-direction:column;gap:24px;width:min(900px,100vw - 48px);margin:0 auto;padding:24px 0;display:flex}.mulligan-screen__hand{background:#eef1f5;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;display:flex}.mulligan-screen__card{flex-direction:column;gap:8px;width:180px;display:flex}.mulligan-screen__card-image{aspect-ratio:5/7;background:#d4dae3;border:1px solid #b8bec7;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 6px 14px #1118272e}.mulligan-screen__card-image img{object-fit:cover;width:100%;height:100%;display:block}.mulligan-screen__card-image span{overflow-wrap:anywhere;text-align:center;place-items:center;height:100%;padding:8px;font-size:.8rem;display:grid}.mulligan-screen__card-name{color:#171a1f;text-align:center;margin:0;font-size:.85rem;font-weight:700}.mulligan-screen__actions{gap:12px;display:flex}@media (width<=700px){.mulligan-screen__card{width:30%}}.match-setup__section{background:#fff;border:1px solid #b8bec7;border-top:0;border-left:0;min-width:0;margin:0;padding:28px}.match-setup__section label,.match-setup__section legend{color:#171a1f;margin-bottom:14px;font-size:1rem;font-weight:800;display:block}.match-setup__section select{color:#171a1f;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #727983;border-radius:4px;padding:0 12px}.match-setup__section p{color:#59616d;margin:12px 0 0}.match-setup__turn-order{grid-column:1/-1}.match-setup__choices{gap:12px;display:flex}.match-setup__choices label{cursor:pointer;border:1px solid #727983;border-radius:4px;flex:1;align-items:center;gap:10px;min-height:48px;margin:0;padding:0 14px;display:flex}.match-setup__step{color:#c43d2e;margin-bottom:18px;font-size:1.8rem;font-weight:900;display:block}.match-setup__start{color:#fff;background:#171a1f;border-color:#171a1f;min-width:220px;margin-left:auto;font-weight:800;display:block}.match-setup__start:disabled{cursor:not-allowed;opacity:.45}.match-setup__secondary{background:0 0}.match-board{gap:24px;width:min(1240px,100vw - 48px);display:grid}.match-board__sheets{gap:20px;padding-bottom:8px;display:grid;overflow-x:auto}.match-board__reveal-lane{background:#f4f7fb;border:1px solid #98a3b2;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);gap:12px;min-width:860px;padding:10px 12px;display:grid}.match-board__reveal-actions{justify-content:center;align-items:center;display:flex}.match-board__reveal-zone .play-zone__cards{min-height:82px}.play-sheet{background-color:#edf1f6;background-image:repeating-linear-gradient(135deg,#0000 0 28px,#616f840f 29px 30px);border:2px solid #8793a4;grid-template:"title title title"34px"base battle deck"minmax(168px,auto)"shield resource trash"minmax(112px,auto)"hand hand banished"minmax(112px,auto)/118px minmax(560px,1fr) 126px;gap:8px;min-width:860px;padding:12px;display:grid}.play-sheet--player{background-color:#edf5f1;border-color:#507c70}.play-sheet--opponent{grid-template-rows:34px minmax(112px,auto) minmax(112px,auto) minmax(168px,auto);grid-template-areas:"title title title""banished hand hand""trash resource shield""deck battle base"}.play-sheet__title{grid-area:title;align-self:center;padding-left:8px;font-size:1rem;font-weight:900}.play-zone{background:#ffffffc2;border:1px solid #98a3b2;min-width:0;padding:7px;transition:border-color .12s,background-color .12s}.play-zone--over{background:#fff3df;border-color:#c43d2e;box-shadow:inset 0 0 0 2px #c43d2e}.play-zone>header{color:#445063;justify-content:space-between;align-items:center;gap:8px;min-height:20px;margin-bottom:6px;font-size:.72rem;display:flex}.play-zone__cards{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:5px;min-height:68px;display:flex}.play-card{z-index:1;aspect-ratio:5/7;color:#303946;touch-action:none;background:#d4dae3;border:1px solid #576170;border-radius:3px;width:55px;padding:0;position:relative;overflow:visible}.play-card>img{object-fit:cover;width:100%;height:100%;display:block}.play-card>span:not(.play-card__preview):not(.play-card__damage):not(.play-card__pilot):not(.play-card__remaining){overflow-wrap:anywhere;place-items:center;height:100%;padding:3px;font-size:.58rem;display:grid}.play-card--dragging{z-index:20;opacity:.72}.play-card--drag-overlay{pointer-events:none;z-index:300;box-shadow:0 12px 28px #1118274d}.play-card--drag-overlay.play-card--rest{transform:rotate(90deg)}.play-card--ghost{pointer-events:none;opacity:.88}.play-sheet__shield{grid-area:shield}.play-sheet__base{grid-area:base}.play-sheet__battle{grid-area:battle}.play-sheet__deck{grid-area:deck}.play-sheet__resource{grid-area:resource}.play-sheet__trash{grid-area:trash}.play-sheet__banished{grid-area:banished}.play-sheet__hand{grid-area:hand}.play-sheet__base{align-self:start;min-height:72px}.play-sheet__base .play-zone__cards{min-height:38px}.play-sheet__shield{min-height:148px}.battle-slots{grid-template-columns:repeat(6,minmax(72px,1fr));gap:6px;display:grid}.battle-slot{border-style:dashed;min-height:125px}.battle-slot>header{justify-content:center}.battle-slot>header span{display:none}.battle-slot .play-zone__cards{justify-content:center}.play-sheet__resource .play-card,.play-sheet__hand .play-card{width:58px}.play-zone__resource-controls{align-items:center;gap:4px;display:inline-flex}.play-zone__resource-op{min-width:34px;padding:1px 5px;font-size:.62rem;line-height:1.35}@media (width<=700px){.match-setup,.match-board{width:min(100% - 24px,1100px)}.match-setup__header,.match-board__header{flex-direction:column;align-items:flex-start}.match-setup__grid{grid-template-columns:1fr}.match-setup__choices{flex-direction:column}.match-board{width:calc(100vw - 24px)}.play-sheet{grid-template-columns:110px minmax(540px,1fr) 116px}}.match-board__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.match-board__actions button:disabled{cursor:not-allowed;opacity:.45}.match-board__sync{color:#445063;background:#fff;border-left:4px solid #c43d2e;align-items:center;gap:12px;padding:12px 16px;font-size:.88rem;display:flex}.match-board__sync strong{color:#171a1f}@media (width<=700px){.match-board__sync{flex-direction:column;align-items:flex-start}}.play-card--selected{outline-offset:2px;outline:3px solid #c43d2e}.play-zone__concealed{color:#59616d;align-self:center;font-size:.78rem;font-weight:800}.play-card__back{color:#fff;background:repeating-linear-gradient(135deg,#202b3b 0 8px,#33445b 8px 16px);font-weight:900}.match-board__card-preview{z-index:150;pointer-events:none;filter:drop-shadow(0 16px 28px #11182761);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(520px,52vw);display:grid;position:fixed;top:150px;left:50%;transform:translate(-50%)}.match-board__card-preview img{aspect-ratio:5/7;object-fit:contain;width:100%;display:block}.play-card__damage{color:#171a1f;background:#fff;border:1px solid #171a1f;border-radius:4px;place-items:center;width:34px;height:34px;font-size:1.4rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-11px;right:-11px}.play-card__pilot{background:#dde4ee;border:1px solid #576170;border-top:none;border-radius:0 0 3px 3px;height:18px;position:absolute;bottom:-19px;left:-1px;right:-1px;overflow:hidden}.play-card__pilot img{object-fit:cover;width:100%;height:100%;display:block}.play-card__pilot>span{text-overflow:ellipsis;white-space:nowrap;padding:1px 3px;font-size:.52rem;display:block;overflow:hidden}.match-board__context{background:#edf1f6;border:1px solid #98a3b2;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:10px 16px;display:flex}.match-board__context--floating{z-index:180;border-color:#59616d;width:min(420px,100vw - 24px);max-height:280px;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 24px #1118273d}.match-board__context strong,.match-board__context span{margin-right:4px}.match-board__die{background:#fff;border-color:#59616d;width:44px;height:44px;padding:0;font-size:1.3rem;font-weight:900;line-height:1}.match-board__context--battle button{padding:.35em .7em;font-size:.85em}.match-board__context--battle{gap:8px;display:grid}.match-board__context-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.match-board__damage-grid{grid-template-columns:repeat(6,minmax(28px,1fr));gap:4px;display:grid}.match-board__context--battle .match-board__die{width:32px;height:32px;font-size:1rem}.match-board__context-close{background:#fff;border-color:#59616d;justify-self:end;width:28px;height:28px;padding:0;font-size:1rem;font-weight:900;line-height:1}.match-board__peek-input{align-items:center;gap:4px;display:inline-flex}.match-board__peek-input input{width:56px;padding:.3em .4em}.match-board__peek-input select{width:64px;padding:.25em .3em}.deck-peek{z-index:200;background:#171a1fb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.deck-peek__panel{background:#fff;width:min(700px,100%);max-height:min(600px,100vh - 48px);padding:20px;overflow:auto}.deck-peek__panel>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.deck-peek__panel h2{margin:0;font-size:1.3rem}.deck-peek__cards{flex-wrap:wrap;gap:12px;min-height:90px;display:flex}@media (width<=700px){.match-board__card-preview{width:min(280px,62vw);top:96px}}.trash-viewer{z-index:200;background:#171a1fb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.trash-viewer__panel{background:#fff;width:min(900px,100%);max-height:min(720px,100vh - 48px);padding:20px;overflow:auto}.trash-viewer__panel>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.trash-viewer__panel h2{margin:0;font-size:1.4rem}.trash-viewer__cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.trash-viewer__cards img{aspect-ratio:5/7;object-fit:contain;width:100%}.trash-viewer__actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.trash-viewer__item{background:#fff;border:1px solid #98a3b2;padding:0}.trash-viewer__item--selected{border-color:#c43d2e;box-shadow:inset 0 0 0 2px #c43d2e}.match-board__log-list{flex-direction:column;gap:6px;display:flex}.match-board__log-line{white-space:nowrap;margin:0;padding-bottom:2px;line-height:1.4;overflow-x:auto}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{color:#1f2328;cursor:pointer;background-color:#f6f8fa;border:1px solid #8c959f;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .15s,background-color .15s}button:hover{background-color:#eaeef2;border-color:#0969da}button:disabled{cursor:not-allowed;opacity:.6}button:focus,button:focus-visible{outline-offset:1px;outline:2px solid #0969da}