.arrow-picker-grid{text-align:center;grid-template-columns:repeat(3,42px);align-items:center;gap:4px;display:grid}.arrow-picker-grid button{padding:7px;font-size:20px}.arrow-picker-grid button[aria-pressed=true]{color:#fff;background:#993c40;border-color:#ff8e8e}.arrow-picker-grid span{font-size:10px}.link-arrow-picker{border:1px solid #8a7860;width:max-content;padding:10px}.extra-monster-zone.choose-zone,.zone.choose-zone{outline:2px dashed var(--gold);outline-offset:-3px}.extra-opponent>.card-on-mat{transform:rotate(180deg)}.extra-monster-zone>.card-on-mat{width:100%;height:100%}.extra-monster-zone .board-stats{padding:1px;font-size:7px;line-height:1.1}.extra-monster-zone .board-stats small,.extra-monster-zone .board-card-name{display:none}.board-link-pointers{pointer-events:none;z-index:12;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-link-pointers>path{fill:none;stroke-width:2px;opacity:.8;filter:drop-shadow(0 0 4px)}.co-link-badge,.overlay-badge{z-index:4;color:#e5eefa;background:#142536;border:1px solid #7fa4c5;border-radius:4px;padding:2px 4px;font-size:10px;position:absolute}.co-link-badge{top:3px;left:3px}.overlay-badge{top:3px;right:3px;box-shadow:2px 2px #345,4px 4px #123}.pile-cards>.legal-extra-summon{outline:1px solid var(--gold);background:#d2ad5512;border-radius:4px;padding:6px}.extra-summon-status p{font-size:12px;line-height:1.4}.extra-deck-view .pile-cards .card-on-mat{height:auto}.extra-deck-view .pile-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.extra-deck-view .pile-cards .card-tile{width:100%;max-width:none;transform:none}.extra-monster-zone .co-link-badge{white-space:nowrap;padding:1px;font-size:6px;top:1px;left:1px}.summon-materials{background:#17202c;border:1px solid #99855d;border-radius:5px;margin:10px 0;padding:12px}.summon-materials h3{font-size:16px}.summon-materials p{font-size:13px;line-height:1.45}.material-choices{gap:8px;max-height:250px;margin:12px 0;display:grid;overflow:auto}.material-choices label{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.material-choices input{width:auto}.summon-materials>button{margin:4px}.summon-materials>label{display:block}.living-field{background:#101e25;border:1px solid #32434a;border-radius:10px;margin:12px 0;overflow:hidden}.living-field canvas{width:100%;height:auto;display:block}.motion-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:9px 12px;font-size:11px;display:flex}.motion-toolbar label{align-items:center;gap:5px;display:flex}.motion-toolbar input{width:auto}.teaching-panel{background:#1c2b30;border:1px solid #796648;border-radius:8px;margin:12px 0;padding:16px}.teaching-panel p{font-size:13px;line-height:1.6}.glossary{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.glossary details{max-width:250px;font-size:12px}.glossary summary{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.glossary [role=tooltip]{background:#122029;padding:8px;display:block}.hint-level{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.hint-level select{width:auto}.phase-help{color:#c5d5d8;font-size:13px;line-height:1.6}.why-action{margin:4px 0 8px;font-size:12px}.why-action summary{cursor:pointer;color:#e2c595}.practice-mode{background:#18292f;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:8px;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.watch-chat{gap:var(--watch-gap,.5rem);padding:var(--watch-pad,.75rem);color:var(--watch-fg,inherit);background:var(--watch-bg,transparent);border:1px solid var(--watch-border,currentColor);border-radius:var(--watch-radius,4px);font:inherit;flex-direction:column;display:flex}.watch-chat__head{align-items:baseline;gap:var(--watch-gap,.5rem);display:flex}.watch-chat__title{font-size:var(--watch-title-size,1rem);margin:0}.watch-chat__count{opacity:.7;margin-inline-end:auto}.watch-chat__roster{gap:var(--watch-gap,.5rem);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.watch-chat__watcher[data-muted=true] span{text-decoration:line-through}.watch-chat__log{max-height:var(--watch-log-height,14rem);overflow-wrap:anywhere;margin:0;padding:0;list-style:none;overflow-y:auto}.watch-chat__name{color:var(--watch-name,inherit);margin-inline-end:.35em;font-weight:700}.watch-chat__message[data-role=host] .watch-chat__name{color:var(--watch-host,inherit)}.watch-chat__message[data-role=player] .watch-chat__name{color:var(--watch-player,inherit)}.watch-chat__badge{text-transform:uppercase;border:1px solid var(--watch-badge-border,currentColor);border-radius:var(--watch-radius,4px);margin-inline-end:.35em;padding:0 .3em;font-size:.75em}.watch-chat__error{color:var(--watch-error,inherit);margin:0}.watch-chat__note{opacity:.7;margin:0}.watch-chat__form{gap:var(--watch-gap,.5rem);display:flex}.watch-chat__label{flex:1;display:flex}.watch-chat__label input{min-width:0;font:inherit;flex:1}.watch-chat__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.workspace-nav{z-index:120;gap:var(--space-3);min-height:56px;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--line);background:#10171c;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.workspace-nav>div{gap:var(--space-1);display:flex}.workspace-nav button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:10px 14px}.workspace-nav button[aria-current]{color:var(--gold);background:#d7b57917}.workspace-nav>span{letter-spacing:1px;color:var(--muted);font-size:10px}.workspace-wordmark{color:var(--gold);letter-spacing:2px;font-size:12px;font-weight:700;text-decoration:none}.privacy-curtain{top:56px}.native-modal{width:100%;max-width:none;height:100%;max-height:none;color:inherit;border:0;margin:0}.native-modal:not([open]){display:none}.native-modal::backdrop{background:#070e13d9}.studio-shell{max-width:1580px;margin:auto;padding:36px}.studio-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.studio-heading h1{margin:10px 0;font:400 clamp(28px,3.5vw,44px) Georgia,serif}.studio-heading p{color:var(--muted);font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-button{position:relative}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button:focus-within{outline:2px solid var(--gold);outline-offset:3px}.studio-shell label{color:#c7d1ce;flex-direction:column;gap:7px;font-size:12px;display:flex}.studio-shell input,.studio-shell select,.studio-shell textarea{color:#edf0e9;font:inherit;background:#10191e;border:1px solid #ffffff20;border-radius:5px;width:100%;min-width:0;padding:10px}.studio-shell input[type=color]{height:40px;padding:4px}.studio-shell input[type=file]{font-size:11px}.studio-shell textarea{resize:vertical}.creator-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 350px;align-items:start;display:grid}.creator-form{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.field-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;margin:0;padding:22px}.field-group legend{color:var(--gold);letter-spacing:1px;padding:0 8px;font-size:12px}.form-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wide-field{grid-column:1/-1}.studio-shell .checkbox-field{flex-direction:row;align-items:center;gap:9px;display:flex}.studio-shell input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold)}.preview-column{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:84px}.full-card{--card-color:var(--gold);background:linear-gradient(145deg, color-mix(in srgb, var(--card-color) 58%, #262329), #302f2a);color:#171b1a;border:7px solid #222528;border-radius:12px;outline:1px solid #ffffff30;width:100%;max-width:350px;margin:auto;padding:12px;box-shadow:0 12px 35px #0005}.full-card-title{border-bottom:1px solid #0005;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.full-card-title h2{overflow-wrap:anywhere;margin:0;font:700 20px Georgia,serif}.full-card-title>span{border:1px solid #0005;border-radius:20px;padding:7px;font-size:9px}.card-rating{text-align:right;padding:8px 0;font-size:10px;font-weight:700}.full-card .card-art{aspect-ratio:1;object-fit:cover;border:3px solid #263332;width:100%;height:auto;display:block}.uploaded-art{object-fit:cover}.full-card-body{overflow-wrap:anywhere;background:#f1e6d0;border:1px solid #0006;min-height:115px;margin-top:10px;padding:11px;font-size:11px}.full-card-body p{white-space:pre-wrap;margin:6px 0;line-height:1.5}.full-card-body b{font-size:10px}.full-card-body small{border-top:1px solid #0004;margin-top:8px;padding-top:5px;font-size:8px;display:block}.full-card-stats{text-align:right;border-top:1px solid #0005;margin-top:8px;padding-top:7px;font-size:12px;font-weight:700}.full-card-credit{overflow-wrap:anywhere;justify-content:space-between;gap:8px;margin-top:9px;font-size:8px;display:flex}.builder{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.section-heading{gap:var(--space-2);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-heading h2,.section-heading h3{margin:4px 0;font-weight:500}.section-heading h3{overflow-wrap:anywhere;font-size:14px}.section-heading h2 span{color:var(--muted);font-size:12px}.effect-editor{border-top:1px solid var(--line);flex-direction:column;gap:16px;padding:20px 0;display:flex}.effect-editor .field-group{padding:15px}.effect-explanation{border-left:2px solid var(--teal);background:#76bfad09;padding:8px 14px;font-size:12px;line-height:1.5}.effect-explanation p{margin:5px 0}.dsl-output{background:#0d1418;max-height:400px;padding:14px;font-size:11px;overflow:auto}.builder summary{cursor:pointer;color:var(--gold);padding:12px 0;font-size:12px}.operation-row{border-bottom:1px solid var(--line);margin-bottom:10px;padding:10px 0}.cost-form{flex-direction:column;gap:12px;display:flex}.character-preview{object-fit:contain;background:repeating-conic-gradient(#ffffff10 0% 25%,#0001 0% 50%) 50%/16px 16px;width:80px;height:80px}.collection-strip,.deck-library{margin-bottom:28px;padding:24px}.library-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:245px;display:grid;overflow-y:auto}.library-entry{border:1px solid var(--line);align-items:center;gap:9px;min-width:0;padding:12px;display:flex}.library-entry>span{flex:1;min-width:0}.library-entry b{overflow-wrap:anywhere;font-size:12px;display:block}.library-entry small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.library-entry button{flex-shrink:0;font-size:10px}.save-notice{color:var(--teal);background:#76bfad15;border:1px solid #76bfad40;padding:12px 16px}.deck-workspace{gap:var(--space-3);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}.deck-editor,.search-panel{min-width:0;padding:24px}.deck-validity{color:var(--gold);border-block:1px solid var(--line);padding:14px 0;font-size:12px}.deck-validity.valid{color:var(--teal)}.deck-section{border-bottom:1px solid var(--line);padding:14px 0}.deck-entry{border:1px solid var(--line);background:#10191e;border-radius:5px;min-width:0;display:flex}.deck-entry-name{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;flex:1;min-width:0;padding:12px;font-size:11px}.deck-entry-name small{color:var(--gold);margin-left:8px}.remove-card{color:var(--gold);background:#ffffff05;border:0;padding:10px}.empty-row{color:var(--muted);border:1px dashed var(--line);padding:20px;font-size:12px;line-height:1.7}.search-results{max-height:460px;overflow-y:auto}.search-result{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.result-info{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:5px}.result-info b,.result-info span,.result-info small{overflow-wrap:anywhere;display:block}.result-info b{font-size:12px}.result-info span,.result-info small{color:var(--muted);margin-top:5px;font-size:10px}.search-result>.button{padding:8px 12px;font-size:10px}.search-preview{max-width:280px;margin:24px auto 0}.storage-error{padding:30px}.studio-shell .muted{font-size:12px;line-height:1.65}.studio-shell small.muted{overflow-wrap:anywhere}@media (width<=1000px){.studio-shell{padding:24px}.studio-heading{flex-direction:column;align-items:flex-start}.creator-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-workspace{grid-template-columns:1fr}.workspace-nav>span{display:none}}@media (width<=650px){.workspace-nav{gap:4px;min-height:56px;padding:7px}.workspace-wordmark{letter-spacing:.5px;font-size:8px}.workspace-nav>div{gap:0}.workspace-nav button{padding:10px 8px;font-size:10px}.studio-shell{padding:20px 12px}.creator-layout{grid-template-columns:1fr}.preview-column{grid-row:1;max-width:310px;margin:auto;position:static}.library-list,.deck-cards{grid-template-columns:1fr}.builder,.field-group,.deck-editor,.search-panel,.collection-strip,.deck-library{padding:16px}.section-heading{flex-wrap:wrap}.form-grid{gap:12px}.studio-shell .button{font-size:11px}}.account-panel{max-width:720px;margin:24px auto}.profile-avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;margin-bottom:16px}.online-shell .panel{margin-top:20px;margin-bottom:20px;padding:24px}.online-shell .panel h2,.online-shell .panel h3{margin-bottom:12px}.online-form>.button{align-self:end;min-height:40px}.online-form label:has(input[type=checkbox]){align-self:end;align-items:center;min-height:40px;display:flex}.account-panel form,.online-form,.online-manual{gap:16px;margin:20px 0;display:grid}.online-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.account-panel label,.online-form label,.online-duel label{gap:8px;display:grid}.room-list{gap:20px;display:grid}.room-list article{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:16px 0}.online-zones{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.online-hand,.online-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.online-card{border:1px solid var(--line);color:#ecf0f5;overflow-wrap:anywhere;text-align:left;background:#182535;border-radius:8px;flex-direction:column;gap:8px;min-width:0;max-width:170px;min-height:120px;padding:12px;display:flex}.online-card img{object-fit:contain;width:100%;max-height:130px}.online-card small{color:#abb8ca}.online-card.empty{color:#78899d}.room-chat{overflow-wrap:anywhere;max-height:280px;overflow:auto}.online-duel .panel{margin:20px 0}@media (width<=600px){.online-zones{gap:4px}.online-card{min-height:80px;padding:6px;font-size:10px}.online-form{grid-template-columns:1fr}.workspace-nav,.workspace-nav>div{flex-wrap:wrap}}@font-face{font-family:Oswald;src:url(/fonts/Oswald.ttf)format("truetype");font-weight:200 700;font-display:swap}@font-face{font-family:Source Sans;src:url(/fonts/SourceSans3.ttf)format("truetype");font-weight:200 900;font-display:swap}:root{--bg:#0b0d12;--panel:#11141b;--surface:#171b24;--line:#343d50;--text:#e6e8ee;--muted:#a4acbd;--gold:#d2ad55;--color-accent:var(--gold);--watch-accent:var(--gold);--color-surface:var(--panel);--color-text:var(--text);--color-muted:var(--muted);--color-border:var(--line);--crimson:#b13e49;--you:#e5484d;--opponent:#3e8bff;--teal:#88bfa3;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--radius:2px;--font-body:"Source Sans", sans-serif;--font-display:"Oswald", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:22px;--motion-fast:.14s;--motion-field:.65s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #e7c58a}button{transition:background .15s,border-color .15s,color .15s}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,select,input,textarea{border-radius:5px}button{border:0}::selection{background:#d7b57944}small{font-size:10px}.app-shell{background:radial-gradient(at 50% 25%,#24323833,#0000 65%);max-width:1920px;min-height:100vh;margin:auto}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:38px;height:89px;padding:0 32px;display:flex}.brand{letter-spacing:2.4px;white-space:nowrap;align-items:center;gap:13px;font-size:17px;font-weight:500;display:flex}.brand b{color:var(--gold);font-weight:500}.brand small{letter-spacing:2px;color:#87918e;margin-top:7px;font-size:7px;display:block}.brand-mark{color:var(--gold);font-size:47px;line-height:1}.table-heading{letter-spacing:1.6px;color:#a2acae;align-items:center;gap:11px;font-size:9px;display:flex}.table-heading>span:last-child{color:#6f8087}.slash{color:#425358;margin:0 5px}.live-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #76bfad30}.header-actions{align-items:center;gap:23px;margin-left:auto;display:flex}.local-badge{letter-spacing:1.2px;color:#91aaa2;font-size:9px}.icon-button{color:#aeb5b1;background:0 0;border:1px solid #465254;border-radius:50%;width:24px;height:24px;font-family:Georgia,serif}.text-button{color:var(--gold);background:0 0;padding:0;font-size:11px}.text-button:hover{color:#f3d5a4}.game-layout{grid-template-columns:258px minmax(500px,1fr) 248px;align-items:start;gap:24px;padding:27px 28px 24px;display:grid}.concealed{visibility:hidden}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#19232a,#141e24);border-radius:8px}.eyebrow{letter-spacing:1.7px;color:#94a3a6;font-size:9px;font-weight:600}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 18px;display:flex}.tiny-diamond{color:var(--gold)}.inspector{max-height:calc(100vh - 30px);position:sticky;top:15px;overflow:auto}.inspector-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:504px;padding:45px 23px 40px;display:flex}.empty-card{color:#c3aa745c;background:repeating-linear-gradient(45deg,#0000,#0000 8px,#d7b57903 8px 9px);border:1px solid #b79b6738;border-radius:7px;place-items:center;width:112px;height:160px;margin-bottom:35px;font-size:58px;display:grid;transform:rotate(-7deg);box-shadow:9px 9px 0 -3px #172027,9px 9px 0 -2px #b79b6726}.inspector-empty h2{color:#d7d8cd;margin-bottom:13px;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.35}.inspector-empty p{color:var(--muted);font-size:11px;line-height:1.8}.small-tag{letter-spacing:1px;color:#a58e67;border:1px solid #a58e6726;margin-top:29px;padding:7px;font-size:7px}.inspector-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:5px;padding:17px;display:flex}.inspector-bottom>span{color:#697b82;letter-spacing:1px;font-size:7px}.inspector-bottom .text-button{font-size:9px}.inspector-card{border:1px solid color-mix(in srgb, var(--card-color) 40%, transparent);background:color-mix(in srgb, var(--card-color) 7%, #19232a);border-radius:5px;margin:17px 17px 0;padding:7px;box-shadow:0 6px 17px #0003}.inspector-card-title{color:#e4e4d9;justify-content:space-between;align-items:center;gap:4px;padding:5px 4px 10px;font-family:Georgia,serif;font-size:12px;display:flex}.inspector-card-title b{border:1px solid var(--card-color);width:21px;height:21px;color:var(--card-color);border-radius:50%;flex-shrink:0;place-items:center;font-size:9px;display:grid}.card-art{width:100%;height:100%;display:block}.inspector-card>.card-art{border:1px solid #ffffff0d;height:197px}.inspector-card-footer{color:var(--card-color);letter-spacing:.5px;justify-content:space-between;padding:9px 3px 3px;font-size:7px;display:flex}.inspector-type{text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);margin-bottom:9px;font-size:8px}.card-description h2{margin-bottom:12px;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.2}.card-description p{color:#9eadae;margin-bottom:8px;font-size:11px;line-height:1.7}.card-description p.flavor{color:#a4a598;font-family:Georgia,serif;font-style:italic;line-height:1.7}.effect-breakdown{border-top:1px solid var(--line);margin-top:9px;padding-top:10px}.effect-breakdown p{margin-bottom:7px;font-size:10px}.effect-breakdown b{color:#c1cac5;margin-right:5px;font-weight:500}.manual-notice{background:#d7b57909;border:1px solid #d7b57925;border-radius:5px;padding:11px}.manual-notice>b{color:var(--gold);font-size:11px}.manual-notice p{margin:6px 0 0;font-size:10px}.card-actions{max-height:450px;padding:5px 16px 18px;overflow:auto}.card-actions>.eyebrow{margin:8px 0 12px;display:block}.action-option{margin-bottom:9px}.action-option>button{text-align:left;background:#213037;border:1px solid #ffffff12;justify-content:space-between;gap:6px;width:100%;padding:10px;font-size:10px;line-height:1.4;display:flex}.action-option.allowed>button{color:#e4c18a;background:#d7b57910;border-color:#d7b57944}.action-option.allowed>button:hover{background:#d7b57924}.action-option small{color:#71838a;margin:5px 3px 0;font-size:9px;line-height:1.55;display:block}.muted{color:var(--muted);font-size:11px;line-height:1.7}.turn-heading{justify-content:space-between;align-items:center;margin:2px 0 22px;padding:0 2px;display:flex}.turn-heading .eyebrow{letter-spacing:2px;color:var(--gold);font-size:8px}.turn-heading h1{letter-spacing:-.5px;color:#e0e1d6;margin-top:6px;font-family:Georgia,serif;font-size:28px;font-weight:400}.turn-counter{border-left:1px solid #ffffff15;align-items:center;gap:10px;padding-left:18px;display:flex}.turn-counter span{color:#7a8c91;letter-spacing:1.2px;font-size:8px}.turn-counter b{color:var(--gold);font-family:Georgia,serif;font-size:27px;font-weight:400}.phase-ribbon{background:#141f25;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:repeat(6,1fr);margin-bottom:15px;display:grid;overflow:hidden}.phase-ribbon>div{text-align:center;color:#6c7d83;white-space:nowrap;border-right:1px solid #ffffff08;padding:12px 2px;font-size:10px;position:relative}.phase-ribbon>div>span{color:#53666c;margin-right:5px;font-size:7px}.phase-ribbon>div:last-child{border:0}.phase-ribbon>div.current{color:#e6c995;background:linear-gradient(#cfb17806,#cfb17818)}.phase-ribbon>div.current:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:0;left:0;right:0}.phase-ribbon>div.current>span{color:#bda16d}.phase-ribbon>div.completed{color:#98a7a6}.arena{border:1px solid #a7b5a91c;border-radius:9px;overflow:hidden;box-shadow:0 10px 45px #0002}.player-bar{background:linear-gradient(90deg,#1e2b31,#1a272b);align-items:center;gap:11px;min-height:60px;padding:9px 19px;display:flex}.player-bar.opponent{border-bottom:1px solid #ffffff0a}.player-bar.you{border-top:1px solid #ffffff0a}.avatar{color:#dcc194;background:linear-gradient(135deg,#99805d30,#1c272b);border:1px solid #ab937256;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:19px;display:grid}.opponent .avatar{color:#aabdd0;background:linear-gradient(135deg,#748d9b30,#1c272b);border-color:#8ba9c456}.player-name{flex-direction:column;gap:5px;display:flex}.player-name .eyebrow{letter-spacing:1.3px;font-size:7px}.player-name strong{font-size:14px;font-weight:500}.turn-dot{letter-spacing:1px;color:#c1a575;margin-left:6px;font-size:6px}.life{flex-direction:column;align-items:stretch;gap:7px;min-width:123px;margin-left:auto;display:flex}.life>span{text-align:right}.life small{color:#8c9e9f;letter-spacing:1.3px;margin-right:5px;font-size:8px}.life strong{letter-spacing:1px;color:#e2d4b9;font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:24px;font-weight:400}.life-track{background:#d7b57916;border-radius:2px;height:3px;overflow:hidden}.life-track i{background:#d5b67f;height:100%;transition:width .25s;display:block}.opponent .life strong{color:#bfced5}.opponent .life-track i{background:#97b1bf}.opponent-hand{justify-content:center;margin:auto;padding:0 14px;display:flex;position:relative}.opponent-hand>span{color:#a1906b66;background:#17252a;border:1px solid #a1906b55;place-items:center;width:18px;height:27px;margin-left:-5px;font-size:12px;display:grid;transform:rotate(-8deg);box-shadow:-2px 0 5px #0003}.opponent-hand>small{white-space:nowrap;letter-spacing:1px;color:#73878d;font-size:6px;position:absolute;top:32px}.battlefield{background:radial-gradient(#29403966,#142a2930 44%,#18262b 80%),repeating-linear-gradient(0deg,#0000,#0000 28px,#a9c6b202 28px 29px);padding:12px;position:relative}.field-half{grid-template-columns:61px 1fr 45px;align-items:center;gap:12px;display:grid}.zone-rows{flex-direction:column;gap:8px;width:100%;max-width:460px;margin-inline:auto;display:flex}.field-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.zone{background:#0c1c1d18;border:1px solid #b3c6b224;border-radius:5px;justify-content:center;align-items:center;min-width:0;height:92px;display:flex;position:relative}.spellTrap .zone{background:#0c1c1d1c;border-color:#b3c6b215;height:49px}.zone-icon{color:#adbdac18;font-family:Georgia,serif;font-size:26px}.spellTrap .zone-icon{font-size:22px}.zone-number{color:#728a7938;font-size:6px;position:absolute;bottom:5px;right:7px}.field-divider{justify-content:center;align-items:center;gap:9px;margin:8px 73px;display:flex}.field-divider>span{background:linear-gradient(90deg,#0000,#b2bfa324);flex:1;height:1px}.field-divider>span:last-child{transform:rotate(180deg)}.field-divider b{color:#d0b77a77;font-size:13px;font-weight:400}.field-divider small{letter-spacing:2.8px;white-space:nowrap;color:#9bbaab50;font-size:6px}.field-edge{flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:10px 0;display:flex}.field-edge>span{writing-mode:vertical-rl;letter-spacing:2.8px;color:#8b9e9755;font-size:7px}.field-zone{color:#a3b6a62b;border:1px solid #8ea99514;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:47px;font-size:20px;display:flex}.field-zone small{letter-spacing:1px;font-size:5px}.piles{flex-direction:column;align-items:center;gap:11px;display:flex}.deck-pile{background:repeating-linear-gradient(45deg,#0000,#0000 5px,#d7b57904 5px 6px);border:1px solid #c2ad7859;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:46px;height:62px;display:flex;box-shadow:3px 2px #1a282d,4px 3px #9c8b5b40,6px 5px #1a282d,7px 6px #9c8b5b24}.deck-pile>span{color:#b6a5748a;font-size:19px;line-height:1}.deck-pile strong{color:#d1c2a0;font-size:12px;font-weight:500}.deck-pile small{letter-spacing:1.2px;color:#9a9e89;font-size:5px}.pile-button{color:#8b9b97;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.pile-button b{background:#0001;border:1px solid #a2b1a326;border-radius:3px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:400;display:grid}.pile-button small{letter-spacing:.7px;font-size:5px}.pile-button:hover b{color:var(--gold);border-color:#cbb27b80}.pile-button.subtle{opacity:.6}.pile-button.subtle b{width:24px;height:23px;font-size:9px}.card-tile{border:1px solid color-mix(in srgb, var(--card-color) 42%, #233136);text-align:left;background:#202d30;border-radius:4px;flex-direction:column;flex-shrink:0;width:100%;min-width:0;height:100%;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0005}.card-tile.playable{border-color:#d8b672;box-shadow:0 0 0 1px #d8b6721a,0 3px 8px #0005}.card-tile:not(:disabled):hover{background:#2a393b;border-color:#efcf99}.card-tile.selected{border:2px solid #f1d397;padding:3px;box-shadow:0 0 14px #d7b57920}.card-tile .tile-name{white-space:nowrap;text-overflow:ellipsis;color:#e5e5d7;flex-shrink:0;width:100%;height:14px;font-family:Georgia,serif;font-size:6px;line-height:12px;overflow:hidden}.card-tile>.card-art{object-fit:contain;flex:1;height:0;min-height:0}.tile-meta{color:var(--card-color);flex-shrink:0;justify-content:flex-end;gap:3px;height:12px;padding-top:3px;font-size:6px;display:flex}.tile-meta>span:first-child{color:#e4dfca}.tile-level{color:var(--card-color);font-size:5px;position:absolute;top:17px;right:5px}.set-marker{color:#e4c488;letter-spacing:1px;background:#172125e0;border:1px solid #d7b57966;padding:2px 3px;font-size:5px;position:absolute;top:19px;left:5px}.position-marker{color:#8daba3;font-size:5px;position:absolute;bottom:6px;left:5px}.defense{border-style:dashed;box-shadow:inset 0 -4px #8ba9bf36,0 3px 8px #0005}.defense .position-marker{color:#95bbd0}.card-back{background:repeating-linear-gradient(45deg,#0000,#0000 6px,#b8a77906 6px 7px),#1b272c;border:1px solid #bfa66d62;justify-content:center;align-items:center;display:flex}.card-back:before{content:"";border:1px solid #bfa66d24;border-radius:2px;position:absolute;inset:6px}.back-diamond{color:#bea16466;font-size:39px;position:relative}.back-wordmark{letter-spacing:3px;color:#bea16477;font-size:7px;position:relative}.spellTrap .card-tile{padding:3px}.spellTrap .tile-name{height:11px;font-size:5px;line-height:9px}.spellTrap .tile-meta{height:10px;font-size:5px}.spellTrap .set-marker{top:15px}.hand-area{margin-top:17px}.hand-heading{align-items:center;gap:10px;margin-bottom:13px;padding:0 2px;display:flex}.hand-heading .eyebrow{color:#a8b6b3;font-size:8px}.hand-heading b{color:#b2bbb0;border:1px solid #ffffff1a;border-radius:3px;margin-left:5px;padding:2px 5px;font-size:8px}.hand-heading>span:nth-child(2){color:#6e868b;margin-left:auto;font-size:8px}.hand-heading .text-button{color:#94a29a;margin-left:8px;font-size:8px}.hand-cards{gap:9px;min-height:143px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.hand-card{flex:0 0 94px;width:94px;height:129px}.hand-card .tile-name{height:17px;font-size:7px;line-height:13px}.hand-card .tile-level{font-size:6px;top:23px}.hand-card .tile-meta{height:15px;padding-top:5px;font-size:7px}.hand-card .set-marker{top:22px}.hand-card .position-marker{display:none}.action-bar{background:#19262a;border:1px solid #ffffff0e;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:14px 15px;display:flex}.action-bar>div:first-child{grid-template-columns:6px 1fr;align-items:center;gap:5px 8px;display:grid}.action-bar b{color:#c8d2c8;font-size:10px;font-weight:500}.action-bar small{color:#7e9596;grid-column:2;font-size:8px;line-height:1.6}.primary-actions{align-items:center;gap:7px;display:flex}.button{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:14px;padding:11px 14px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.button.primary{color:#172124;background:#d3b580;border-color:#dbc497;box-shadow:0 2px 6px #0002}.button.primary:hover:not(:disabled){background:#e7c994}.button.secondary{color:#aebeb7;background:#ffffff03;border-color:#ffffff1c}.button.secondary:hover:not(:disabled){background:#ffffff09;border-color:#d7b57966}.button:disabled{opacity:.28}.error-message{color:#e7b096;background:#442b2422;border:1px solid #e79f7d44;border-radius:5px;margin-top:10px;padding:12px;font-size:11px}.right-column{flex-direction:column;gap:16px;display:flex}.table-status{padding:18px}.table-status>.eyebrow{align-items:center;gap:8px;margin-bottom:17px;font-size:8px;display:flex}.table-status>div:not(:first-child){color:#789095;justify-content:space-between;margin:10px 0 0;font-size:9px;display:flex}.table-status b{color:#c1cbc2;font-weight:400}.table-status b.gold{color:var(--gold)}.chain-panel{overflow:hidden}.panel-tabs{border-bottom:1px solid var(--line);gap:21px;padding:0 17px;display:flex}.panel-tabs>button{color:#73868e;background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:15px 0 13px;font-size:10px}.panel-tabs>button.active{border-color:var(--gold);color:#dfc08b}.panel-tabs>button>span{background:#d7b57914;border-radius:3px;margin-left:4px;padding:2px 5px;font-size:8px}.chain-status{padding:20px 17px 0}.chain-status>.eyebrow{color:#7d9c96;font-size:7px}.chain-status h3{color:#cfd4c8;margin-top:8px;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.2}.chain-status p{color:#7f969a;margin-top:9px;font-size:10px;line-height:1.7}.chain-empty{color:#aab6a328;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:98px;font-size:32px;display:flex}.chain-empty span{letter-spacing:.4px;color:#5f7980;font-size:8px}.priority-box{background:#80b69e08;border:1px solid #91c0aa12;border-radius:5px;align-items:center;gap:10px;margin:0 17px 18px;padding:11px;display:flex}.avatar.small{width:27px;height:27px;font-size:13px}.priority-box b{color:#c4d0c5;font-size:10px;font-weight:500;display:block}.priority-box small{color:#7e9995;margin-top:4px;font-size:7px;display:block}.recent-events{border-top:1px solid var(--line);padding:17px}.recent-events>.eyebrow{letter-spacing:1.4px;margin-bottom:12px;font-size:7px;display:block}.recent-events p{color:#8b9e9e;border-left:1px solid #d7b57933;margin-top:10px;padding-left:10px;font-size:9px;line-height:1.7}.chain-links{margin:20px 0;padding:0 16px;list-style:none}.chain-links>li{background:#d7b57908;border:1px solid #d7b57920;border-radius:5px;gap:10px;margin-bottom:8px;padding:11px;display:flex}.chain-links>li>b{color:#d7b579;border:1px solid #d7b57933;flex-shrink:0;place-items:center;width:24px;height:25px;font-family:Georgia,serif;font-size:11px;display:grid}.chain-links strong{color:#ddd7c5;font-size:10px;font-weight:500;display:block}.chain-links span{color:#8a9a97;margin-top:5px;font-size:8px;display:block}.chain-links small{letter-spacing:.9px;color:#d7b579;margin-top:9px;font-size:6px;display:block}.duel-log{height:507px;padding:0 17px 17px;overflow:auto}.duel-log>div{border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.duel-log span{letter-spacing:1px;color:#b99e70;font-size:7px}.duel-log span b{color:#4f6a72;margin-left:7px;font-weight:400}.duel-log p{color:#9faeab;margin-top:5px;font-size:10px;line-height:1.7}.coach{background:linear-gradient(130deg,#262b28,#1b2628);border-color:#d7b57921;padding:17px}.coach-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.coach .eyebrow{color:#b5a57e;letter-spacing:1.3px;font-size:7px}.toggle{background:#37474b;border-radius:10px;align-items:center;width:25px;height:14px;padding:3px;display:flex}.toggle i{background:#82928b;border-radius:50%;width:8px;height:8px;display:block}.toggle.on{background:#a28e5e}.toggle.on i{background:#f2dec2;margin-left:auto}.coach h3{color:#d0d1bd;margin-top:17px;font-family:Georgia,serif;font-size:18px;font-weight:400}.coach p{color:#919e94;margin-top:9px;font-size:10px;line-height:1.8}.coach .text-button{margin-top:16px;font-size:9px}.table-footer{text-align:center;letter-spacing:1.5px;color:#5d7178;padding:4px;font-size:6px;line-height:2.2}.table-footer span{color:#405861}.privacy-curtain{z-index:80;text-align:center;background:radial-gradient(at 50% 35%,#2d3b35,#17242a 45%,#10191f 90%);flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.curtain-orbit{width:107px;height:107px;color:var(--gold);outline-offset:15px;background:#d7b57905;border:1px solid #d7b57928;border-radius:50%;outline:1px solid #d7b5790b;place-items:center;margin-bottom:42px;font-size:64px;display:grid}.privacy-curtain>.eyebrow{color:#bba371;font-size:9px}.privacy-curtain h1{letter-spacing:-1px;color:#e0e2d4;margin:24px 0 21px;font-family:Georgia,serif;font-size:61px;font-weight:400;line-height:1.1}.privacy-curtain h1 em{color:#d8b983;font-weight:400}.privacy-curtain>p{color:#91a29e;margin-bottom:31px;font-size:12px;line-height:1.9}.button.large{gap:32px;padding:17px 24px;font-size:12px}.curtain-meta{letter-spacing:1.5px;color:#8f9d8f;gap:20px;padding:30px 0 22px;font-size:8px;display:flex}.curtain-meta>span+span{border-left:1px solid #ffffff1a;padding-left:20px}.privacy-curtain>small{color:#586f73;font-size:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070e13d9;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(130deg,#253137,#172329);border:1px solid #d7b57938;border-radius:10px;width:100%;max-width:640px;max-height:88vh;padding:35px;position:relative;overflow:auto;box-shadow:0 30px 80px #0008}.modal>.eyebrow{color:var(--gold)}.modal h2,.modal h1{color:#e6e4d7;margin:14px 0 17px;font-family:Georgia,serif;font-size:33px;font-weight:400}.modal>p{color:#9cafa9;margin-bottom:20px;font-size:12px;line-height:1.9}.modal>.button{margin-right:10px}.close-button{color:#9bb0a9;background:0 0;font-size:25px;position:absolute;top:13px;right:17px}.glossary{grid-template-columns:1fr 1fr;gap:22px;margin:28px 0;display:grid}.glossary h3{color:#d7b579;margin-bottom:6px;font-size:12px;font-weight:500}.glossary p{color:#a0b0aa;font-size:11px;line-height:1.8}.modal>p.muted{color:#6f898e;border-top:1px solid var(--line);padding-top:20px;font-size:10px}.pile-cards{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.victory{text-align:center;padding:55px 35px}.victory-symbol{color:var(--gold);margin-bottom:25px;font-size:80px;display:block}.victory h1{font-size:45px}.manual-panel{background:#d7b57905;border-top:1px solid #d7b57933;padding:17px}.manual-panel h3{color:#e0c796;font-family:Georgia,serif;font-size:19px;font-weight:400}.manual-panel p{color:#a5b2a7;margin:10px 0;font-size:10px;line-height:1.7}.manual-proposal{border:1px solid var(--line);background:#0002;border-radius:5px;margin:12px 0;padding:10px}.manual-proposal>b{color:#c3d0c2;font-size:10px}.manual-proposal small{color:var(--gold);margin-top:7px;font-size:9px;display:block}.manual-proposal span{color:#86b5a3;border-top:1px solid var(--line);margin-top:10px;padding-top:8px;font-size:8px;display:block}.manual-panel label{color:#aab5a8;margin:13px 0 6px;font-size:9px;display:block}.manual-panel select,.manual-panel input,.manual-panel textarea{color:#bbcbbd;width:100%;font:inherit;background:#142127;border:1px solid #ffffff1a;min-width:0;margin-top:6px;padding:8px;font-size:9px}.manual-panel textarea{resize:vertical;height:54px}.manual-input-row{align-items:center;gap:6px;display:flex}.manual-input-row>.button{flex-shrink:0;margin-top:6px;padding:8px;font-size:8px}.manual-panel>.button{width:100%;margin-top:9px;font-size:9px}.manual-panel>.text-button{margin:13px auto 0;font-size:9px;display:block}.manual-panel>small{color:#8b9c94;font-size:8px}.manual-panel>small .text-button{margin-left:5px;font-size:8px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#53665d77;border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (width>=1600px){.game-layout{grid-template-columns:285px minmax(600px,1fr) 275px;gap:32px;padding:32px 40px}.topbar{padding:0 40px}.field-row{gap:14px}.field-half{grid-template-columns:75px 1fr 60px;gap:20px}.battlefield{padding:20px}.inspector-card>.card-art{height:225px}.card-tile .tile-name{height:18px;font-size:9px;line-height:15px}.card-tile .tile-meta{height:15px;font-size:9px}.position-marker{font-size:7px}.tile-level{font-size:7px;top:25px}.spellTrap .tile-name{height:15px;font-size:8px;line-height:13px}.spellTrap .tile-meta{font-size:7px}.hand-card{flex-basis:105px;width:105px;height:145px}.hand-cards{min-height:160px}.table-heading{font-size:10px}.turn-heading h1{font-size:32px}.player-bar{padding:16px 24px}.field-divider{margin:19px 90px}.chain-status p,.coach p{font-size:11px}.chain-status h3{font-size:24px}.duel-log{height:580px}}@media (width<=1190px){.game-layout{grid-template-columns:222px minmax(440px,1fr) 206px;gap:15px;padding:22px 18px}.topbar{gap:22px;padding:0 20px}.table-heading{letter-spacing:1px;gap:7px;font-size:7px}.header-actions{gap:16px}.local-badge{font-size:7px}.field-half{grid-template-columns:44px 1fr 24px;gap:7px}.field-row{gap:6px}.field-edge>span{font-size:6px}.field-zone{width:25px}.piles{gap:8px}.deck-pile{width:34px;height:49px}.deck-pile>span{font-size:14px}.pile-button b{width:24px;height:24px}.pile-button small{font-size:4px}.battlefield{padding:12px 9px}.player-bar{gap:8px;padding:10px 12px}.life{min-width:95px}.life strong{font-size:22px}.avatar{width:32px;height:32px}.phase-ribbon>div{font-size:8px}.phase-ribbon>div>span{margin-right:4px;font-size:6px}.inspector-card{margin:13px 13px 0}.inspector-card>.card-art{height:170px}.inspector-card-title{font-size:10px}.inspector-card-footer{font-size:6px}.inspector-bottom{padding:14px 11px}.card-description{padding:16px 14px 9px}.card-actions{padding:4px 12px 14px}.turn-heading h1{font-size:25px}.panel-tabs{gap:15px}.chain-status,.recent-events,.manual-panel,.coach,.table-status{padding:15px}.chain-status h3{font-size:20px}.chain-status p,.coach p{font-size:9px}.action-bar{padding:12px 10px}.action-bar b{font-size:9px}.action-bar small{font-size:7px}.button{gap:8px;padding:10px;font-size:9px}.hand-card{flex-basis:83px;width:83px;height:115px}.hand-card .tile-name{font-size:6px}.hand-cards{gap:7px;min-height:130px}.player-name .eyebrow{font-size:6px}.turn-dot{font-size:5px}.opponent-hand{padding:0 8px}.opponent-hand>span{width:15px;height:24px}.hand-heading>span:nth-child(2){font-size:7px}}@media (width<=1000px){.game-layout{grid-template-columns:225px minmax(0,1fr);gap:19px}.right-column{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:16px;display:grid}.right-column .chain-panel{grid-area:1/2/3}.table-footer{grid-column:3}.table-heading{display:none}.field-half{grid-template-columns:50px 1fr 32px;gap:10px}.field-row{gap:8px}.zone{aspect-ratio:.8;height:auto}.spellTrap .zone{aspect-ratio:1.3;height:auto}.inspector{max-height:calc(100vh - 20px);overflow:auto}.coach h3{font-size:18px}.chain-empty{height:60px}.duel-log{height:390px}.table-status{grid-column:1}.coach{grid-area:1/3}.table-footer{grid-row:2}.primary-actions{gap:5px}.action-bar>div:first-child{max-width:44%}.action-bar small{line-height:1.4}.turn-heading h1{font-size:24px}}@media (width<=700px){.topbar{height:73px;padding:0 17px}.brand{letter-spacing:1.7px;gap:8px;font-size:14px}.brand-mark{font-size:35px}.brand small{letter-spacing:1.1px;font-size:6px}.header-actions{gap:13px}.header-actions .text-button{font-size:10px}.local-badge{display:none}.game-layout{flex-direction:column;gap:18px;padding:20px 12px;display:flex}.duel-column{order:0;width:100%}.inspector{order:1;grid-template-columns:120px minmax(0,1fr);align-items:start;width:100%;max-height:none;display:grid;position:static}.inspector .panel-heading{grid-column:1/-1;padding:13px 16px}.inspector-card{margin:12px 0 0 12px;padding:4px}.inspector-card>.card-art{height:120px}.inspector-card-title{padding:3px 1px 6px;font-size:8px}.inspector-card-title b{display:none}.inspector-card-footer{gap:3px;padding:6px 1px 2px;font-size:4px}.card-description{padding:15px 14px 5px}.card-description h2{font-size:20px}.card-description p{font-size:10px}.card-description .inspector-type{font-size:7px}.card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 12px;max-height:none;padding:3px 13px 13px;display:grid}.card-actions>.eyebrow{grid-column:1/-1}.action-option>button{font-size:10px}.action-option small{font-size:8px}.inspector-bottom{grid-column:1/-1;padding:14px 16px}.inspector-empty{grid-column:1/-1;min-height:190px;padding:23px 40px}.empty-card{display:none}.inspector-empty h2{font-size:22px}.inspector-empty .small-tag{margin-top:15px}.right-column{flex-direction:column;order:2;gap:16px;width:100%;display:flex}.right-column>.panel{width:100%}.table-status{display:none}.chain-status h3{font-size:23px}.chain-status p,.coach p{font-size:11px}.coach h3{font-size:21px}.coach .eyebrow{font-size:8px}.turn-heading{margin-bottom:18px}.turn-heading h1{font-size:26px}.turn-heading .eyebrow{font-size:7px}.phase-ribbon{margin-bottom:13px}.phase-ribbon>div{padding:12px 0;font-size:9px}.phase-ribbon>div>span{display:none}.player-bar{min-height:65px;padding:10px 13px}.player-name strong{font-size:13px}.player-name .eyebrow{font-size:6px}.life{min-width:89px}.life strong{font-size:22px}.avatar{width:31px;height:31px;font-size:17px}.opponent-hand>span{width:14px;height:22px}.opponent-hand>small{font-size:5px;top:27px}.battlefield{padding:12px 7px}.field-half{grid-template-columns:30px minmax(0,1fr) 13px;gap:7px}.field-row{gap:5px}.zone-rows{gap:8px}.zone{aspect-ratio:.69;border-radius:3px;height:auto}.spellTrap .zone{aspect-ratio:1.12;height:auto}.field-edge{padding:4px 0}.field-edge>span{letter-spacing:1.6px;font-size:5px}.field-zone{display:none}.zone-icon{font-size:19px}.zone-number{font-size:5px;bottom:4px;right:4px}.card-tile{border-radius:3px;padding:3px}.card-tile.selected{padding:2px}.card-tile .tile-name{height:11px;font-size:5px;line-height:9px}.card-tile .tile-meta{gap:2px;height:10px;font-size:5px}.tile-level{font-size:4px;top:14px;right:3px}.position-marker{font-size:4px;bottom:4px;left:3px}.set-marker{padding:1px 2px;font-size:4px;top:14px;left:3px}.spellTrap .card-tile{padding:2px}.spellTrap .tile-name{height:9px;font-size:4px;line-height:8px}.spellTrap .tile-meta{height:8px;padding-top:2px;font-size:4px}.spellTrap .set-marker{top:12px;left:3px}.back-diamond{font-size:26px}.back-wordmark{letter-spacing:2px;font-size:5px}.card-back:before{inset:4px}.deck-pile{width:25px;height:37px;box-shadow:2px 2px #1a282d,3px 3px #9c8b5b40}.deck-pile strong{font-size:9px}.deck-pile>span{font-size:11px}.deck-pile small{letter-spacing:.6px;font-size:4px}.pile-button b{width:19px;height:19px;font-size:8px}.pile-button small{letter-spacing:0;font-size:3px}.pile-button.subtle b{width:18px;height:17px;font-size:7px}.piles{gap:8px}.field-divider{gap:6px;margin:11px 40px}.field-divider small{letter-spacing:1.5px;font-size:5px}.field-divider b{font-size:11px}.hand-heading .eyebrow{font-size:7px}.hand-heading>span:nth-child(2){font-size:6px}.hand-heading .text-button{font-size:7px}.hand-heading{gap:6px;margin-bottom:11px}.hand-cards{gap:8px;min-height:126px}.hand-card{flex-basis:83px;width:83px;height:114px;padding:4px}.hand-card .tile-name{height:16px;font-size:6px;line-height:13px}.hand-card .tile-level{font-size:5px;top:22px}.hand-card .tile-meta{height:13px;font-size:6px}.action-bar{flex-direction:column;align-items:stretch;gap:7px;padding:12px 10px}.action-bar>div:first-child{grid-template-columns:6px 1fr auto;gap:7px;max-width:none}.action-bar small{text-align:right;grid-column:3;max-width:150px;font-size:7px}.action-bar b{font-size:9px}.primary-actions{justify-content:flex-end;margin-top:4px;display:flex}.primary-actions .button{padding:10px 13px;font-size:10px}.privacy-curtain h1{font-size:44px}.curtain-orbit{width:83px;height:83px;margin-bottom:35px;font-size:50px}.privacy-curtain>.eyebrow{letter-spacing:1.5px;font-size:7px}.privacy-curtain>p{font-size:11px}.privacy-curtain .button.large{gap:20px;padding:15px 18px;font-size:11px}.privacy-curtain>small{max-width:290px;font-size:8px;line-height:1.7}.curtain-meta{gap:12px;font-size:6px}.curtain-meta>span+span{padding-left:12px}.modal-backdrop{padding:16px}.modal{padding:26px 20px}.modal h2{font-size:28px}.glossary{grid-template-columns:1fr;gap:20px}.victory h1{font-size:36px}.pile-cards .card-tile{flex-basis:95px;width:95px;height:130px}.manual-input-row input,.manual-input-row select{font-size:11px}.manual-panel label{font-size:10px}.manual-panel select,.manual-panel input,.manual-panel textarea,.manual-panel>.button{font-size:11px}.recent-events p{font-size:10px}.priority-box small{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.phase-ribbon{justify-content:center;gap:8px;padding:14px 8px;display:flex}.phase-ribbon button{color:#c6ced8;background:#18232e;border:1px solid #637080;border-radius:50%;flex:0 0 44px;width:44px;height:44px;font-weight:700}.phase-ribbon button.current{color:#101820;background:#d7b579;box-shadow:0 0 14px #d7b57955}.phase-ribbon button:disabled{opacity:.65}.zone{position:relative}.choose-zone{background:#73dfbd22!important;border:2px dashed #73dfbd!important}.zone-choice{z-index:5;color:#afffdb;cursor:pointer;background:#142d29de;border:2px dashed #73dfbd;position:absolute;inset:0}.pendulum-gem{z-index:3;pointer-events:none;font-size:18px;position:absolute;bottom:2px;left:3px}.pendulum-gem.blue{color:#65baff}.pendulum-gem.red{color:#ef6486}.lp-form{width:100px;margin-left:auto}.lp-form input{width:100%;padding:5px;font-size:11px}.table-tools{flex-wrap:wrap;align-items:center;gap:12px;padding:10px;display:flex}.table-tools label{align-items:center;gap:6px;font-size:12px;display:flex}.card-menu{border-top:1px solid #68788a55;padding:12px}.card-menu button{padding:7px;font-size:11px}.hand-card.selected{z-index:4;transform:translateY(-18px)scale(1.08)}.hand-cards{padding-top:24px}.hand-card:nth-child(3n+1){rotate:-2deg}.hand-card:nth-child(3n){rotate:2deg}.import-drop{border:2px dashed #657990;padding:20px}.shared-cards{grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:20px;display:grid}@media (width<=600px){.lp-form{width:74px}.table-tools{gap:7px}.phase-ribbon{gap:5px}.phase-ribbon button{flex-basis:38px;width:38px;height:38px}}.online-inspector{min-width:0;position:sticky;top:16px}.online-inspector .card-preview{width:100%}.online-inspector .panel{padding:14px}.online-duel,.online-duel-layout{min-width:0}.pile-cards{max-height:60vh;overflow:auto}.online-zones>div{min-width:0;position:relative}@media (width<=850px){.online-duel-layout{grid-template-columns:1fr}.online-inspector{position:static}}.room-play-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:16px;display:grid}.room-play-layout>div,.room-play-layout>aside{min-width:0}@media (width<=1200px){.room-play-layout{grid-template-columns:1fr}}.pendulum-gem{border:1px solid;width:9px;height:12px;transform:rotate(45deg);box-shadow:0 0 5px}.pendulum-gem.blue{background:#65baff}.pendulum-gem.red{background:#ef6486}.table-tools button,.toolbar>button:not(.button),.card-menu button{color:#dae5e5;font:inherit;cursor:pointer;background:#182c31;border:1px solid #476068;border-radius:5px;padding:7px 10px;font-size:12px}.table-tools input[type=number],.hint-level select{color:#dce6e6;background:#13232a;border:1px solid #476068;border-radius:4px;padding:4px}.card-menu input[type=number]{width:65px}.table-tools h3{margin:0;font-size:14px}.online-duel details .online-hand{max-height:340px;overflow:auto}.online-hand .online-card.selected{border-color:#d7b579;transform:translateY(-8px)}.online-hand{padding-top:10px}.online-board-rows{flex-direction:column;gap:10px;display:flex}.online-board-rows.opponent-side{flex-direction:column-reverse}.room-identity .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.room-identity .avatar{margin-right:8px}.room-log ol{max-height:360px;padding-left:20px;font-size:12px;line-height:1.7;overflow:auto}body{background:var(--bg);font:var(--text-sm)/1.4 var(--font-body)}h1,h2,h3,.workspace-wordmark{font-family:var(--font-display);letter-spacing:.35px;font-weight:500}h1{font-size:30px}h2{font-size:20px}h3{font-size:16px}button,input,select,textarea,.button{font-family:var(--font-body);border-radius:var(--radius);font-size:13px}button{background:var(--surface);border:1px solid var(--line);padding:6px 10px}button:hover{border-color:var(--gold)}button:disabled{opacity:.45}input,select,textarea{color:var(--text);border:1px solid var(--line);background:#0f1116;min-width:0;padding:7px 9px}input[type=checkbox]{accent-color:var(--gold);width:auto}label{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.button{letter-spacing:.2px;min-height:34px;padding:8px 14px;font-weight:600}.button.primary{background:var(--gold);color:#14100a;border:1px solid var(--gold);box-shadow:none}.button.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.text-button{color:var(--gold);font:inherit;letter-spacing:0;background:0 0}.eyebrow{font:600 10px var(--font-body);letter-spacing:1.5px;color:var(--muted)}.workspace-nav{border-bottom:1px solid var(--line);background:#101116;gap:18px;min-height:52px;padding:8px 24px}.workspace-nav button{border-bottom:2px solid #0000;border-radius:0;padding:7px 12px}.workspace-nav button[aria-current]{color:var(--text);border-bottom-color:var(--crimson);background:0 0}.workspace-wordmark{letter-spacing:1px;color:var(--gold);white-space:nowrap;font-size:20px}.workspace-nav>span{font-size:11px}.studio-shell{max-width:1680px;padding:24px}.studio-heading{align-items:center;margin-bottom:20px}.studio-heading h1{font:500 28px var(--font-display);margin:0 0 4px}.studio-heading p{font-size:12px}.toolbar{gap:8px}.toolbar label{min-width:0}.practice-mode{background:#15161c;align-items:center;gap:12px;padding:8px 24px;display:flex}.practice-mode label{align-items:center;gap:8px;display:flex}.topbar{gap:20px;height:48px;padding:0 20px}.brand{font:500 17px var(--font-display);letter-spacing:1px;gap:8px}.brand-mark{display:none}.local-badge{letter-spacing:.5px;font-size:9px}.app-shell{background:0 0}.game-layout{grid-template-columns:254px minmax(420px,1fr) 258px;gap:12px;padding:12px 20px}.duel-column,.online-duel{min-width:0}.turn-heading{min-height:0;margin-bottom:8px}.turn-heading h1{font:500 21px var(--font-display);margin:0}.turn-counter{gap:8px}.turn-counter b{font-size:24px}.turn-heading .eyebrow,.turn-counter span{font-size:9px}.duel-column>.toolbar{margin-bottom:8px}.panel-heading{padding:9px 12px}.inspector{max-height:calc(100vh - 80px);padding:10px;top:64px}.inspector .panel-heading{padding:0 0 8px}.inspector-empty{color:var(--muted);padding:24px 4px;font-size:13px}.inspector .full-card{margin:10px 0}.card-description{padding:8px 0}.card-description h2{font:500 17px var(--font-display);margin-bottom:6px}.card-description p{font-size:13px;line-height:1.45}.card-description small{color:var(--gold);margin-top:8px;font-size:11px;display:block}.card-actions{gap:4px;padding:8px 0;display:grid}.card-menu{padding:6px 0}.card-menu button{font-size:11px}.card-menu details{padding:6px 0}.card-menu .toolbar{gap:4px}.action-option{border:0;padding:0}.action-option>button{background:var(--surface);border:1px solid var(--line);width:100%;min-height:0;padding:7px 8px;font-size:12px}.action-option.allowed>button{border-left:2px solid var(--gold)}.why-action{font-size:11px}.phase-nudge{border-left:2px solid var(--gold);background:#27231e;padding:9px;font-size:12px}.phase-nudge button{margin-top:5px}.full-card{aspect-ratio:59/86;color:#1b1713;text-align:left;background:#272017;border:0;border-radius:1.5%;width:100%;max-width:360px;height:auto;padding:0;font-family:Georgia,serif;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #0008;container-type:inline-size}.card-frame-content{background:var(--frame,#c48b56);border:2px solid #ffffff45;position:absolute;inset:2%;box-shadow:inset 0 0 8px #27170b80}.frame-normal{--frame:#d9bd6f}.frame-effect,.frame-custom{--frame:#bd814c}.frame-ritual{--frame:#6393ba}.frame-fusion{--frame:#9d71ae}.frame-synchro{--frame:#e2e3dc}.frame-xyz{--frame:#272732;color:#eee9dc}.frame-link{--frame:#295681;color:#f5e9d5}.frame-spell{--frame:#399c87}.frame-trap{--frame:#b45d8e}.frame-token{--frame:#a1a3a2}.frame-pendulum{--frame:linear-gradient(#bd814c 50%, #439b86 50%)}.full-card-title{background:#ffffff10;border:1px solid #ffffff70;align-items:center;gap:2%;height:8%;padding:1% 1.5%;display:flex;position:absolute;inset:2% 3% auto;box-shadow:1px 1px 2px #38200b80}.full-card-title h2{letter-spacing:-.16cqw;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font:700 5.1cqw/1.05 Georgia,serif;display:-webkit-box;overflow:hidden}.full-card-title>.attribute{aspect-ratio:1;color:#fff;background:#322940;border:1px solid #eadbb5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12%;font:700 3.1cqw Georgia,serif;display:flex;box-shadow:1px 1px 2px #0008}.attribute.attribute-LIGHT{background:#887a38}.attribute.attribute-FIRE{background:#9b3528}.attribute.attribute-WATER{background:#295d91}.attribute.attribute-EARTH{background:#77603c}.attribute.attribute-WIND{background:#38694a}.attribute.attribute-spell{background:#205f50}.attribute.attribute-trap{background:#763b6c}.card-rating{height:5%;color:inherit;letter-spacing:0;justify-content:flex-end;align-items:center;gap:1%;padding:0;font:700 3.4cqw Georgia,serif;display:flex;position:absolute;top:11%;left:5%;right:5%}.card-rating.rank-stars{justify-content:flex-start}.level-star{aspect-ratio:1;color:#ffdb65;text-shadow:1px 1px #83301d;background:#b73420;border-radius:50%;justify-content:center;align-items:center;width:5.9%;font:4.3cqw/1 Georgia,serif;display:inline-flex;box-shadow:0 0 1px #000}.rank-stars .level-star{color:#e8c85b;background:#15151b}.spell-icon{font-size:5cqw}.frame-art{aspect-ratio:1;background:#18212a;border:2px solid #776e5b;width:86%;position:absolute;top:17%;left:7%;box-shadow:0 0 0 1px #e5d6b5,1px 2px 3px #0008}.full-card .frame-art>.card-art{aspect-ratio:1;object-fit:cover;object-position:50% 35%;border:0;width:100%;height:100%;max-height:none;display:block}.card-set-line{letter-spacing:.1cqw;font:2.25cqw Georgia,serif;position:absolute;top:76cqw;right:7%}.full-card-body{color:#17130f;background:#f2e8cc;border:1px solid #6c5440;height:auto;min-height:0;padding:2.1%;position:absolute;inset:57% 4% 8%;overflow:hidden;box-shadow:0 0 0 1px #dfc797}.full-card-body>b{text-transform:none;letter-spacing:0;font:700 3.5cqw/1.1 Georgia,serif;display:block}.full-card-body>p{white-space:pre-wrap;margin:1.8% 0 0;font:3.1cqw/1.17 Georgia,serif;overflow:hidden}.full-card-stats{text-align:right;color:#17130f;letter-spacing:0;background:#f2e8cc;border-top:1px solid #6c5440;padding-top:1%;font:700 3.5cqw/1 Georgia,serif;position:absolute;bottom:8.5%;left:6%;right:6%}.full-card-credit{color:inherit;letter-spacing:0;justify-content:space-between;gap:4%;padding:0;font:2.2cqw/1 Georgia,serif;display:flex;position:absolute;bottom:2%;left:4%;right:4%}.full-card-credit span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:60%;overflow:hidden}.pendulum-scales{color:#17130f;background:#d7e4cf;justify-content:space-between;font:700 4cqw Georgia,serif;display:flex;position:absolute;top:54%;left:4%;right:4%}.pendulum-scales span{font-size:2cqw}.link-arrows{position:absolute;inset:-4%}.link-arrows span{color:#d33c43;font-size:7cqw;line-height:1;position:absolute}.arrow-N{top:-2%;left:44%}.arrow-NE{top:0;right:0}.arrow-E{top:44%;right:-2%}.arrow-SE{bottom:0;right:0}.arrow-S{bottom:-2%;left:44%}.arrow-SW{bottom:0;left:0}.arrow-W{top:44%;left:-2%}.arrow-NW{top:0;left:0}.original-card-back{aspect-ratio:59/86;background:repeating-radial-gradient(#342523 0 3%,#141319 5% 9%,#69513a 10% 11%,#201a20 12% 14%);border:3px solid #9d7d51;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #221b19}.original-card-back i{background:#19171dc9;border:1px solid #b69c65;position:absolute;inset:25% 15%;transform:rotate(45deg)}.original-card-back span{font:600 14px var(--font-display);text-align:center;color:#b69c65;position:absolute;inset:40% 25%}.arena{background:#17161a;border:1px solid #5b5145;border-radius:2px;overflow:visible;box-shadow:0 8px 22px #0006}.battlefield{isolation:isolate;background:#14151b;padding:12px;position:relative;overflow:hidden}.field-background{z-index:-2;animation:field-in var(--motion-field) ease both;background-color:#0000;background-image:linear-gradient(#090b13a8,#090b13a8),url(/art/playmat.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.field-background:after{content:"";background:#080c16a3;position:absolute;inset:0}.field-half{--side:var(--you);grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:10px;padding:6px 0;display:grid;position:relative}.field-half.opponent-half{--side:var(--opponent);transform:rotate(180deg)}.zone-rows{flex-direction:column;gap:8px;max-width:none;margin:0;display:flex}.field-row{gap:8px}.zone,.spellTrap .zone{aspect-ratio:59/86;border:1px solid color-mix(in srgb, var(--side) 48%, transparent);background:#11141c80;border-radius:2px;height:auto;min-height:0}.zone.occupied{border-color:color-mix(in srgb, var(--side) 70%, transparent)}.zone-number{font:10px var(--font-display);color:color-mix(in srgb, var(--side) 75%, white);letter-spacing:.5px;bottom:5px}.mat-left,.mat-right{flex-direction:column;align-items:stretch;gap:10px;display:flex}.mat-pile,.field-zone{border:1px solid color-mix(in srgb, var(--side) 45%, transparent);background:#10131cc9;border-radius:1px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:46px;padding:4px;display:flex}.mat-pile span,.field-zone small{font:10px var(--font-display);color:var(--side);text-transform:uppercase}.mat-pile b{font-size:16px}.pile-deck,.pile-extra{aspect-ratio:59/86;background:linear-gradient(#15151cc9,#15151cc9),repeating-radial-gradient(#705944 0 2%,#15121b 5% 8%)}.field-zone{aspect-ratio:59/86;height:auto}.field-zone .card-tile{width:100%;height:100%}.board-centre{grid-template-columns:1fr minmax(250px,3.7fr) 1fr;align-items:center;gap:10px;padding:10px 0;display:grid}.extra-monster-zone{aspect-ratio:59/86;text-align:center;color:#b5ada2;max-width:59px;max-height:85px;font:9px var(--font-display);background:#17171a99;border:1px solid #b5ada258;justify-content:center;justify-self:center;align-items:center;display:flex}.phase-tools{min-width:0}.phase-ribbon{background:0 0;border:0;justify-content:center;gap:7px;margin:0;padding:5px 0;display:flex}.phase-ribbon:before,.phase-ribbon:after{display:none}.phase-ribbon button{width:32px;min-width:0;height:32px;font:500 13px var(--font-display);color:#c9c5bb;background:#1a1b23;border:1px solid #77716c;border-radius:50%;padding:0}.phase-ribbon button.current{color:#fff;opacity:1;background:#9c3541;border-color:#f18b8e;box-shadow:0 0 8px #bd3b4340}.table-tools{background:0 0;border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:0;padding:3px 0;display:flex}.table-tools label{white-space:nowrap;font-size:10px}.table-tools>button{padding:4px 7px;font-size:11px}.table-tools>label{align-items:center;gap:3px;display:flex}.table-tools details{font-size:10px}.table-tools details label{display:block}.table-tools input[type=number]{width:56px}.counter-tools{position:relative}.counter-tools[open] label{z-index:10;background:var(--panel);border:1px solid var(--line);padding:10px;position:absolute}.card-tile,.hand-card{aspect-ratio:59/86;background:0 0;border:0;border-radius:1px;width:100%;height:auto;margin:0;padding:0;display:block;position:relative;overflow:visible;transform:none;box-shadow:0 1px 4px #000a}.card-tile:disabled{opacity:1}.card-tile .full-card{pointer-events:none;width:100%;max-width:none;height:100%}.card-tile:hover,.card-tile.selected,.hand-card:hover,.hand-card.selected{z-index:10;box-shadow:0 0 0 2px var(--gold);transform:translateY(-3px)}.card-tile.playable{outline-offset:1px;outline:1px solid #edc581}.zone .card-tile{width:100%;height:100%}.card-tile.defense{transform:rotate(-90deg)scale(.82)}.card-tile.defense:hover{transform:rotate(-90deg)scale(.88)}.board-stats{color:#fff;font:bold 10px var(--font-body);text-align:center;z-index:3;background:#090b11e8;padding:1px;position:absolute;bottom:-8px;left:0;right:0}.counter-badge{background:var(--gold);color:#17130f;font:600 10px var(--font-body);z-index:4;border-radius:10px;padding:2px 4px;position:absolute;top:30%;right:-6px}.zone.choose-zone{border:2px dashed var(--gold)}.zone-choice{color:#f8e9c9;z-index:15;background:#d7b57922;border:0;font-size:11px;position:absolute;inset:0}.pendulum-gem{opacity:.8;width:4px;height:9px;bottom:3px;left:2px}.hand-area{border:1px solid var(--line);background:#14161c;border-radius:1px;margin:8px 0 0;padding:10px}.hand-heading{padding:0 0 8px;font-size:10px}.hand-cards{flex-wrap:wrap;justify-content:center;gap:8px;min-height:0;padding:0;display:flex;overflow:visible}.hand-cards .hand-card{flex:none;width:clamp(60px,6.7vw,100px)}.hand-card:nth-child(n){margin:0;transform:none}.hand-card:hover{transform:translateY(-8px)}.action-bar{background:var(--panel);border:1px solid var(--line);border-radius:1px;gap:8px;margin-top:8px;padding:10px}.action-bar b{font-size:12px}.action-bar small{font-size:10px}.primary-actions{gap:5px}.primary-actions .button{padding:7px;font-size:11px}.hint-level{margin:5px 0;font-size:10px}.hint-level select{padding:2px;font-size:10px}.phase-help{color:var(--muted);margin:4px 0 8px;font-size:11px}.right-column{flex-direction:column;gap:10px;max-height:calc(100vh - 80px);display:flex;position:sticky;top:64px}.player-bar{background:var(--panel);border:1px solid var(--you);height:auto;min-height:115px;color:var(--you);grid-template-columns:38px minmax(0,1fr);gap:5px 8px;padding:12px;display:grid}.player-bar.opponent{border-color:var(--opponent);color:var(--opponent)}.avatar{width:36px;height:36px;color:inherit;font:500 22px var(--font-display);background:#15161c;border:1px solid;border-radius:1px;justify-content:center;align-items:center;display:flex}.player-name{gap:2px}.player-name small{color:inherit;font-size:9px}.player-name strong{color:var(--text);font-size:14px}.life{text-align:right;grid-column:1/-1;width:100%;min-width:0}.life>strong{font:500 28px var(--font-display);animation:.3s lp-tick}.life-track{background:#0b0c10;border-radius:0;height:5px}.life-track i{background:currentColor;transition:width .65s}.lp-form{grid-column:1/-1;max-width:none}.lp-form input{width:100%;height:24px;padding:3px 6px;font-size:11px}.lp-form label{align-items:center;gap:5px;font-size:9px;display:flex}.chain-panel{flex:1;min-height:220px;overflow:auto}.panel-tabs{padding:0}.panel-tabs button{background:0 0;border:0;padding:8px;font-size:12px}.duel-log{max-height:400px;padding:8px;font-size:12px}.duel-log>p{border-bottom:1px solid #ffffff0b;padding:7px 0;font-size:12px;line-height:1.4}.log-you{color:var(--you)}.log-opponent{color:var(--opponent)}.teaching-panel{background:0 0;border:0;padding:8px;font-size:11px}.teaching-panel p{font-size:11px}.random-overlay{z-index:50;pointer-events:none;color:#fff;text-shadow:0 2px 4px #000;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:25% 15%}.rolling-die{color:#332a25;width:90px;height:90px;font:700 48px var(--font-display);background:#f1e7d3;border:5px solid #b4a181;border-radius:12px;justify-content:center;align-items:center;animation:.9s ease-out die-roll;display:flex;box-shadow:7px 9px #6a5646,12px 18px 25px #0009}.gold-coin{width:110px;height:110px;font:700 56px var(--font-display);color:#815d29;background:radial-gradient(circle at 35% 30%,#ffe8a5,#d7a144 55%,#977039);border:6px double #f5d593;border-radius:50%;justify-content:center;align-items:center;animation:1.1s ease-out coin-flip;display:flex;box-shadow:5px 6px #72512e,10px 15px 24px #0008}.battle-damage-number{color:#ff7c83;font:600 40px var(--font-display);z-index:250;pointer-events:none;animation:1.3s forwards damage-rise;position:fixed}@keyframes field-in{0%{opacity:0}to{opacity:1}}@keyframes lp-tick{0%{opacity:.5}to{opacity:1}}@keyframes die-roll{0%{transform:translateY(-100px)rotateX(600deg)rotate(-140deg)scale(.6)}70%{transform:translateY(10px)rotate(15deg)}to{transform:none}}@keyframes coin-flip{0%{transform:translateY(-100px)rotateY(1800deg)}to{transform:none}}@keyframes damage-rise{to{opacity:0;transform:translateY(-80px)}}.lobby-client{isolation:isolate;min-height:calc(100vh - 100px);padding:18px 24px;position:relative}.lobby-client:before{content:"";z-index:-2;background:linear-gradient(90deg,#0c0e16ed,#0c0e16b5 65%,#0c0e16bd),url(/art/lobby.webp) 50%/cover;position:fixed;inset:52px 0 0}.lobby-atmosphere{pointer-events:none;z-index:-1;width:100%;height:calc(100vh - 52px);position:fixed;inset:52px 0 0}.online-shell:has(.lobby-client){max-width:1480px;padding:12px}.lobby-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.lobby-heading h1{font-size:34px}.lobby-controls{background:#161820;align-items:end;gap:12px;margin-bottom:20px;padding:12px;display:flex}.lobby-controls label{gap:4px;min-width:250px;display:grid}.room-filters{border-bottom:1px solid var(--line);align-items:end;gap:12px;padding:12px;display:flex}.room-filters label{gap:4px;display:grid}.room-filters>span{color:var(--muted);margin-left:auto;font-size:12px}.room-table{border-collapse:collapse;text-align:left;width:100%}.room-table th{color:var(--muted);text-transform:uppercase;letter-spacing:1px;background:#20222b;padding:10px 14px;font-size:11px;font-weight:500}.room-table td{border-bottom:1px solid #ffffff12;padding:12px 14px;font-size:13px}.room-table td small{color:var(--muted);font-size:10px;display:block}.room-table tbody tr:hover{background:#ffffff05}.table-scroll{overflow:auto}.empty-room{color:var(--muted);padding:34px 14px;font-size:13px}.join-code{background:#17191feb;margin-top:16px;padding:12px}.host-panel{margin-bottom:16px;padding:16px}.host-panel h2{margin-bottom:12px}.online-form{gap:12px}.join-code form{padding-top:12px}.creator-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.creator-form fieldset{background:var(--panel);border:1px solid var(--line);border-radius:1px}.preview-column{top:68px}.preview-column>.full-card{max-width:310px}.preview-column .eyebrow{margin-bottom:10px}.form-grid{gap:10px}.deck-workspace{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:16px;display:grid}.deck-editor,.search-panel{padding:16px}.deck-section{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.section-heading{margin-bottom:8px}.section-heading h2{font-size:18px}.deck-cards{grid-template-columns:repeat(auto-fill, minmax(var(--thumb,86px), 1fr));gap:5px;display:grid}.deck-entry{background:0 0;border:0;min-width:0;padding:0;display:block;position:relative}.deck-entry-name{width:100%;padding:0;position:relative}.deck-entry-name>.full-card{max-width:none}.deck-entry-name>small{color:#fff;background:#090b10;padding:1px 5px;font-size:12px;position:absolute;bottom:3px;right:3px}.remove-card{color:#ffacb4;background:#13141ce8;border:1px solid #9b515c;width:20px;height:20px;padding:0;position:absolute;top:1px;right:1px}.search-results{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;max-height:570px;display:grid;overflow:auto}.search-result{background:0 0;border:0;padding:0;display:block}.search-result .result-info{width:100%;padding:0;display:block}.search-result .full-card{max-width:none}.search-result>.button{width:100%;min-height:24px;padding:4px;font-size:11px}.search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-preview{z-index:100;width:240px;position:fixed;bottom:18px;right:24px;box-shadow:0 4px 30px #000}.search-preview button{position:absolute;top:-26px;right:0}.deck-validity{margin:8px 0;font-size:11px}.empty-row{padding:8px;font-size:12px}.pile-modal{width:95vw;max-width:1000px}.pile-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:65vh;padding:12px 3px;display:grid;overflow:auto}.pile-cards .hand-card{width:100%;max-width:170px}.pile-cards .card-menu{font-size:11px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:2px}.modal h1,.modal h2{font-family:var(--font-display)}.room-layout:has(.online-duel-layout){display:block}.online-duel-layout{grid-template-columns:254px minmax(400px,1fr) 254px;align-items:start;gap:12px;display:grid}.online-inspector{max-height:calc(100vh - 80px);position:sticky;top:64px;overflow:auto}.online-inspector>.panel{padding:10px}.online-hand{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.online-card{aspect-ratio:59/86;width:90px;min-height:0;padding:0}.online-card>.full-card{width:100%;height:100%}.online-actions{flex-wrap:wrap;gap:6px;display:flex}.online-actions button{font-size:11px}.room-layout>.room-side-legacy{display:none}.room-panel>header h1{font-size:23px}.room-panel>.toolbar{margin:8px 0}@media (width<=1150px){.game-layout,.online-duel-layout{grid-template-columns:210px minmax(360px,1fr) 205px;gap:8px;padding:8px}.board-centre{grid-template-columns:1fr 3fr 1fr;gap:4px}.field-half{grid-template-columns:44px minmax(0,1fr) 44px;gap:5px}.field-row{gap:5px}.battlefield{padding:6px}.phase-ribbon{gap:4px}.phase-ribbon button{width:28px;height:28px;font-size:11px}.table-tools{gap:3px}.table-tools>label{font-size:9px}.deck-workspace{grid-template-columns:minmax(0,1fr) 340px}.workspace-nav{gap:8px;padding:6px 12px}.workspace-nav button{padding:6px 8px;font-size:12px}.workspace-nav>div{gap:2px}}@media (width<=900px){.game-layout,.online-duel-layout{grid-template-columns:190px minmax(0,1fr)}.right-column{grid-column:2;grid-template-columns:1fr 1fr;max-height:none;display:grid;position:static}.right-column .chain-panel{grid-area:2/1/auto/-1}.studio-shell{padding:12px}.creator-layout{grid-template-columns:minmax(0,1fr) 250px}.deck-workspace{grid-template-columns:1fr}.search-preview{width:210px}.field-half{grid-template-columns:42px minmax(0,1fr) 42px}.board-centre{grid-template-columns:1fr 4fr 1fr}.table-tools{flex-wrap:wrap}.topbar{padding:0 12px}.header-actions .local-badge,.table-heading>.slash,.table-heading>span:last-child{display:none}.workspace-nav{flex-wrap:wrap}.workspace-nav>span{margin-left:auto}.lobby-client{padding:12px}}@media (width<=600px){.game-layout,.online-duel-layout{flex-direction:column;padding:8px;display:flex}.duel-column,.online-duel{order:0;width:100%}.inspector,.online-inspector{order:1;width:100%;max-height:550px;position:static}.inspector>.full-card,.online-inspector .full-card{max-width:240px;margin-inline:auto}.right-column{order:2;width:100%}.creator-layout{flex-direction:column;display:flex}.preview-column{max-width:300px;margin:auto;position:static}.workspace-nav>div{width:100%;overflow:auto}.workspace-nav button{white-space:nowrap}.workspace-nav>span{display:none}.studio-heading{flex-wrap:wrap}.board-centre{grid-template-columns:1fr 5fr 1fr}.extra-monster-zone{font-size:7px}.phase-ribbon button{width:25px;height:25px}.lobby-controls{flex-wrap:wrap;align-items:center}.lobby-controls label{flex:1;min-width:150px}.room-filters{flex-wrap:wrap}.room-filters label{flex:1;min-width:100px}.search-preview{width:180px;right:10px}.practice-mode{flex-wrap:wrap;padding:8px}.action-bar{flex-wrap:wrap}.hand-cards .hand-card{width:64px}.table-tools>label{font-size:8px}.player-bar{min-height:100px}.table-heading{font-size:8px}.brand{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lobby-atmosphere{display:none}}.frame-art{width:78%;top:15.5%;left:11%}.card-set-line{font-size:1.9cqw;top:69.4%}.full-card-body{top:72%;bottom:8%}.full-card-body>b{font-size:3.1cqw}.full-card-body>p{font-size:2.75cqw;line-height:1.15}.pendulum-scales{font-size:3cqw;top:69%}.frame-pendulum .full-card-body{top:73%}.room-play-layout{display:block}.online-duel-layout .right-column{position:sticky}.right-column .room-chat{max-height:120px;padding:8px 12px;overflow:auto}.right-column form{align-items:end;gap:5px;padding:8px;display:flex}.right-column form label{flex:1;min-width:0}.right-column form input{width:100%}.right-column form button{font-size:11px}.watchers{color:var(--muted);padding:6px 10px;font-size:11px}.zone-rows{justify-self:center;max-width:500px}.app-shell>.topbar{display:none}.turn-heading>.turn-counter{border:0}.turn-heading .eyebrow{display:none}.life,.life strong,.life-track{color:inherit}.player-bar .lp-form{width:100%}.player-bar .lp-form label{white-space:nowrap}.player-bar .lp-form input{flex:1;min-width:0;max-width:none}.card-menu details{font-size:12px}.card-menu form{grid-template-columns:1fr 1fr;gap:5px;display:grid}.card-menu label{min-width:0}.card-menu input{width:100%;min-width:0}.card-menu form button{grid-column:1/-1}.card-menu .target-list{gap:4px;max-height:180px;display:grid;overflow:auto}@media (width>=1200px){.game-layout{grid-template-columns:254px minmax(420px,1fr) 258px}.duel-column>.turn-heading{height:32px;margin-bottom:4px}.duel-column>.toolbar{margin-bottom:5px}.duel-column>.hint-level{align-items:center;gap:8px;margin-bottom:5px;display:inline-flex}}@media (width>=1500px){.zone-rows{max-width:540px}}.table-tools .tools-popover{z-index:60;background:var(--panel);border:1px solid var(--line);width:250px;max-height:450px;padding:12px;position:absolute;bottom:24px;right:0;overflow:auto;box-shadow:0 5px 25px #0008}.table-tools .tools-popover label{border:0;padding:0;display:grid;position:static}.table-tools .tools-popover input,.table-tools .tools-popover select{width:100%}.tools-popover form{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;padding-top:8px;display:grid}.tools-popover button{font-size:11px}.tools-popover form>button{grid-column:1/-1}.extra-monster-zone{position:relative}.extra-monster-zone .card-tile{width:100%;height:100%}.previous-background{animation:none}.lp-number{color:inherit;font:500 28px var(--font-display);background:0 0;border:0;padding:0;line-height:1.2}.lp-number:hover{color:#fff}.player-bar .lp-form{display:block}.player-bar .lp-form label{display:flex}.player-bar .lp-form input{width:0}.full-card-credit>span,.result-info .full-card-credit>span{font:inherit;letter-spacing:0;color:inherit;line-height:1;display:inline}.result-info .card-rating{font:700 3.4cqw Georgia,serif}.result-info .full-card-body>b{font:700 3.1cqw Georgia,serif}.result-info .card-rating .level-star{font:4.3cqw/1 Georgia,serif;display:inline-flex}.result-info .full-card-title>.attribute{font:700 3.1cqw Georgia,serif;display:flex}.result-info .full-card-credit{line-height:1}.deck-transfers{z-index:80;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:6px 0;display:flex;position:sticky;top:52px}.deck-transfers .import-drop{background:0 0;border:0;margin:0;padding:0}.deck-transfers .import-drop>h2,.deck-transfers .import-drop>p:not([role]){display:none}.deck-transfers .import-drop:has(h3){border:1px solid var(--line);flex-basis:100%;padding:8px}.deck-transfers .import-drop .file-button{width:auto}.deck-transfers .button{min-height:30px;padding:6px 10px;font-size:12px}.deck-transfers>details{padding:6px 10px;font-size:12px}.deck-editor>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-editor>.toolbar{margin-top:8px}.deck-editor>label:has(input[type=range]){align-items:center;gap:8px;font-size:10px;display:flex}.deck-editor input[type=range]{max-width:150px}.collection-strip .library-list{max-height:130px;overflow:auto}@media (width>=1000px){.zone-rows{max-width:430px}.game-layout .duel-column>.toolbar{gap:6px}.game-layout .duel-column>.toolbar .button{padding:6px 9px;font-size:11px}}.board-centre{grid-template-rows:58px auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:calc(100% - 132px);max-width:430px;margin-inline:auto;padding:6px 0;display:grid}.board-centre>.extra-monster-zone:first-child{grid-area:1/2}.board-centre>.extra-monster-zone:last-child{grid-area:1/4}.board-centre .extra-monster-zone{width:39px;height:57px;max-height:none;font-size:8px}.board-centre .phase-ribbon{padding:4px 0}.chain-stack{border-bottom:1px solid var(--line);color:var(--gold);padding:8px;font-size:11px}@media (width<=1150px){.board-centre{width:calc(100% - 98px)}}@media (width<=900px){.board-centre{width:calc(100% - 94px)}}@media (width<=600px){.board-centre{width:100%}.board-centre .extra-monster-zone{width:32px;height:47px}.board-centre{grid-template-rows:48px auto}}svg.spell-icon{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linejoin:round;stroke-linecap:round;width:5cqw;height:5cqw;overflow:visible}.revealed-hand{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.revealed-hand .card-tile{width:70px}.revealed-hand small{color:var(--gold);font-size:11px}.player-bar .lp-form label,.table-tools>label,.online-duel .toolbar>label,.checkbox-field{flex-direction:row}.online-form label:has(input[type=checkbox]){flex-direction:row}.online-duel .toolbar>label{align-items:center;gap:5px;display:flex}.deck-editor>label:has(input[type=range]){flex-direction:row}.right-column .chain-panel>.duel-log{max-height:300px;overflow:auto}.right-column .chain-panel>.panel{border:0;margin:0;padding:8px}.right-column .chain-panel h2{font-size:16px}.online-shell:has(.room-panel){max-width:none;padding:10px 16px}.room-panel>.studio-heading{min-height:38px;margin-bottom:6px}.room-panel>.studio-heading>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-panel>.studio-heading .eyebrow{display:none}.room-panel>.studio-heading h1{margin:0;font-size:19px}.room-panel>.studio-heading p{font-size:11px}.room-panel>.studio-heading .button{min-height:28px;padding:5px 8px;font-size:11px}.room-panel>p{color:var(--muted);margin-right:12px;font-size:11px;display:inline-block}.room-panel>.toolbar{margin:4px 0 6px;display:inline-flex}.room-panel .online-duel-layout{margin-top:6px}@media (width>=1000px){.room-panel .zone-rows,.room-panel .board-centre{max-width:360px}.room-panel .hand-cards .hand-card{width:80px}.room-panel .hand-area{padding:8px}.room-panel .online-duel .turn-heading h1{font-size:19px}}.card-on-mat{width:100%;min-width:0;height:100%;position:relative}.hand-cards .card-on-mat{flex:none;width:auto;height:auto}.card-on-mat:has(.card-battle-actions):hover{z-index:25}.card-on-mat:has(.card-battle-actions.is-selected){z-index:25}.card-battle-actions{opacity:0;pointer-events:none;z-index:20;flex-direction:column;justify-content:center;gap:3px;display:flex;position:absolute;inset:0}.card-on-mat:hover .card-battle-actions,.card-on-mat:focus-within .card-battle-actions,.card-battle-actions.is-selected{opacity:1;pointer-events:auto}.card-battle-actions button{font:500 11px var(--font-display);color:#fff;border:1px solid var(--gold);background:#181b24f2;min-width:0;padding:4px 2px}.card-battle-actions button[aria-disabled=true],.card-battle-actions button:disabled{color:#b2b3bc;border-color:#686b75}.opponent-half .card-battle-actions{transform:rotate(180deg)}.attack-target{outline:2px dashed var(--gold);outline-offset:2px}.sound-settings{max-width:100%}.sound-settings details{position:relative}.sound-settings .sound-settings__options{z-index:60;background:var(--panel);border:1px solid var(--line);width:min(240px,70vw);padding:12px;position:absolute;top:100%;right:0}.field-half{grid-template-columns:minmax(0,1fr) minmax(0,5fr) minmax(0,1fr);align-items:stretch;gap:8px}.field-half .mat-left,.field-half .mat-right{grid-template-rows:1fr 1fr;gap:8px;display:grid}.field-half .mat-pile,.field-half .field-zone{aspect-ratio:59/86;height:100%;min-height:0;display:flex}.field-half .zone-rows{width:100%;max-width:none}.field-half.active-side{box-shadow:inset 0 0 14px color-mix(in srgb, var(--side) 20%, transparent);border-block:1px solid var(--side)}.mat-pile{isolation:isolate;position:relative;overflow:hidden}.pile-top-card{z-index:-1;opacity:.88;position:absolute;inset:3px}.mat-pile .pile-label{background:#11141bed;align-self:stretch;margin-top:auto;padding:2px;font-size:10px}.mat-pile .pile-count{color:var(--text);background:#11141b;padding:0 4px;font:600 16px monospace;animation:.3s count-in;position:absolute;top:2px;right:2px}.mat-pile small{background:#11141b;font-size:10px}.board-centre{grid-template-rows:auto auto;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;max-width:none}.board-centre>.extra-monster-zone:nth-child(2){grid-area:1/3}.board-centre>.extra-monster-zone:nth-child(4){grid-area:1/5}.board-centre>.pile-banished:first-child{--side:var(--opponent);grid-area:1/1}.board-centre>.pile-banished:last-child{--side:var(--you);grid-area:1/7}.board-centre>.phase-tools{grid-area:2/2/auto/7}.board-centre .mat-pile{min-height:60px}.board-centre .extra-monster-zone{place-self:center}.opponent-hand{height:44px;color:var(--opponent);justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.opponent-card-back{width:22px;height:32px}.field-background.art-background{filter:blur(12px)brightness(.45);transform:scale(1.08)}.pile-group{text-transform:capitalize;color:var(--gold);margin:0 0 6px;font-size:12px}.pile-cards .card-tile{width:135px}.choose-zone{border-color:var(--gold)!important;background:#d2ad5522!important}.zone-choice{border-color:var(--gold);color:var(--gold);background:#171b24ed}@keyframes count-in{0%{color:var(--gold);transform:scale(1.3)}to{transform:scale(1)}}@media (width<=600px){.field-half{gap:4px}.mat-pile .pile-label{font-size:8px}.board-centre{gap:4px}.board-centre>.phase-tools{grid-column:1/-1}.pile-cards .card-tile{width:105px}}.turn-cutin{z-index:40;border-block:2px solid var(--you);color:var(--you);text-align:center;pointer-events:none;background:#11141bf5;padding:16px;animation:1.4s both turn-cutin;position:absolute;top:40%;left:5%;right:5%}.turn-cutin.opponent{color:var(--opponent);border-color:var(--opponent)}.turn-cutin b{font:500 24px var(--font-display);display:block}.turn-cutin span{font-size:12px}.visual-chain{z-index:35;background:#11141bed;gap:6px;max-width:95%;padding:6px;list-style:none;display:flex;position:absolute;top:25%;left:8px;overflow:auto}.visual-chain li{flex:none;gap:4px;width:80px;font-size:10px;display:grid}.visual-chain b{color:var(--gold)}.response-prompt{z-index:45;background:var(--panel);border:1px solid var(--gold);max-width:280px;max-height:280px;padding:12px;position:fixed;top:auto;bottom:16px;right:16px;overflow:auto;box-shadow:0 10px 30px #0009}.response-prompt button,.response-prompt label{width:100%;margin-block:4px;display:block}.response-prompt input{width:auto;display:inline}.chain-resolution{z-index:46;pointer-events:none;background:var(--panel);border:1px solid var(--gold);justify-items:center;gap:6px;padding:10px;animation:.75s both resolve-in;display:grid;position:absolute;inset:20% 30%}.chain-resolution .full-card{width:100px}.chain-resolution b{color:var(--gold)}.duel-result{z-index:47;border:2px solid var(--gold);text-align:center;pointer-events:none;background:#11141bf5;padding:24px;animation:.8s both resolve-in;position:absolute;inset:25% 10% auto}.duel-result h2{color:var(--gold);font-size:36px}@keyframes turn-cutin{0%{opacity:0;translate:-30px}15%,75%{opacity:1;translate:0}to{opacity:0;translate:30px}}@keyframes resolve-in{0%{opacity:0;scale:.9}20%,80%{opacity:1;scale:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.turn-cutin,.chain-resolution,.duel-result,.pile-count{animation:none}}.card-battle-actions{background:var(--panel);border:1px solid var(--line);width:max-content;min-width:100px;max-width:140px;padding:3px;inset:100% auto auto 0}.room-panel .zone-rows,.room-panel .board-centre{max-width:none}.arena{width:min(100%,600px);margin-inline:auto}.phase-ribbon .current{background:var(--gold);color:#14100a;border-color:var(--gold);box-shadow:none}.player-bar.you .life-track i{background:var(--you)}.player-bar.opponent .life-track i{background:var(--opponent)}.phase-ribbon button.current{background:var(--gold);color:#14100a;border-color:var(--gold);box-shadow:none}.duel-result{animation:.6s both result-in}@keyframes result-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.watch-chat{--watch-border:var(--line);--watch-radius:2px;--watch-title-size:14px;--watch-gap:6px}.watch-chat__head{flex-wrap:wrap}.watch-chat__title{white-space:nowrap}.watch-chat__toggle{font-size:11px}.centre-life{background:var(--panel);border:1px solid var(--line);justify-content:space-between;gap:12px;padding:3px 8px;font-size:11px;display:flex}.centre-life b{font-variant-numeric:tabular-nums;margin-left:4px}.you-lp{color:var(--you)}.opponent-lp{color:var(--opponent)}summary{cursor:pointer}summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.workspace-nav{height:48px;min-height:48px;padding-block:4px}.workspace-nav button{padding-block:5px}.workspace-nav>div,.studio-shell,.creator-layout>*,.deck-workspace>*{min-width:0}.lobby-client:before{background:linear-gradient(90deg,#080c159c,#080c1559 65%,#080c157a),url(/art/lobby.webp) 50%/cover}.lobby-controls{background:#141923db}.room-table-panel{background:#121822cf;min-height:260px}.room-table th{background:#202733bf}.lobby-client{min-height:calc(100dvh - 72px)}.empty-room{padding-block:24px}.menu{position:relative}.menu>summary{border:1px solid var(--line);background:var(--surface);white-space:nowrap;padding:6px 10px;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu>summary:after{content:"⌄";color:var(--gold);margin-left:8px}.menu[open]>summary{border-color:var(--gold)}.duel-tools-popover,.sound-popover{z-index:140;background:#171c25;border:1px solid #7d715b;width:280px;max-height:min(560px,75dvh);padding:12px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 12px 30px #000a}.duel-tools-popover{grid-template-columns:1fr 1fr;gap:6px;display:grid}.duel-tools-popover>label{grid-column:1/-1;padding-block:6px}.duel-tools-popover .table-tools{border-top:1px solid var(--line);grid-column:1/-1;justify-content:start;gap:8px;padding-top:10px;display:flex}.duel-tools-popover .counter-tools{width:100%}.duel-tools-popover .tools-popover{width:100%;max-height:none;box-shadow:none;border:0;padding:8px 0;position:static}.duel-tools-popover .table-tools label{font-size:12px}.duel-tools-popover button{min-height:30px}.sound-settings{border:0!important;flex-wrap:nowrap!important;gap:0!important;padding:0!important}.sound-settings__options{padding-top:12px;gap:12px!important;display:grid!important}.sound-settings__options label{justify-content:space-between;display:flex}.sound-settings input[type=range]{width:150px}.duel-summary{color:var(--text)}.duel-summary h2{margin-block:12px 2px}.duel-summary p{margin-block:4px 10px}.inspector-back{aspect-ratio:59/86;width:100%;max-height:38dvh;margin-inline:auto}.inspector-back .original-card-back{width:auto;height:100%;margin:auto}.duel-summary dl{border-block:1px solid var(--line);padding:8px 0;font-size:13px}.duel-summary dl>div{justify-content:space-between;padding-block:4px;display:flex}.duel-summary dd{font-variant-numeric:tabular-nums;margin:0}.duel-summary details{margin-block:12px;font-size:12px}.inspector .hint-level{align-items:center;gap:8px;margin-block:12px;display:flex}.inspector .hint-level select{flex:1}.field-background{background:url(/art/playmat.webp) 50%/cover}.field-background:after{background:linear-gradient(#080e2430,#090b1840 48%,#250b1240)}.field-half.opponent-half .zone-number,.field-half.opponent-half .field-zone>small,.field-half.opponent-half .mat-pile>.pile-label,.field-half.opponent-half .mat-pile>.pile-count,.field-half.opponent-half .mat-pile>small{transform:rotate(180deg)}.zone-number{color:#c7c7bb85;font:9px var(--font-body);letter-spacing:.5px}.mat-pile .pile-label,.field-zone small{color:#d1cab8a8;font-size:9px}.zone,.spellTrap .zone,.field-zone,.mat-pile{background:#13192516;border-color:#b9ad8752}.zone.occupied{background:0 0;border-color:#b9ad8752}.board-stats{letter-spacing:-.2px;padding:2px 0;font-size:10px;bottom:0}.full-card-title h2{font-size:5.8cqw}.full-card-title>.attribute{font-size:3.4cqw}.full-card-stats{font-size:4cqw}.frame-art{border-width:1px}.pile-top-card>.full-card,.pile-top-card>.original-card-back{width:100%;max-width:none;height:100%}.duel-status{color:var(--muted);text-align:center;font-size:11px}.duel-notice{z-index:60;border:1px solid var(--gold);background:#171c25ed;padding:6px 10px;position:absolute;top:44px;left:10px;right:10px}.duel-toolbar h1{font:500 17px var(--font-display);white-space:nowrap;margin:0 auto 0 0}.duel-toolbar label{align-items:center;gap:5px;display:flex}.duel-toolbar select{max-width:150px;padding:5px}.duel-toolbar .primary-actions{flex-wrap:nowrap;gap:5px;display:flex}.duel-toolbar .primary-actions .button{white-space:nowrap;min-height:30px;padding:5px 10px}.quit-duel{color:var(--muted);white-space:nowrap;padding:5px;font-size:12px}@media (width>=901px){.solo-workspace{height:calc(100dvh - 48px)}.solo-workspace>.app-shell{height:100%;min-height:0}.game-layout,.online-duel-layout{--pile-width:clamp(48px, 5vw, 78px);grid-template-columns:clamp(190px,15vw,260px) minmax(0,1fr) clamp(180px,14vw,240px);align-items:stretch;gap:10px;height:100%;min-height:0;padding:8px 12px;display:grid}.online-duel-layout{height:calc(100dvh - 80px)}.game-layout>*,.online-duel-layout>*{min-width:0;min-height:0}.game-layout .inspector,.online-duel-layout .inspector,.online-duel-layout .right-column,.game-layout .right-column{height:100%;max-height:100%;margin:0;position:relative;top:auto;overflow:auto}.inspector{padding:10px}.inspector>.full-card{width:auto;max-width:100%;max-height:44dvh;margin-inline:auto}.duel-column,.online-duel{flex-direction:column;gap:0;height:100%;display:flex;position:relative}.duel-column>.toolbar,.online-duel>.toolbar{z-index:80;flex-wrap:nowrap;flex:0 0 38px;gap:6px;min-height:38px;margin:0;position:relative}.duel-column .duel-toolbar>label{font-size:0}.duel-column .duel-toolbar select{font-size:12px}.duel-column>.arena,.online-duel>.arena{flex:1 1 0;width:100%;min-height:0;margin:0}.battlefield{grid-template-rows:30px minmax(0,1fr) 78px minmax(0,1fr);height:100%;padding:8px 10px 26px;display:grid}.opponent-hand{align-self:start;gap:4px;height:30px;min-height:0}.opponent-card-back{width:24px;height:35px;margin-top:-9px}.opponent-hand>span{margin-left:8px;font-size:11px}.revealed-hand{z-index:30;position:absolute;top:34px;left:20%;right:20%}.field-half{grid-template-columns:var(--pile-width) minmax(0, 1fr) var(--pile-width);align-items:stretch;gap:12px;min-height:0;padding:4px 0}.field-half:before{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--side) 10%, transparent), transparent 25%, transparent 75%, color-mix(in srgb, var(--side) 10%, transparent));border-inline:2px solid color-mix(in srgb, var(--side) 65%, transparent);position:absolute;inset:0 -10px}.zone-rows{grid-template-rows:1fr 1fr;gap:12px;width:100%;max-width:none;height:100%;min-height:0;display:grid}.field-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:0;display:grid}.zone,.spellTrap .zone{aspect-ratio:auto;place-items:center;width:100%;height:100%;margin:0;display:grid}.zone>.card-on-mat,.field-zone>.card-on-mat{aspect-ratio:59/86;width:auto;max-width:100%;height:100%}.mat-left,.mat-right{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}.mat-pile,.field-zone{aspect-ratio:auto;width:100%;height:100%;min-height:0;padding:0}.field-zone{place-items:center;display:grid}.mat-pile .pile-label{padding:1px;font-size:9px}.mat-pile .pile-count{font-size:13px}.board-centre{grid-template-columns:var(--pile-width) minmax(0, 1fr) 52px minmax(210px, 2fr) 52px minmax(0, 1fr) var(--pile-width);grid-template-rows:1fr;gap:6px;width:100%;max-width:none;height:78px;padding:7px 0}.board-centre>.pile-banished:first-child{grid-area:1/1}.board-centre>.pile-banished:last-child{grid-area:1/7}.board-centre>.extra-monster-zone:nth-child(2){grid-area:1/3}.board-centre>.extra-monster-zone:nth-child(4){grid-area:1/5}.board-centre>.phase-tools{grid-area:1/4;align-self:center}.board-centre .mat-pile{min-height:0}.board-centre .extra-monster-zone{width:42px;max-width:none;height:61px;max-height:none;font-size:7px}.centre-life{display:none}.phase-ribbon{gap:5px;padding:0}.phase-ribbon button{width:29px;height:29px;font-size:11px}.hand-area{z-index:30;background:linear-gradient(#0000,#111620b8 30%,#10141cf2);border:0;flex:0 0 clamp(108px,14dvh,152px);margin:-22px 0 0;padding:0 10px;position:relative;overflow:visible}.hand-heading{z-index:2;pointer-events:none;height:20px;padding:0;position:relative}.hand-heading .text-button{pointer-events:auto}.hand-cards{flex-wrap:nowrap;align-items:end;gap:0;height:calc(100% - 20px);min-height:0;padding:0 20px;overflow:visible}.hand-cards .card-on-mat{flex:0 clamp(80px,8.2vw,126px);justify-content:center;align-items:end;width:auto;min-width:0;height:100%;margin-inline:-4px;display:flex}.hand-cards .hand-card{aspect-ratio:59/86;transform-origin:bottom;flex:none;width:auto;max-width:none;height:100%;transition:transform .18s,box-shadow .18s;transform:none}.hand-cards .card-on-mat:hover,.hand-cards .card-on-mat:focus-within{z-index:40}.hand-cards .hand-card:hover,.hand-cards .hand-card:focus-visible{transform:translateY(-28px)scale(1.16)}.duel-status{flex:0 0 20px;padding:2px}.duel-column>.error-message{z-index:65;background:#301b24;padding:8px;position:absolute;top:42px;left:10px;right:10px}.right-column{flex-direction:column;gap:8px;display:flex}.player-bar{flex:none;min-height:110px;padding:8px}.chain-panel{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:auto}.duel-log{flex:1;min-height:60px;max-height:none;padding:6px 10px;overflow:auto}.duel-log>p{padding:5px 0;font-size:12px}.right-column .teaching-panel{flex-shrink:0}.online-duel>.turn-heading{flex:0 0 25px;min-height:0;margin:0}.online-duel>.action-bar{flex:0 0 36px;margin:0;padding:4px}.online-duel>.action-bar small{display:none}.online-duel>.action-bar .button{min-height:28px;padding:4px 8px}.online-duel .hand-area{flex-basis:clamp(100px,13dvh,140px)}.online-duel>.phase-nudge,.online-duel>.save-notice{z-index:65;position:absolute;top:70px;left:10px;right:10px}.room-panel .online-duel-layout{height:calc(100dvh - 150px)}.room-panel:has(.online-duel-layout){padding:0}.studio-shell:has(.online-duel-layout){max-width:none;padding:6px}.response-prompt{max-width:210px;bottom:160px;right:12px}}@media (width>=901px) and (height<=780px){.game-layout,.online-duel-layout{--pile-width:48px;grid-template-columns:190px minmax(0,1fr) 184px;gap:8px;padding:6px 8px}.battlefield{grid-template-rows:24px minmax(0,1fr) 66px minmax(0,1fr);padding:4px 8px 20px}.board-centre{height:66px;padding-block:4px}.board-centre .extra-monster-zone{width:38px;height:55px}.opponent-hand{height:24px}.opponent-card-back{width:19px;height:28px}.hand-area{flex-basis:106px;margin-top:-20px}.duel-toolbar h1{font-size:14px}.duel-toolbar select{max-width:110px}.duel-toolbar .primary-actions .button{padding-inline:6px}.player-bar{min-height:100px}}@media (width>=901px) and (width<=1100px){.game-layout,.online-duel-layout{--pile-width:42px;grid-template-columns:175px minmax(0,1fr) 172px;gap:6px;padding-inline:6px}.duel-toolbar h1{white-space:normal;max-width:90px;font-size:13px;line-height:1.05}.duel-toolbar select{max-width:90px}.duel-toolbar .primary-actions .button{padding-inline:5px;font-size:11px}.duel-column>.toolbar{gap:4px}.menu>summary{padding-inline:6px;font-size:12px}.menu>summary:after{margin-left:3px}.board-centre{grid-template-columns:var(--pile-width) 0fr 34px minmax(180px, 1fr) 34px 0fr var(--pile-width);gap:4px}.board-centre .extra-monster-zone{width:32px;height:47px}.phase-ribbon{gap:3px}.phase-ribbon button{width:26px;height:26px}.player-bar .lp-form label{display:block}.player-bar .lp-form input,.online-duel-layout .player-bar .lp-form input{width:100%}}@media (width<=900px){.duel-toolbar{flex-wrap:wrap}.duel-toolbar h1,.arena,.field-half .zone-rows{width:100%}.lobby-controls,.room-filters,.studio-heading{flex-wrap:wrap}}.field-background{background-size:116% 118%}.field-background[style]{background-size:cover}.opponent-hand>span{background:0 0;border:0;width:auto;height:auto;padding:0;position:static;inset:auto;transform:rotate(0)}@media (width>=901px){.hand-cards .hand-card{flex-basis:auto}.hand-cards{padding-block:0}.opponent-hand{overflow:hidden}.phase-ribbon button{border-radius:50%;flex:0 0 29px}}.board-card-name{color:#eee9db;font:600 10px/1.1 var(--font-body);text-align:center;pointer-events:none;background:#111823d9;padding:1px 2px;position:absolute;bottom:calc(100% + 1px);left:-26px;right:-26px}.opponent-half .board-card-name{transform:rotate(180deg)}@media (width>=901px){.hand-cards .hand-card{height:clamp(110px,17dvh,184px)}.hand-heading{width:auto;height:auto;position:absolute;bottom:7px;left:10px}.hand-cards{height:100%}.zone .board-card-name{max-height:24px}}.pile-cards .hand-card{rotate:none}.field-zone .board-card-name{overflow-wrap:anywhere;font-size:9px;left:-2px;right:-2px}.board-stats small{color:#e1c58a;font-size:8px;font-weight:500;line-height:1.15;display:block}.room-options-popover{background:var(--panel);border:1px solid var(--line);z-index:145;width:330px;max-height:70dvh;padding:12px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 12px 30px #000a}.room-options-popover>p{color:var(--muted);margin-block:10px;font-size:12px}.room-options-popover .panel{padding:10px}.duel-tools-popover>.toolbar{grid-column:1/-1;gap:6px}@media (width<=600px){.duel-tools-popover,.sound-popover{width:auto;max-height:calc(100dvh - 112px);position:fixed;top:96px;left:8px;right:8px}}@media (width>=901px){.studio-shell:has(.active-duel-room){height:calc(100dvh - 48px);padding:6px}.active-duel-room{flex-direction:column;height:100%;min-height:0;display:flex}.active-duel-room>.studio-heading{flex:0 0 36px;min-height:36px;margin:0}.active-duel-room>.studio-heading .eyebrow{display:none}.active-duel-room>.online-duel-layout{flex:1 1 0;height:auto;min-height:0;margin-top:0}.active-duel-room>.studio-heading .room-options{z-index:130}.active-duel-room>.error-message{z-index:160;background:#301923;position:absolute;top:50px;right:15px}.room-replay{flex-wrap:wrap;flex:1;gap:8px;min-height:0;display:flex}.room-replay>.online-duel-layout{width:100%;height:calc(100% - 40px)}.room-panel .online-duel .hand-area{padding:0 10px}.room-panel .online-duel .hand-cards .hand-card{width:auto;rotate:none}.online-duel .duel-toolbar h1{font-size:16px}.online-duel>.manual-resolution{z-index:85;max-height:65dvh;padding:12px;position:absolute;top:45px;left:8px;right:8px;overflow:auto}.online-duel .duel-toolbar>.text-button{white-space:nowrap;padding:5px}}.duel-toolbar{align-items:center;display:flex}.opponent-card-back .original-card-back{border-width:1px}.opponent-card-back .original-card-back span{font-size:5px}.field-zone .board-card-name{bottom:0;left:0;right:0}.extra-monster-zone .board-card-name{font-size:8px;inset:0 0 auto}.manual-move-badge{color:#18130a;z-index:5;background:#e8b64b;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:18px;display:grid;position:absolute;top:2px;right:2px}
