:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#090706;color:#f7f4ef}*{box-sizing:border-box}@keyframes logoGlowPulse{0%,to{filter:drop-shadow(0 0 6px rgba(216,177,93,.36)) drop-shadow(0 0 16px rgba(106,28,22,.22));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(247,212,122,.78)) drop-shadow(0 0 34px rgba(106,28,22,.48));transform:scale(1.025)}}@keyframes gemGlowPulse{0%{filter:blur(10px);opacity:.28;transform:scale(.98)}50%{filter:blur(14px);opacity:.78;transform:scale(1.04)}to{filter:blur(10px);opacity:.28;transform:scale(.98)}}@keyframes emberFloat{0%{background-position:8% 110%,18% 96%,34% 118%,52% 104%,69% 116%,84% 100%,94% 112%;opacity:.28;transform:translateY(0)}45%{opacity:.58}to{background-position:12% -10%,22% 8%,38% -14%,48% 3%,73% -12%,80% 10%,91% -8%;opacity:.34;transform:translateY(-2%)}}@keyframes emberFloatCross{0%{background-position:-8% 78%,16% 112%,42% 92%,66% 116%,104% 84%;opacity:.2;transform:translateZ(0)}50%{opacity:.5}to{background-position:18% -8%,8% 4%,56% -12%,58% 2%,82% -10%;opacity:.26;transform:translate3d(1.6%,-1.4%,0)}}@keyframes emberFloatReverse{0%{background-position:104% 92%,78% 116%,58% 102%,30% 118%,4% 88%;opacity:.18;transform:translateZ(0)}48%{opacity:.44}to{background-position:86% -8%,92% 6%,44% -10%,40% 2%,22% -12%;opacity:.24;transform:translate3d(-1.4%,-1.8%,0)}}@keyframes titleGoldShimmer{0%,to{color:#f6d47a;text-shadow:0 2px 0 #4a1710,0 5px 0 rgba(20,8,5,.86),0 0 12px rgba(216,177,93,.42),0 0 24px rgba(106,28,22,.58);transform:scale(1)}50%{color:#ffe9a8;text-shadow:0 2px 0 #4a1710,0 5px 0 rgba(20,8,5,.86),0 0 24px rgba(247,212,122,.86),0 0 44px rgba(172,48,34,.82);transform:scale(1.018)}}body,html,#root{min-height:100%;margin:0;padding:0}body{background:linear-gradient(135deg,#d8a84a,#6e241f 42%,#090706 78%);background-attachment:fixed}button{border:none;border-radius:8px;padding:12px 16px;font:inherit;cursor:pointer;background:#d8b15d;color:#17130d;font-weight:700}.brand-button{align-items:center;background:transparent;display:inline-flex;height:clamp(112px,17.325vw,185px);padding:0}.brand-button img{animation:logoGlowPulse 3.8s ease-in-out infinite;display:block;height:100%;max-width:min(80vw,718px);object-fit:contain;transform-origin:center}.brand-button:hover img{animation-play-state:paused;filter:drop-shadow(0 0 12px rgba(216,177,93,.42))}select{background:#0b0d0f;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f7f4ef;font:inherit;padding:10px 12px}select option{background:#0b0d0f;color:#f7f4ef}select optgroup{background:#0b0d0f;color:#d8b15d}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{max-width:1200px;margin:0 auto;padding:32px}.app-shell.home-shell,.app-shell.deck-shell,.app-shell.packs-shell,.app-shell.rules-shell{isolation:isolate;min-height:100vh;position:relative}.app-shell.home-shell:before,.app-shell.home-shell:after,.app-shell.deck-shell:before,.app-shell.deck-shell:after,.app-shell.packs-shell:before,.app-shell.packs-shell:after,.app-shell.rules-shell:before,.app-shell.rules-shell:after{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:0}.app-shell.home-shell>*,.app-shell.deck-shell>*,.app-shell.packs-shell>*,.app-shell.rules-shell>*{position:relative;z-index:1}.ambient-embers{display:none}.ambient-embers:before,.ambient-embers:after{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.home-shell .ambient-embers,.deck-shell .ambient-embers,.packs-shell .ambient-embers,.rules-shell .ambient-embers,.play-shell .ambient-embers{animation:emberFloat 7s linear infinite;background:radial-gradient(circle,rgba(255,219,96,.92) 0 1px,rgba(255,94,28,.46) 2px,transparent 5px),radial-gradient(circle,rgba(255,174,55,.82) 0 1px,rgba(188,35,22,.38) 2px,transparent 4px),radial-gradient(circle,rgba(255,232,128,.78) 0 1px,rgba(255,94,28,.34) 2px,transparent 5px),radial-gradient(circle,rgba(255,157,48,.74) 0 1px,rgba(188,35,22,.34) 2px,transparent 4px),radial-gradient(circle,rgba(255,219,96,.86) 0 1px,rgba(255,94,28,.4) 2px,transparent 5px),radial-gradient(circle,rgba(255,174,55,.76) 0 1px,rgba(188,35,22,.34) 2px,transparent 4px),radial-gradient(circle,rgba(255,232,128,.72) 0 1px,rgba(255,94,28,.3) 2px,transparent 5px),radial-gradient(circle,rgba(255,202,79,.78) 0 1px,rgba(188,35,22,.3) 2px,transparent 4px),radial-gradient(circle,rgba(255,127,36,.7) 0 1px,rgba(255,94,28,.28) 2px,transparent 5px),radial-gradient(circle,rgba(255,232,128,.74) 0 1px,rgba(188,35,22,.26) 2px,transparent 4px),radial-gradient(circle,rgba(255,174,55,.72) 0 1px,rgba(255,94,28,.28) 2px,transparent 5px);background-repeat:no-repeat;background-size:120px 120px,150px 150px,110px 110px,140px 140px,115px 115px,155px 155px,125px 125px,94px 94px,112px 112px,88px 88px,106px 106px;display:block;filter:blur(.2px) drop-shadow(0 0 7px rgba(255,120,36,.45));top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:.42;pointer-events:none;position:fixed;z-index:0}.home-shell .ambient-embers:before,.deck-shell .ambient-embers:before,.packs-shell .ambient-embers:before,.rules-shell .ambient-embers:before,.play-shell .ambient-embers:before{animation:emberFloatCross 5.8s linear infinite;background:radial-gradient(circle,rgba(255,232,128,.86) 0 1px,rgba(255,94,28,.34) 2px,transparent 5px),radial-gradient(circle,rgba(255,127,36,.76) 0 1px,rgba(188,35,22,.3) 2px,transparent 4px),radial-gradient(circle,rgba(255,202,79,.8) 0 1px,rgba(255,94,28,.34) 2px,transparent 5px),radial-gradient(circle,rgba(255,232,128,.72) 0 1px,rgba(188,35,22,.28) 2px,transparent 4px),radial-gradient(circle,rgba(255,157,48,.74) 0 1px,rgba(255,94,28,.28) 2px,transparent 5px),radial-gradient(circle,rgba(255,219,96,.76) 0 1px,rgba(188,35,22,.28) 2px,transparent 4px),radial-gradient(circle,rgba(255,127,36,.68) 0 1px,rgba(255,94,28,.24) 2px,transparent 5px),radial-gradient(circle,rgba(255,232,128,.72) 0 1px,rgba(188,35,22,.24) 2px,transparent 4px);background-repeat:no-repeat;background-size:90px 90px,132px 132px,104px 104px,126px 126px,96px 96px,78px 78px,116px 116px,86px 86px;filter:blur(.25px) drop-shadow(0 0 6px rgba(255,120,36,.34));mix-blend-mode:screen}.home-shell .ambient-embers:after,.deck-shell .ambient-embers:after,.packs-shell .ambient-embers:after,.rules-shell .ambient-embers:after,.play-shell .ambient-embers:after{animation:emberFloatReverse 9s linear infinite;background:radial-gradient(circle,rgba(255,174,55,.58) 0 1px,rgba(188,35,22,.24) 2px,transparent 4px),radial-gradient(circle,rgba(255,232,128,.66) 0 1px,rgba(255,94,28,.24) 2px,transparent 5px),radial-gradient(circle,rgba(255,127,36,.62) 0 1px,rgba(188,35,22,.24) 2px,transparent 4px),radial-gradient(circle,rgba(255,219,96,.62) 0 1px,rgba(255,94,28,.22) 2px,transparent 5px),radial-gradient(circle,rgba(255,174,55,.56) 0 1px,rgba(188,35,22,.2) 2px,transparent 4px),radial-gradient(circle,rgba(255,219,96,.6) 0 1px,rgba(255,94,28,.22) 2px,transparent 5px),radial-gradient(circle,rgba(255,127,36,.54) 0 1px,rgba(188,35,22,.2) 2px,transparent 4px),radial-gradient(circle,rgba(255,232,128,.58) 0 1px,rgba(255,94,28,.2) 2px,transparent 5px);background-repeat:no-repeat;background-size:170px 170px,138px 138px,184px 184px,148px 148px,176px 176px,124px 124px,156px 156px,132px 132px;filter:blur(.35px) drop-shadow(0 0 8px rgba(255,120,36,.28));mix-blend-mode:screen}.app-shell.home-shell:before,.app-shell.deck-shell:before,.app-shell.packs-shell:before,.app-shell.rules-shell:before{background:linear-gradient(135deg,#d8a84a24,#6e241f2e 42%,#09070657 78%),url(/assets/home-splash-dragons-crystals.png) center / cover no-repeat;opacity:.94}.app-shell.home-shell:after,.app-shell.deck-shell:after,.app-shell.packs-shell:after,.app-shell.rules-shell:after{animation:gemGlowPulse 3.8s ease-in-out infinite;background:radial-gradient(circle at 13.2% 54%,rgba(94,235,212,.58),rgba(94,235,212,.18) 2.7%,transparent 7.5%),radial-gradient(circle at 13.3% 92%,rgba(255,174,55,.7),rgba(255,174,55,.2) 2.8%,transparent 7.8%),radial-gradient(circle at 86.8% 54%,rgba(94,235,212,.58),rgba(94,235,212,.18) 2.7%,transparent 7.5%),radial-gradient(circle at 86.7% 92%,rgba(255,174,55,.7),rgba(255,174,55,.2) 2.8%,transparent 7.8%);mix-blend-mode:screen;transform-origin:center}.app-shell.play-shell{isolation:isolate;max-width:none;min-height:100vh;padding:0;position:relative}.app-shell.play-shell:before{background:linear-gradient(#00000080,#00000080),url(/assets/home-splash-dragons-crystals.png) center / cover no-repeat;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:0}.app-shell.play-shell:after{animation:gemGlowPulse 3.8s ease-in-out infinite;background:radial-gradient(circle at 13.2% 54%,rgba(94,235,212,.58),rgba(94,235,212,.18) 2.7%,transparent 7.5%),radial-gradient(circle at 13.3% 92%,rgba(255,174,55,.7),rgba(255,174,55,.2) 2.8%,transparent 7.8%),radial-gradient(circle at 86.8% 54%,rgba(94,235,212,.58),rgba(94,235,212,.18) 2.7%,transparent 7.5%),radial-gradient(circle at 86.7% 92%,rgba(255,174,55,.7),rgba(255,174,55,.2) 2.8%,transparent 7.8%);content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;pointer-events:none;position:fixed;transform-origin:center;z-index:0}.app-shell.play-shell>*{position:relative;z-index:1}header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:32px}.game-header{display:none}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.top-actions button{padding:9px 12px}.home-top-actions{display:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,4.5rem);line-height:.95}h2{font-size:1.25rem}h3{color:#d8b15d;font-size:.84rem;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.status{border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#f7f4ef;padding:8px 12px}.status.online{background:#369c6a33;border-color:#5ad69775}.mode-picker{display:flex;gap:14px;margin-bottom:24px}.turn-banner{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:18px;padding:12px 14px}.turn-banner span{font-weight:800}.turn-banner small{color:#cfc7b5}.card-library{margin-top:10px}.page-title-heading{animation:titleGoldShimmer 3.8s ease-in-out infinite;color:#f6d47a;display:inline-block;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.176rem,2.8vw,2.576rem);font-weight:900;line-height:.9;text-transform:uppercase;text-shadow:0 2px 0 #4a1710,0 5px 0 rgba(20,8,5,.86),0 0 14px rgba(216,177,93,.52),0 0 28px rgba(106,28,22,.68);-webkit-text-stroke:1px rgba(43,13,8,.9)}.deck-builder,.booster-view{margin-top:10px}.booster-layout{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(180px,208px) 1fr;margin-top:18px}.booster-pack-button{background:#08080857;border:1px solid rgba(216,177,93,.38);border-radius:8px;box-shadow:0 20px 48px #00000057;overflow:hidden;padding:0;width:100%}.booster-pack-button:hover{border-color:#d8b15ddb;box-shadow:0 24px 58px #00000075}.booster-pack-button.opened{border-color:#62c5e8b8}.booster-pack-button img{display:block;height:auto;width:100%}.booster-summary{background:#0808086b;border:1px solid rgba(255,255,255,.14);border-radius:8px;display:grid;gap:14px;padding:18px}.booster-summary p{color:#dfd4bf;line-height:1.45}.booster-slot-list{display:flex;flex-wrap:wrap;gap:8px}.booster-slot-list span{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#f7d990;font-size:.78rem;font-weight:800;padding:6px 9px}.booster-results{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin-top:26px}.booster-card{display:grid;gap:8px;margin:0}.booster-card .library-card{min-height:168px}.booster-card.common .library-card{border-color:#ffffff38}.booster-card.uncommon .library-card{border-color:#62c5e8b8;box-shadow:0 0 0 1px #62c5e833}.booster-card.rare .library-card{border-color:#d8b15de6;box-shadow:0 0 0 1px #d8b15d4d}.booster-card.dan .library-card{border-color:#1f262df2;box-shadow:0 0 0 1px #ffffff38}.booster-card.master .library-card{border-color:#be141ef5;box-shadow:0 0 0 1px #be141e57}.booster-card.secret .library-card{border-color:#c480ffd1;box-shadow:0 0 0 1px #c480ff47}.booster-card.unlisted .library-card{border-color:#ffffff2e;opacity:.86}.booster-card figcaption{color:#dfd4bf;display:grid;font-size:.8rem;gap:2px;text-align:center}.booster-card figcaption strong{color:#f7d990;text-transform:uppercase}.booster-card figcaption small{color:#a9dff2}.deck-builder-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(190px,250px) 1fr}.deck-panel{background:#08080875;border:1px solid rgba(255,255,255,.14);border-radius:8px;max-height:calc(100vh - 64px);overflow-y:auto;padding:14px;position:sticky;top:18px}.deck-file-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}.deck-file-actions button{padding:9px 10px}.deck-file-actions input{display:none}.deck-choice-preview{aspect-ratio:2.5 / 3.5;background:#24211c;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:block;margin-bottom:18px;overflow:hidden;padding:0;position:relative;width:100%}.deck-choice-preview.small{margin-bottom:10px;max-width:150px}.deck-choice-preview.landscape-card{aspect-ratio:3.5 / 2.5;max-width:180px}.deck-choice-preview img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.one-of-choices{display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:14px}.one-of-slot{display:grid;gap:7px}.one-of-controls{display:grid;gap:7px;grid-template-columns:1fr 1fr}.one-of-controls button{padding:7px 8px}.deck-count{color:#dfd4bf;margin-bottom:10px}.deck-count.complete,.deck-requirements .complete{color:#7ee0a2}.deck-requirements{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.deck-requirements span{background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#dfd4bf;font-size:.78rem;padding:4px 7px}.deck-list{display:grid;gap:8px}.deck-type-group{border-top:1px solid rgba(255,255,255,.1);display:grid;gap:7px;padding-top:8px}.deck-type-group h4{color:#d8b15d;font-size:.78rem;letter-spacing:0;margin:0;text-transform:uppercase}.deck-list-item{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr auto auto auto;padding:6px}.deck-list-item button{padding:6px 8px}.deck-list-item button:first-child{background:transparent;color:#f7f4ef;font-weight:500;position:relative;text-align:left}.deck-builder-toolbar{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(104px,max-content));justify-content:center;margin:4px 0 22px}.deck-builder-toolbar button{background:#0000006b;border:1px solid rgba(255,255,255,.14);color:#f7f4ef;padding:9px 11px}.deck-builder-toolbar button.active{background:#d8b15d;color:#17130d}.advanced-scope-toggle{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:-4px 0 16px}.advanced-scope-toggle button{background:#0000006b;border:1px solid rgba(255,255,255,.14);color:#f7f4ef}.advanced-scope-toggle button.active{background:#d8b15d;color:#17130d}.deck-search-panel{background:#00000047;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:grid;gap:8px;margin:0 auto 18px;max-width:720px;padding:12px}.deck-search-panel label{color:#d8b15d;font-size:.84rem;font-weight:800;text-transform:uppercase}.deck-search-panel span{color:#dfd4bf;font-size:.9rem}.deck-search-row{display:grid;gap:8px;grid-template-columns:1fr auto}.deck-search-row input{background:#0b0d0f;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f7f4ef;font:inherit;min-width:0;padding:10px 12px}.deck-search-row input::placeholder{color:#f7f4ef94}.deck-search-row button{padding:10px 12px}.deck-fighter-grid,.deck-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,154px);justify-content:center;margin-bottom:22px}.deck-fighter-grid{grid-template-columns:repeat(4,154px)}.deck-card-grid{grid-template-columns:repeat(auto-fit,154px)}.deck-card-grid.ultimate-grid{grid-template-columns:repeat(5,190px)}.deck-search-empty{grid-column:1 / -1;justify-self:center}.deck-builder-card{min-height:216px}.deck-builder-card.landscape-card,.deck-card-grid.ultimate-grid .deck-builder-card.landscape-card{min-height:136px}.deck-card-frame{display:grid;gap:7px;justify-items:stretch;position:relative}.deck-builder-card img{background:#050607;object-fit:contain}.deck-builder-card.landscape-card img,.deck-choice-preview.landscape-card img{object-fit:cover}.inspect-card-button{background:#00000094;border:1px solid rgba(255,255,255,.16);color:#f7f4ef;padding:7px 8px}.deck-card-actions{display:grid;gap:6px;grid-template-columns:1fr 1fr}.deck-card-actions .inspect-card-button:nth-child(n+3){grid-column:span 2}.deck-card-actions .inspect-card-button:only-child{grid-column:span 2}.deck-builder-card.selected{border-color:#d8b15d;box-shadow:0 0 0 3px #d8b15d40}.rulebook-view{margin-top:10px}.rulebook-pages{display:grid;gap:18px;justify-items:center}.rulebook-page{background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:0;max-width:min(50%,720px);overflow:hidden}.rulebook-page-button{background:transparent;color:inherit;display:block;padding:0;width:100%}.rulebook-page img,.rulebook-page-button img{display:block;width:100%}.image-lightbox{align-items:center;background:#000000b8;display:flex;bottom:0;justify-content:center;left:0;overflow:hidden;padding:32px;position:fixed;right:0;top:0;z-index:200}.image-lightbox img{max-height:94vh;max-width:94vw;object-fit:contain}.card-lightbox{align-items:center;background:transparent;display:flex;bottom:0;justify-content:center;left:0;overflow:hidden;padding:32px;position:fixed;right:0;top:0;z-index:220}.app-shell>.image-lightbox,.app-shell>.card-lightbox,.app-shell>.pile-lightbox,.app-shell>.payment-lightbox{bottom:0;left:0;position:fixed;right:0;top:0}.app-shell>.image-lightbox{z-index:240}.app-shell>.card-lightbox{z-index:245}.app-shell>.payment-lightbox{z-index:250}.app-shell>.pile-lightbox{z-index:252}.home-card-lightbox{background:transparent}.card-lightbox-content{align-items:center;display:flex;flex-direction:column;gap:14px;max-height:94vh;max-width:94vw}.card-lightbox-content img{border-radius:8px;max-height:86vh;max-width:min(92vw,620px);object-fit:contain}.hover-card-preview{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:244}.app-shell.play-shell>.hover-card-preview{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:260}.hover-card-preview img{border:4px solid rgba(0,0,0,.88);border-radius:12px;box-shadow:0 24px 60px #000000b8;display:block;height:auto;max-height:min(54vh,460px);max-width:min(28vw,280px);object-fit:contain;position:static;width:auto}.rulebook-error-panel{background:#120e0cf5;border:1px solid rgba(216,177,93,.34);border-radius:10px;color:#f7f4ef;max-width:min(92vw,420px);padding:20px;text-align:center}.fighter-techniques-button{background:linear-gradient(180deg,#f6d47a,#c88a2e);border:1px solid rgba(255,255,255,.34);box-shadow:0 10px 28px #0000006b,0 0 18px #d8b15d57;color:#17130d;max-width:min(92vw,620px);text-transform:uppercase;width:100%}.payment-lightbox{align-items:center;background:#000000b8;display:flex;bottom:0;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:230}.payment-lightbox-minimized{align-items:flex-start;background:transparent;justify-content:center;pointer-events:none}.pile-lightbox{align-items:center;background:#000000a8;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:235}.pile-panel{background:#120e0cf5;border:1px solid rgba(216,177,93,.34);border-radius:10px;color:#f7f4ef;display:grid;gap:14px;max-height:min(78vh,720px);max-width:min(88vw,760px);overflow:hidden;padding:16px}.combo-warning-panel{background:#120e0cf7;border:1px solid rgba(216,177,93,.42);border-radius:10px;color:#f7f4ef;display:grid;gap:14px;max-width:min(92vw,520px);padding:18px}.combo-warning-panel h3,.combo-warning-panel p{margin:0}.combo-warning-panel label{align-items:center;color:#f7f4efdb;display:flex;gap:8px;line-height:1.25}.combo-warning-panel>div{display:flex;gap:10px;justify-content:flex-end}.turn-start-tip-panel,.discard-tip-panel,.defense-tip-panel{max-width:min(92vw,560px)}.before-discard-response-panel{max-width:min(92vw,520px)}.combo-warning-panel>.before-discard-parry-list{display:grid;gap:8px;justify-content:stretch}.before-discard-parry-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;position:relative}.before-discard-parry-row>button{justify-content:flex-start;text-align:left;width:100%}.parry-card-help{align-items:center;background:#62c5e82e;border:1px solid rgba(98,197,232,.62);border-radius:999px;color:#f7f4ef;cursor:help;display:inline-flex;font-size:.82rem;font-weight:900;height:28px;justify-content:center;position:relative;width:28px}.parry-card-help-panel{background:#080808f5;border:1px solid rgba(216,177,93,.44);border-radius:8px;box-shadow:0 14px 34px #0000009e;color:#f7f4ef;display:none;left:calc(100% + 10px);padding:8px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.parry-card-help-panel img{border-radius:7px;display:block;max-height:min(54vh,360px);max-width:min(30vw,250px);object-fit:contain;width:auto}.parry-card-help:hover .parry-card-help-panel,.parry-card-help:focus .parry-card-help-panel,.parry-card-help:focus-within .parry-card-help-panel{display:grid}@media (max-width: 720px){.parry-card-help-panel{left:auto;right:calc(100% + 10px)}}.turn-start-popup-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}.turn-start-popup-list li{color:#f3ead9;font-size:.84rem;line-height:1.25}.turn-start-popup-list li b{color:#f7d990}.choice-options-list{display:grid;gap:8px}.choice-options-list button{justify-content:flex-start;text-align:left}.pile-panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.pile-panel-header p,.pile-panel-header h3{margin:0}.pile-panel-header p{color:#d8b15d;font-size:.76rem;font-weight:800;text-transform:uppercase}.pile-panel-header button{background:transparent;color:#f7f4ef;padding:6px 9px}.pile-card-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));max-height:62vh;overflow-y:auto;padding:4px;width:min(78vw,720px)}.deck-search-selection{align-items:center;background:#0808086b;border:1px solid rgba(216,177,93,.26);border-radius:8px;display:grid;gap:12px;grid-template-columns:112px 1fr;padding:10px}.deck-search-preview{aspect-ratio:1;border-radius:6px;overflow:hidden}.deck-search-preview.landscape-card{aspect-ratio:1.45 / 1}.deck-search-preview img{height:100%;object-fit:contain;width:100%}.deck-search-selection>div:last-child{display:grid;gap:6px}.deck-search-selection span,.deck-search-help{color:#dfd4bf}.deck-search-actions{display:flex;flex-wrap:wrap;gap:6px}.deck-search-actions button{background:transparent;color:#f7f4ef;font-size:.78rem;min-height:0;padding:6px 8px}.undo-request-panel{max-width:min(92vw,420px)}.undo-request-actions{display:flex;gap:10px;justify-content:flex-end}.undo-request-actions button{min-width:96px}.combo-search-panel{max-width:min(92vw,860px)}.pending-search-panel{max-height:min(88vh,760px);max-width:min(94vw,1180px);overflow-y:auto}.look-discard-panel{max-width:min(92vw,520px)}.look-discard-layout{align-items:center;display:grid;gap:16px;justify-items:center}.look-discard-card{opacity:1;width:min(220px,48vw)}.look-discard-card img{opacity:1}.look-discard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.look-discard-actions button{background:transparent;color:#f7f4ef;min-width:128px}.combo-search-status{align-items:center;display:flex;gap:10px;justify-content:space-between}.combo-search-status span{color:#f7d990;font-weight:900}.combo-search-status button{background:transparent;color:#f7f4ef;padding:6px 8px}.combo-search-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));width:min(82vw,820px)}.pending-search-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(182px,.63fr)}.pending-search-main,.pending-search-reference{display:grid;gap:10px}.pending-search-main h4,.pending-search-reference h4{color:#f7d990;font-size:.82rem;font-weight:900;letter-spacing:0;margin:0;text-transform:uppercase}.pending-search-grid{max-height:60vh;width:100%}.pending-search-reference-scroll{border:1px solid rgba(216,177,93,.18);border-radius:8px;max-height:60vh;overflow-y:auto;padding:8px}.pending-search-reference-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));width:100%}.look-reorder-layout{display:grid;gap:12px;justify-items:center;width:100%}.look-reorder-pool,.look-reorder-slots{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(112px,136px));justify-content:center;width:100%}.look-reorder-slots{align-items:start}.look-reorder-slot{display:grid;gap:5px;justify-items:center}.look-reorder-slot>span{color:#f7d990;font-size:.9rem;font-weight:900}.look-empty-slot{aspect-ratio:5 / 7;border:2px solid rgba(247,217,144,.86);border-radius:8px;box-shadow:inset 0 0 0 1px #000000b3,0 0 16px #d8b15d29;width:min(136px,100%)}.look-reorder-card{min-height:0;width:min(136px,100%)}.look-reorder-card img{width:100%}.combo-search-card{position:relative}.look-order-badge{align-items:center;background:#62c5e8eb;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#071014;display:inline-flex;font-size:.72rem;font-weight:900;min-height:24px;min-width:24px;padding:2px 6px;position:absolute;right:6px;top:6px;z-index:2}.combo-search-card.invalid-combo-card{opacity:.38}.combo-search-card.valid-combo-card{border-color:#d8b15dad;box-shadow:0 0 0 1px #d8b15d42}.combo-search-card.selected-combo-card{border-color:#62c5e8e6;box-shadow:0 0 0 2px #62c5e875}.pending-search-reference .combo-search-card{opacity:.22}.pending-search-reference .combo-search-card.valid-combo-card{opacity:.42}.pending-search-reference .combo-search-card.selected-combo-card{opacity:.9}.pending-search-zone-tag{background:#080808c7;border-radius:999px;bottom:6px;color:#f7f4ef;font-size:.58rem;font-weight:800;left:6px;padding:2px 6px;position:absolute;text-transform:uppercase}@media (max-width: 980px){.pending-search-layout{grid-template-columns:1fr}}@media (max-width: 620px){.look-reorder-pool,.look-reorder-slots{gap:10px;grid-template-columns:repeat(3,minmax(86px,1fr))}}.pile-view-card{aspect-ratio:1;min-height:96px}.payment-panel{background:#120e0cf5;border:1px solid rgba(216,177,93,.34);border-radius:10px;box-shadow:0 24px 70px #0000008c;color:#f7f4ef;display:grid;gap:14px;grid-template-areas:"see see" "heading card" "effects card" "pools card" "total card" "extra extra" "placement placement" "shortcuts actions";grid-template-columns:minmax(210px,260px) minmax(220px,280px);max-height:min(88vh,760px);max-width:min(92vw,620px);overflow-y:auto;padding:18px}.payment-panel h3,.payment-panel p{margin:0}.payment-panel p{color:#d8b15d;font-size:.78rem;font-weight:800;text-transform:uppercase}.payment-panel span,.payment-panel small{color:#cfc6b8}.payment-card-preview{align-self:start;grid-area:card}.payment-card-preview img{border-radius:8px;display:block;max-height:min(46vh,330px);object-fit:contain;width:100%}.play-shell .payment-lightbox{background:#00000047}.play-shell .payment-panel{background:#050302db;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 52px #00000094;transform:scale(.85);transform-origin:center}.play-shell .payment-lightbox-minimized{background:transparent}.payment-see-field-button{background:#d8b15deb;border:1px solid rgba(255,255,255,.26);color:#17130d;grid-area:see;justify-self:end;padding:8px 11px}.payment-panel-minimized{align-items:center;display:flex;gap:10px;margin-top:18px;max-width:min(92vw,420px);padding:10px;pointer-events:auto}.payment-panel-minimized .payment-see-field-button{justify-self:auto}.payment-minimized-summary{display:grid;gap:2px}.payment-minimized-summary strong{color:#f7d990;font-size:.88rem}.payment-minimized-summary span{color:#dfd4bf;font-size:.78rem}.payment-pools{display:grid;gap:10px;grid-area:pools;grid-template-columns:1fr 1fr}.payment-heading{grid-area:heading}.payment-effects{background:#d8b15d14;border:1px solid rgba(216,177,93,.22);border-radius:8px;display:grid;gap:5px;grid-area:effects;padding:9px 10px}.payment-extra-options{background:#62c5e81a;border:1px solid rgba(98,197,232,.28);border-radius:8px;display:grid;gap:8px;grid-area:extra;padding:10px}.payment-extra-options>span{color:#a9dff2;font-size:.76rem;font-weight:800;text-transform:uppercase}.payment-extra-option{border-radius:8px;display:grid;gap:6px}.payment-extra-options button{background:#0000006b;border:1px solid rgba(255,255,255,.16);color:#f7f4ef;padding:8px 10px;text-align:left;width:100%}.payment-extra-option.selected-payment-option button{background:#62c5e838;border-color:#62c5e89e;color:#f7f4ef}.payment-extra-option.disabled-extra-option{background:#ffffff09;border:1px solid rgba(255,255,255,.08);padding:7px}.payment-extra-option.disabled-extra-option button{background:#50505052;border-color:#ffffff14;color:#f7f4ef6b}.payment-extra-options small{color:#cfeef9}.payment-extra-options .payment-extra-warning{color:#ff6f6f;font-weight:800}.payment-effects>span{color:#d8b15d;font-size:.76rem;font-weight:800;text-transform:uppercase}.payment-effects small{color:#f7f4ef}.payment-total{border:1px solid rgba(255,255,255,.14);border-radius:8px;display:grid;gap:4px;grid-area:total;padding:8px 10px}.payment-total.valid{border-color:#62c5e880}.payment-total span{color:#f7f4ef;font-weight:800}.payment-total small{color:#ffcf9f}.payment-pools label{display:grid;gap:6px;font-size:.82rem;font-weight:800}.payment-pools input{background:#00000061;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f7f4ef;font:inherit;padding:9px 10px}.payment-placement{display:grid;gap:8px;grid-area:placement}.payment-placement>span{color:#d8b15d;font-size:.78rem;font-weight:800;text-transform:uppercase}.payment-placement div,.payment-shortcuts,.payment-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-shortcuts{grid-area:shortcuts}.payment-shortcuts button,.payment-actions button{border-radius:8px;font-size:.82rem;padding:8px 10px}.selected-payment-option{background:#62c5e82e;border-color:#62c5e894}.payment-actions{grid-area:actions;justify-content:flex-end}@media (max-width: 720px){.payment-panel{grid-template-areas:"see" "card" "heading" "effects" "pools" "total" "extra" "placement" "shortcuts" "actions";grid-template-columns:minmax(0,1fr)}.payment-card-preview{justify-self:center;max-width:250px;width:100%}.payment-actions{justify-content:stretch}.payment-actions button{flex:1 1 120px}}.lightbox-close{align-items:center;background:#0b0d0f;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#f7f4ef;display:flex;height:38px;justify-content:center;padding:0;position:fixed;right:22px;top:18px;width:38px;z-index:210}.panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.stats{display:flex;flex-wrap:wrap;gap:8px}.stats span{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e8dfd0;padding:7px 10px}.card-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));margin-top:12px}.card{aspect-ratio:2.5 / 3.5;background:#24211c;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:inherit;display:flex;flex-direction:column;font-weight:500;justify-content:flex-end;min-height:210px;overflow:hidden;padding:0;position:relative;text-align:left}.library-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,154px);justify-content:center}.library-grid.technique-grid{grid-template-columns:repeat(5,154px)}.library-grid.fighter-grid{grid-template-columns:repeat(4,154px)}.library-grid.aura-grid{grid-template-columns:repeat(6,154px)}.library-grid.basic-attack-grid{grid-template-columns:repeat(4,154px)}.library-grid.environment-grid{grid-template-columns:repeat(5,154px)}.library-grid.title-grid{grid-template-columns:repeat(4,154px)}.library-grid.ultimate-grid{grid-template-columns:repeat(5,184px)}.library-grid.weapon-grid{grid-template-columns:repeat(4,154px)}.library-grid.technique-grid .library-card:nth-child(n+6){transform:translate(83px)}.library-grid.technique-grid .library-card:nth-child(n+6):hover{transform:translate(83px) scale(1.85)}.library-grid.aura-grid .library-card:nth-child(n+7),.library-grid.title-grid .library-card:nth-child(n+5),.library-grid.weapon-grid .library-card:nth-child(n+5){transform:translate(83px)}.library-grid.aura-grid .library-card:nth-child(n+7){transform:translate(83px)}.library-grid.ultimate-grid .library-card:nth-child(n+6){transform:translate(98px)}.library-grid.aura-grid .library-card:nth-child(n+7):hover,.library-grid.title-grid .library-card:nth-child(n+5):hover,.library-grid.weapon-grid .library-card:nth-child(n+5):hover{transform:translate(83px) scale(1.85)}.library-grid.aura-grid .library-card:nth-child(n+7):hover{transform:translate(83px) scale(1.85)}.library-grid.ultimate-grid .library-card:nth-child(n+6):hover{transform:translate(98px) scale(1.55)}.library-card{aspect-ratio:2.5 / 3.5;background:#24211c;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:inherit;display:flex;flex-direction:column;justify-content:flex-end;min-height:214px;overflow:hidden;position:relative;padding:0;text-align:left;width:100%}.library-card.fighter-link-card{border-color:#d8b15d59}.library-card.fighter-link-card:hover{border-color:#d8b15d}.card.landscape-card,.library-card.landscape-card{aspect-ratio:3.5 / 2.5;min-height:132px}.zoom-card{transform-origin:center;transition:transform .18s ease}.zoom-card:hover{box-shadow:0 18px 42px #00000080;transform:scale(2.35);transition-delay:1s;z-index:90}.library-card img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.card.landscape-card img,.library-card.landscape-card img{object-fit:cover}.card-board{background:#1e2622}.card.selected{border-color:#d8b15d;box-shadow:0 0 0 3px #d8b15d40}.card.free-discard-ready{border-color:#62c5e8;box-shadow:0 0 0 3px #62c5e83d}.card img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.empty-zone{color:#a9a195;min-height:48px}.attack-player{margin-top:16px}footer{margin-top:24px}.play-shell .turn-banner{display:none}.arena{background:transparent;margin:0 auto;min-height:100vh;overflow:hidden;position:relative;width:100vw}.arena-fullscreen{height:100vh;top:0;right:0;bottom:0;left:0;max-width:none;position:fixed;z-index:180}.arena-notice{align-items:center;background:#120e0ceb;border:1px solid rgba(216,177,93,.44);border-radius:8px;color:#f7f4ef;display:flex;gap:10px;left:50%;max-width:min(520px,48vw);padding:9px 10px;position:absolute;top:14px;transform:translate(-50%);z-index:28}.arena-notice span{color:#f7d990}.arena-notice button{background:transparent;color:#f7f4ef;padding:4px 7px}.phase-flash{align-items:center;animation:phaseFlashIn .22s ease-out;background:#080808c7;border:1px solid rgba(216,177,93,.58);border-radius:8px;box-shadow:0 22px 54px #0000007a;color:#f7f4ef;display:grid;gap:4px;justify-items:center;left:50%;min-width:min(420px,72vw);padding:18px 24px;pointer-events:none;position:absolute;text-align:center;top:46%;transform:translate(-50%,-50%);z-index:70}.phase-flash strong{color:#f7d990;font-size:clamp(2rem,5vw,4.4rem);letter-spacing:0;line-height:1;text-transform:uppercase}.phase-flash span{color:#dfd4bf;font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:800}.turn-start-popup{background:#080808d6;border:1px solid rgba(216,177,93,.56);border-radius:8px;box-shadow:0 18px 40px #0000006b;color:#f7f4ef;display:grid;gap:6px;left:50%;max-width:min(440px,46vw);padding:12px 14px;position:absolute;text-align:left;top:64px;transform:translate(-50%);width:min(440px,46vw);z-index:68}.turn-start-popup strong{color:#f7d990;font-size:1rem}.turn-start-popup>span{color:#dfd4bf;font-size:.76rem;text-transform:uppercase}.turn-start-popup ul{display:grid;gap:4px;list-style:none;margin:0;padding:0}.turn-start-popup li{color:#f3ead9;font-size:.84rem;line-height:1.25}.turn-start-popup li b{color:#f7d990}.turn-start-popup button{background:#ffffff14;color:#f7f4ef;justify-self:end;padding:5px 8px}@keyframes phaseFlashIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.arena-log{background:#0808089e;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#f7f4ef;display:flex;flex-direction:column;font-size:.9rem;gap:6px;left:14px;line-height:1.25;max-height:30vh;overflow-y:auto;padding:12px 14px;position:absolute;resize:both;top:14px;width:min(270px,17vw);z-index:20}.arena-log span{color:#dfd4bf}.arena-status-panel{background:#080808b8;border:1px solid rgba(216,177,93,.4);border-radius:8px;color:#f7f4ef;display:grid;gap:2px;left:14px;padding:6px 9px;position:absolute;top:calc(34vh + 66px);width:min(220px,15vw);z-index:20}.arena-status-panel strong{font-size:.72rem}.arena-status-panel span{color:#f7d990;font-size:.84rem;font-weight:800}.arena-status-panel small{color:#dfd4bf;font-size:.68rem;text-transform:uppercase}.endgame-banner-toggle{background:#d8b15d2e;border:1px solid rgba(216,177,93,.7);border-radius:8px;bottom:calc(26px + 42vh);color:#f7f4ef;font-size:.82rem;font-weight:800;left:14px;padding:10px 12px;position:absolute;text-align:left;width:min(180px,12vw);z-index:22}.combat-prompt{align-items:center;background:#080808b8;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f7f4ef;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;left:50%;max-width:min(680px,54vw);padding:10px 12px;position:absolute;top:42vh;transform:translate(-50%);z-index:24}.combat-prompt.needs-action{border-color:#d8b15d9e;box-shadow:0 0 0 2px #d8b15d29}.combat-prompt span,.combat-prompt small{color:#dfd4bf}.combat-prompt button{background:#d8b15d2e;color:#f7f4ef;padding:6px 8px}.discard-prompt{align-items:center;background:#080808c2;border:1px solid rgba(216,177,93,.58);border-radius:8px;color:#f7f4ef;display:flex;gap:10px;left:50%;padding:10px 12px;position:absolute;top:48vh;transform:translate(-50%);z-index:25}.discard-prompt span{color:#dfd4bf}.combat-stage{background:#080808a8;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#f7f4ef;display:grid;font-size:.88rem;gap:8px;left:50%;line-height:1.25;max-height:58vh;max-width:min(660px,48vw);overflow-y:auto;padding:12px 14px;position:absolute;top:16vh;transform:translate(-50%);width:min(660px,48vw);z-index:21}.combat-stage-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.combat-stage-header span{flex:1}.combat-see-arena-button,.combat-stage-restore{background:#d8b15deb;border:1px solid rgba(255,255,255,.26);color:#17130d;font-size:.78rem;min-height:0;padding:7px 10px;white-space:nowrap}.combat-stage-restore{left:50%;position:absolute;top:16vh;transform:translate(-50%);z-index:21}.combat-stage-header span,.combat-stage-summary span{color:#dfd4bf}.combat-stage-cards{display:flex;gap:10px;min-height:82px;overflow-x:auto;padding:2px}.combat-stage-entry{align-items:center;display:grid;gap:4px;justify-items:center;min-width:82px}.combat-stage-card{aspect-ratio:1;width:66px}.combat-stage-tools{display:grid;gap:3px;grid-template-columns:24px 1fr 24px;width:100%}.combat-stage-tools button,.combat-stage-actions button{background:transparent;color:#f7f4ef;font-size:.72rem;min-height:0;padding:4px 5px}.combat-stage-entry small{color:#d8b15d;font-weight:800}.combat-stage-empty{align-items:center;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:#dfd4bf;display:flex;flex:1;justify-content:center;min-height:88px;padding:10px}.combat-stage-summary,.combat-stage-actions{display:flex;flex-wrap:wrap;gap:8px}.combat-stage-summary small{color:#f7d990;flex-basis:100%;font-size:.76rem}.combat-stage-defense{border-top:1px solid rgba(255,255,255,.16);display:grid;gap:6px;padding-top:7px}.combat-stage-defense span,.combat-stage-defense small{color:#dfd4bf}.combat-stage-defense-actions{display:flex;flex-wrap:wrap;gap:6px;max-height:18vh;overflow-y:auto;padding-right:4px}.combat-stage-defense-actions button{background:transparent;color:#f7f4ef;font-size:.72rem;min-height:0;padding:4px 6px}@media (max-width: 1100px){.combat-stage{max-width:min(92vw,660px);top:12vh;width:min(92vw,660px)}.combat-stage-restore{top:12vh}}.defense-discard-window{background:#080808b3;border:1px solid rgba(216,177,93,.34);border-radius:8px;color:#f7f4ef;display:grid;gap:8px;left:50%;max-width:min(460px,34vw);padding:10px;position:absolute;top:56vh;transform:translate(-50%);width:min(460px,34vw);z-index:22}.defense-discard-header{align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto auto}.defense-discard-header span{color:#dfd4bf;font-size:.78rem}.defense-discard-header button{background:transparent;color:#f7f4ef;min-height:0;padding:3px 7px}.defense-discard-cards{display:flex;gap:8px;overflow-x:auto}.defense-discard-card{aspect-ratio:1;position:relative;width:64px}.defense-discard-card span{align-items:center;background:#d8b15deb;border-radius:999px;bottom:-5px;color:#16110d;display:flex;font-size:.72rem;font-weight:900;height:22px;justify-content:center;position:absolute;right:-5px;width:22px}.defense-panel{background:#080808b3;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f7f4ef;display:flex;flex-direction:column;font-size:.88rem;gap:6px;left:auto;line-height:1.25;max-width:min(430px,35vw);padding:12px 14px;position:absolute;right:18px;top:34vh;transform:none;z-index:20}.defense-panel span{color:#dfd4bf}.defense-panel div{display:flex;gap:8px}.defense-panel button{background:transparent;color:#f7f4ef;padding:6px 8px}.training-panel{background:#080808a8;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#f7f4ef;display:flex;flex-direction:column;font-size:.86rem;gap:8px;line-height:1.2;max-height:30vh;overflow-y:auto;padding:12px 14px;position:absolute;right:14px;top:344px;width:min(270px,18vw);z-index:20}.training-row{border-top:1px solid rgba(255,255,255,.14);display:grid;gap:5px;padding-top:8px}.training-row.mastered{border-color:#d8b15d8c}.training-row span:nth-child(2){color:#dfd4bf}.training-row.mastered span:first-child{color:#f7d990}.training-row div{display:flex;gap:8px}.training-row button{background:transparent;color:#f7f4ef;padding:5px 8px}.token-panel{background:#080808ad;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#f7f4ef;display:flex;flex-direction:column;font-size:.84rem;gap:8px;left:auto;max-height:34vh;padding:10px 12px;position:absolute;right:14px;top:96px;width:min(350px,24vw);z-index:20}.token-tabs,.token-roll-buttons,.counter-current{display:flex;flex-wrap:wrap;gap:6px}.token-tabs button,.token-roll-buttons button,.counter-current button{background:transparent;color:#f7f4ef;padding:5px 8px;text-transform:capitalize}.token-tabs button.active{background:#ffffff24}.token-roll-area,.counter-token-area{display:grid;gap:8px}.last-roll,.counter-current{align-items:center}.last-roll{color:#dfd4bf;display:grid;justify-items:center;gap:8px}.last-roll img{aspect-ratio:1;height:96px;object-fit:contain;width:96px}.counter-current img{aspect-ratio:1;height:76px;object-fit:contain;width:76px}.counter-current>span{align-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:6px;display:inline-flex;font-size:1.05rem;justify-content:center;min-width:38px}.counter-current div{display:grid;flex:1;gap:2px;min-width:0;text-transform:capitalize}.counter-current{align-items:center;display:grid;gap:8px;grid-template-columns:76px 1fr 32px 32px}.counter-current small,.token-hint{color:#dfd4bf}.arena-actions{background:#0808088a;border:1px solid rgba(255,255,255,.22);border-radius:8px;bottom:14px;display:flex;flex-direction:column;font-size:.78rem;gap:5px;left:14px;max-height:42vh;overflow-y:auto;padding:9px;position:absolute;width:min(180px,12vw);z-index:20}.arena-actions button{background:transparent;color:#f7f4ef;min-height:0;padding:4px 6px;text-align:left}.arena-actions button:focus:not(:focus-visible):not(.active-action),.arena-actions button:active:not(.active-action){background:transparent}.arena-actions button:focus-visible{outline:1px solid rgba(216,177,93,.72);outline-offset:2px}.arena-actions button:first-letter{color:#d8b15d}.arena-actions button:disabled{opacity:.45}.arena-actions button.active-action{background:#62c5e82e;border-color:#62c5e894}.arena-actions button.danger-action{border-color:#e8626285;color:#ffb8b8}.arena-actions button.danger-action:first-letter{color:#ff8f8f}.arena-actions>button:first-child,.ai-game .arena-actions>button:nth-of-type(2){display:none}.end-turn-warning-panel,.endgame-panel{max-width:min(420px,90vw)}.endgame-lightbox{background:#00000080}.endgame-panel h3{color:#f7d990}.endgame-panel p{text-align:center}.arena-home-button{background:#00000094;border:1px solid rgba(255,255,255,.18);color:#f7f4ef;position:absolute;right:2%;top:2%;z-index:20}.arena-zone{display:flex;gap:8px;justify-content:center;left:29%;min-height:17%;position:absolute;right:29%;z-index:4}.opponent-zone{align-items:flex-start;top:21%}.player-zone{align-items:flex-end;bottom:31%}.mat-zones{display:grid;gap:clamp(8px,.8vw,14px);grid-template-columns:86px minmax(92px,1fr) minmax(92px,1fr) minmax(92px,1fr) 132px 84px;grid-template-rows:86px 86px 86px;height:auto;left:50%;padding:10px;pointer-events:none;position:absolute;transform:translate(-50%);width:min(920px,54vw);z-index:5}.opponent-mat-zones{top:5vh;transform:translate(-50%) scale(.74);transform-origin:top center}.player-mat-zones{bottom:13vh;transform:translate(-50%) scale(1.04);transform-origin:bottom center}.mat-slot{align-items:center;background:#0b101285;border:1px solid rgba(98,197,232,.46);border-radius:8px;color:#f7f4ef;display:flex;justify-content:center;min-height:0;overflow:visible;padding:5px;pointer-events:auto;position:relative;text-align:center}.mat-slot.placement-target{box-shadow:0 0 0 2px #d8b15d6b,0 0 22px #d8b15d33;cursor:pointer}.mat-slot.placement-target>span,.mat-slot.placement-target small{color:#f7d990}.mat-slot>span,.stack-slot>span{color:#f7f4efc7;font-size:clamp(.62rem,.76vw,.84rem);font-weight:800;line-height:1.05;text-transform:uppercase}.pile-slot{flex-direction:column;gap:3px}.clickable-pile{cursor:pointer}.clickable-pile:hover{border-color:#d8b15db3}.pile-slot img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.pile-slot:after{background:#0000002e;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.pile-slot strong{font-size:clamp(.68rem,.82vw,.9rem);position:relative;text-transform:uppercase;z-index:1}.pile-slot span{color:#d8b15d;font-size:1.35rem;font-weight:900;position:relative;text-shadow:0 2px 5px rgba(0,0,0,.78);z-index:1}.deck-slot{grid-column:1;grid-row:1}.hand-count-slot{height:86px;left:calc(-86px - clamp(2px,.35vw,6px));position:absolute;top:10px;width:86px}.discard-slot{grid-column:1;grid-row:2}.master-pile-slot{grid-column:1;grid-row:3}.left-attachment-slot{grid-column:2;grid-row:2}.right-attachment-slot{grid-column:4;grid-row:2}.adv-slot-1{grid-column:3;grid-row:2}.adv-slot-2{grid-column:2;grid-row:3}.adv-slot-3{grid-column:4;grid-row:3}.adv-xp-badge{align-items:center;background:#080808db;border:1px solid rgba(216,177,93,.72);border-radius:999px;color:#f7d990;display:flex;font-size:.72rem;font-weight:900;height:24px;justify-content:center;min-width:34px;padding:0 6px;pointer-events:none;position:absolute;right:-7px;top:-7px;z-index:4}.adv-xp-badge.mastered{background:transparent;border:0;height:34px;min-width:34px;padding:0;right:-10px;top:-10px;width:34px}.adv-xp-badge.mastered img{height:100%;object-fit:contain;width:100%}.fighter-slot{grid-column:3;grid-row:3}.hp-slot{align-items:center;flex-direction:column;gap:2px;height:86px;left:calc(-86px - clamp(2px,.35vw,6px));position:absolute;top:calc(96px + clamp(8px,.8vw,14px));width:86px}.hp-slot strong{color:#d8b15d;font-size:.74rem;text-transform:uppercase}.hp-slot span{font-size:1.45rem;font-weight:900}.ultimate-slot{align-items:center;grid-column:5;grid-row:1;align-self:center;aspect-ratio:3.5 / 2.5;justify-content:center;min-height:0;overflow:visible}.mat-counters{display:grid;gap:6px;grid-column:6;grid-row:1 / span 3;grid-template-rows:repeat(3,1fr);pointer-events:auto}.mat-counter{align-items:center;background:#0c101180;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f7f4ef;display:flex;justify-content:space-between;min-width:0;flex-direction:column;justify-content:flex-end;padding:5px;text-align:center}.token-card-counter{background:linear-gradient(180deg,#00000008,#0000001a),var(--counter-art) center / cover no-repeat;min-height:0;overflow:hidden;position:relative}.token-card-counter:after{background:#0000000a;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.mat-counter span{background:#000000a8;border-radius:4px;color:#f7f4ef;font-size:clamp(.5rem,.58vw,.62rem);font-weight:800;padding:2px 4px;position:relative;text-transform:uppercase;z-index:1}.mat-counter strong{background:#000000ad;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#d8b15d;font-size:clamp(1rem,1.2vw,1.35rem);margin-bottom:4px;min-width:34px;padding:2px 7px;position:relative;text-shadow:0 2px 5px rgba(0,0,0,.75);z-index:1}.mat-counter small{background:#000000b8;border:1px solid rgba(255,255,255,.18);border-radius:4px;color:#f7d990;font-size:clamp(.46rem,.54vw,.6rem);padding:2px 4px;position:relative;z-index:1}.zone-card{aspect-ratio:1;min-height:0;height:100%;width:100%}.zone-card.activated-card{border-color:#d8b15db8;box-shadow:0 0 0 2px #d8b15d29}.zone-card.tapped-card{filter:grayscale(.35) brightness(.72);transform:rotate(8deg)}.tap-marker{background:#000000c2;border:1px solid rgba(255,255,255,.22);border-radius:4px;bottom:4px;color:#f7d990;font-size:.52rem;font-weight:900;left:50%;padding:2px 4px;position:absolute;text-transform:uppercase;transform:translate(-50%);z-index:2}.fighter-slot .zone-card{height:100%;width:100%}.ultimate-zone-card{aspect-ratio:3.5 / 2.5;flex:0 0 auto;height:72px;min-height:72px;max-width:100%;width:126px}.ultimate-zone-card img{object-fit:contain;object-position:center}.ultimate-slot .zone-card{aspect-ratio:3.5 / 2.5;height:72px;min-height:72px;width:126px}.zone-card img,.hand-card img{object-fit:cover}.ultimate-zone-card img{object-fit:contain}.zone-card:hover,.hand-card:hover{transform:none;transition-delay:1s;z-index:90}.zone-card:hover img,.hand-card:hover img{background:#050607;object-fit:contain}.mastered-zone-card{border-color:#d8b15dd1;box-shadow:0 0 0 2px #d8b15d33}.stack-slot{align-items:stretch;flex-direction:column;gap:5px}.stack-cards{align-items:center;display:flex;flex:1;gap:4px;justify-content:center;min-height:0}.stack-cards small{color:#dfd4bfc7}.stacked-card{height:min(100%,44px);width:min(44px,34%)}.hand-zone{align-items:flex-end;bottom:1.25%;display:flex;gap:8px;justify-content:center;left:31%;position:absolute;right:31%;z-index:8}.hand-card{aspect-ratio:1;animation:deal-card-in .24s ease-out}.arena-card{flex:0 0 clamp(52px,4.2vw,72px);min-height:0}.arena-card.landscape-card{flex-basis:clamp(52px,4.2vw,72px)}.arena-controls{align-items:flex-end;bottom:20px;display:flex;gap:8px;position:absolute;right:18px;z-index:20}.deck-load-controls{display:flex;gap:6px}.deck-load-controls button{background:#0000009e;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f7f4ef;font-size:.78rem;min-width:74px;padding:6px 8px}.turn-counter-control{align-items:center;background:#08080899;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#f7f4ef;display:grid;gap:4px;grid-template-columns:24px 40px 1fr 24px;left:14px;padding:6px 8px;position:absolute;top:34vh;width:min(220px,15vw);z-index:20}.turn-counter-control img{aspect-ratio:1;object-fit:contain;width:40px}.turn-counter-control button{background:transparent;color:#f7f4ef;padding:2px 0}.turn-counter-control strong{color:#d8b15d;font-size:.82rem;text-align:center}.placement-banner{align-items:center;background:#080808b8;border:1px solid rgba(216,177,93,.38);border-radius:8px;color:#f7f4ef;display:flex;gap:12px;left:50%;padding:10px 12px;position:absolute;top:42vh;transform:translate(-50%);z-index:24}.placement-banner button{background:transparent;color:#f7f4ef;padding:6px 8px}@keyframes deal-card-in{0%{opacity:0;transform:translateY(-18px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}.arena-menu-toggle,.arena-control-stack button{background:#0000009e;border:1px solid rgba(255,255,255,.2);color:#f7f4ef}.arena-menu-toggle{align-items:center;border-radius:8px;display:flex;height:42px;justify-content:center;padding:0;width:42px}.arena-control-stack{display:flex;flex-direction:column;gap:8px;position:relative}.arena-control-stack button{align-items:center;border-radius:8px;display:flex;height:42px;justify-content:center;min-width:54px;padding:0 10px}.arena-control-stack button.sound-enabled{border-color:#d8b15dcc;color:#f7d990}.arena-settings-panel{background:#080808e0;border:1px solid rgba(216,177,93,.34);border-radius:8px;bottom:0;color:#f7f4ef;padding:10px;position:absolute;right:62px;width:210px}.arena-settings-panel label{align-items:center;display:flex;font-size:.78rem;gap:8px;line-height:1.2}.arena-settings-panel .volume-setting{align-items:flex-start;display:grid;gap:6px}.arena-settings-panel input[type=range]{accent-color:#d8b15d;width:100%}.arena-controls.closed{right:0}.attack-player{bottom:11%;position:absolute;right:3%;z-index:9}.scroll-top-button{align-items:center;background:#d8b15d;border:1px solid rgba(255,255,255,.22);border-radius:999px;bottom:24px;box-shadow:0 12px 26px #00000061;color:#17130d;display:flex;font-size:1.35rem;height:46px;justify-content:center;padding:0;position:fixed;left:auto;right:24px;width:46px;z-index:120}.home-shell .scroll-top-button{left:79vw!important;right:auto!important;transform:translate(-50%)}.fixed-card-preview{background:#050607;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 18px 42px #00000080;height:320px;left:280px;overflow:hidden;pointer-events:none;position:fixed;top:110px;width:228px;z-index:240}.fixed-card-preview.landscape{height:178px;width:250px}.fixed-card-preview img{height:100%;object-fit:contain;width:100%}@media (max-width: 720px){.app-shell{padding:18px}header,.panel-header,.turn-banner{align-items:flex-start;flex-direction:column}.card-row{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.deck-builder-layout{grid-template-columns:1fr}.deck-panel{position:static}.deck-builder-toolbar,.deck-fighter-grid,.library-grid,.library-grid.technique-grid,.library-grid.fighter-grid,.library-grid.aura-grid,.library-grid.basic-attack-grid,.library-grid.environment-grid,.library-grid.title-grid,.library-grid.ultimate-grid,.library-grid.weapon-grid{grid-template-columns:repeat(auto-fit,minmax(124px,154px))}.library-grid.technique-grid .library-card:nth-child(n+6),.library-grid.technique-grid .library-card:nth-child(n+6):hover,.library-grid.aura-grid .library-card:nth-child(n+7),.library-grid.aura-grid .library-card:nth-child(n+7):hover,.library-grid.title-grid .library-card:nth-child(n+5),.library-grid.title-grid .library-card:nth-child(n+5):hover,.library-grid.ultimate-grid .library-card:nth-child(n+6),.library-grid.ultimate-grid .library-card:nth-child(n+6):hover,.library-grid.weapon-grid .library-card:nth-child(n+5),.library-grid.weapon-grid .library-card:nth-child(n+5):hover{transform:none}.zoom-card:hover{transform:scale(1.28)}}