:root{color:#eef7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#05070d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 40%,#17395433,#0000 48%),#05070d}button,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}canvas{display:block;position:absolute;inset:0}.sfx-controls{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a12d6;border:1px solid #75d3f12e;border-radius:4px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:fixed;top:112px;right:22px;box-shadow:0 12px 28px #00000052}.sfx-mute{color:#bfeeff;letter-spacing:.1em;background:#103a4cd1;border:1px solid #6fdafa47;border-radius:3px;min-width:74px;min-height:28px;font-size:7px;font-weight:850}.sfx-volume{color:#6f8fa1;letter-spacing:.1em;align-items:center;gap:6px;font-size:7px;font-weight:800;display:flex}.sfx-volume input{accent-color:#59d8ff;width:72px}.screen-layer{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 36%,#289bc229,#0000 34%),linear-gradient(#03070db3,#03060beb);position:fixed;inset:0;overflow:auto}.screen-layer.is-hidden{display:none}.flow-screen{text-align:center;min-height:100%;padding:52px clamp(24px,5vw,76px)}.title-screen,.handoff-screen,.result-screen{align-content:center;justify-items:center;display:grid}.title-mark{filter:drop-shadow(0 20px 38px #000000b3);font-family:Arial Narrow,Impact,sans-serif;display:grid;position:relative;transform:skewY(-3deg)}.title-mark:before,.title-mark:after{content:"";background:linear-gradient(90deg,#0000,#62ddff,#0000);height:2px;position:absolute;left:-16%;right:-16%;box-shadow:0 0 18px #62ddffcc}.title-mark:before{top:48%}.title-mark:after{bottom:-8px}.title-mark span{color:#a6b9c6;letter-spacing:.22em;font-size:clamp(38px,7vw,74px);font-weight:700;line-height:.8}.title-mark strong{color:#f0fbff;letter-spacing:.035em;text-shadow:0 0 32px #3fc1eb47;font-size:clamp(66px,12vw,136px);line-height:.9}.title-tagline{color:#849cab;letter-spacing:.16em;text-transform:uppercase;margin:34px 0 26px;font-size:12px}.build-label{color:#405463;letter-spacing:.2em;margin-top:18px;font-size:8px;font-weight:800}.flow-primary,.flow-secondary,.flow-back,.mode-card,.archetype-card{color:inherit;border:1px solid #66dcff57;transition:border-color .14s,transform .14s,filter .14s}.flow-primary,.flow-secondary{letter-spacing:.15em;background:linear-gradient(#2594b9,#0c506d);border-radius:4px;min-width:190px;min-height:50px;padding:0 28px;font-size:10px;font-weight:900}.flow-secondary{color:#a7bbc6;background:#111d28e0;border-color:#91acbb47}.flow-primary:hover,.flow-secondary:hover,.mode-card:hover,.archetype-card:hover{filter:brightness(1.15);border-color:#7be6ff;transform:translateY(-3px)}.selection-screen,.deck-screen{flex-direction:column;align-items:center;display:flex}.screen-heading{margin-bottom:34px}.screen-kicker{color:#66dfff;letter-spacing:.28em;font-size:9px;font-weight:850}.screen-heading h1,.handoff-screen h1,.result-screen h1{letter-spacing:.04em;margin:8px 0 5px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(42px,7vw,76px);font-weight:700;line-height:1}.screen-heading p,.handoff-screen p,.result-screen p{color:#829baa;margin:0;font-size:12px}.mode-grid{grid-template-columns:repeat(2,minmax(0,300px));gap:18px;width:min(100%,620px);display:grid}.mode-card{background:linear-gradient(145deg,#0e1f2df5,#050c15eb);border-radius:5px 18px;gap:8px;min-height:230px;padding:34px 24px;display:grid;box-shadow:0 22px 50px #00000061}.mode-card strong{letter-spacing:.06em;align-self:end;font-family:Arial Narrow,Impact,sans-serif;font-size:32px}.mode-card small{color:#7893a3;font-size:10px}.mode-icon{color:#79e3ff;text-shadow:0 0 30px #42cff673;align-self:center;font-family:Arial Narrow,Impact,sans-serif;font-size:66px;line-height:1}.flow-back{color:#6d8493;letter-spacing:.14em;background:0 0;border:0;margin-top:30px;padding:10px 18px;font-size:9px;font-weight:850}.archetype-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:11px;width:min(100%,1100px);display:grid}.archetype-card{background:linear-gradient(150deg,#0d1b28f5,#050b13f0);border-radius:4px 13px;grid-template-rows:auto auto 1fr;gap:10px;min-width:0;min-height:170px;padding:20px 14px 16px;display:grid;box-shadow:0 14px 28px #00000052}.archetype-card strong{letter-spacing:.03em;font-size:12px}.archetype-card small{overflow-wrap:anywhere;color:#688492;font-size:8px;line-height:1.4}.element-pair{justify-content:center;align-items:center;display:flex}.element-orb{background:currentColor;border:2px solid;border-radius:50%;width:34px;height:34px;display:block;box-shadow:0 0 18px}.element-link{background:#617786;width:20px;height:1px}.handoff-lock{color:#6fe1ff;border:1px solid #6be0ff61;border-radius:50%;place-items:center;width:90px;height:90px;margin-bottom:30px;font-size:31px;display:grid;box-shadow:0 0 42px #36c1e629}.handoff-screen p,.result-screen p{max-width:470px;margin:12px 0 28px;line-height:1.6}.result-actions{gap:10px;display:flex}.match-hud{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.match-hud button,.match-hud select{pointer-events:auto}.match-topbar{grid-template-columns:180px minmax(240px,360px) 180px;justify-content:space-between;align-items:start;display:grid;position:absolute;top:18px;left:22px;right:22px}.life-panel,.turn-panel,.extra-deck-panel,.action-dock,.floating-prompt,.response-prompt,.decision-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0a1422f0,#050911db);border:1px solid #97dcff38;box-shadow:0 18px 45px #0000006b,inset 0 1px #ffffff0d}.life-panel{border-radius:12px 3px;grid-template-rows:auto auto;grid-template-columns:1fr auto;min-height:84px;padding:13px 17px;display:grid;position:relative;overflow:hidden}.life-panel:before{content:"";background:#2cc6ff;width:4px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #2cc6ff}.life-opponent:before{background:#ff4f79;left:auto;right:0;box-shadow:0 0 18px #ff4f79}.life-label{color:#a8c0d1;letter-spacing:.2em;align-self:center;font-size:11px;font-weight:800}.life-panel strong{grid-area:1/2/3;align-self:center;font-family:Arial Narrow,Impact,sans-serif;font-size:49px;font-weight:700;line-height:.85}.life-panel small{color:#5d7a8f;letter-spacing:.18em;font-size:10px}.turn-panel{text-align:center;border-top-color:#5edaffa6;border-radius:3px 3px 14px 14px;gap:2px;min-height:74px;padding:10px 24px 12px;display:grid}.turn-panel span,.turn-panel small,.eyebrow{color:#72dfff;letter-spacing:.22em;font-size:10px;font-weight:800}.turn-panel strong{letter-spacing:.11em;font-family:Arial Narrow,Impact,sans-serif;font-size:25px;font-weight:700}.turn-panel small{color:#70899a;font-size:8px}.extra-deck-panel{pointer-events:auto;border-radius:4px 14px 14px 4px;width:210px;padding:12px;position:absolute;top:126px;left:22px}.panel-heading{color:#9fe9ff;letter-spacing:.14em;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.panel-heading small{color:#61798a;letter-spacing:0;font-size:8px}.extra-deck-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.extra-card{min-width:0;transition:opacity .18s,filter .18s}.extra-card img{aspect-ratio:.714;object-fit:cover;border:1px solid #80e0ff4d;border-radius:5px;width:100%;display:block}.extra-card span,.extra-card small{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;line-height:1.15;display:block;overflow:hidden}.extra-card small{color:#6e9bb2;margin-top:2px;font-size:7px}.extra-card.is-spent{filter:grayscale();opacity:.35}.board-readout{pointer-events:auto;gap:8px;width:min(46vw,650px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.board-opponent{justify-content:center;top:108px}.board-player{justify-content:center;bottom:218px}.board-card,.empty-board,.board-transition{background:#040b13b8;border:1px solid #76cef22e;border-radius:5px;min-width:124px;padding:7px 10px;box-shadow:0 8px 18px #00000047}.board-card{text-align:left;grid-template-columns:1fr auto;gap:2px 8px;transition:border-color .14s,transform .14s,background .14s;display:grid}.board-card:hover,.board-card.is-selected{background:#104f69c7;border-color:#6ce5ff;transform:translateY(-3px)}.board-card span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.board-card strong{color:#dff8ff;font-size:11px}.board-card small{color:#65869a;letter-spacing:.14em;grid-column:1/3;font-size:7px;font-weight:800}.empty-board,.board-transition{color:#4d6575;letter-spacing:.12em;text-align:center;text-transform:uppercase;border-style:dashed;font-size:9px}.board-transition{color:#72dfff;border-color:#6ce5ff61;box-shadow:0 0 18px #3ac5ef1f}.land-readout{color:#627c8e;letter-spacing:.1em;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex;position:absolute;top:43px;left:50%;transform:translate(-50%)}.land-readout span{margin-left:4px}.land-pip{opacity:.25;border:1px solid;border-radius:50%;width:9px;height:9px;display:inline-block}.land-pip.is-ready{opacity:.95;background:currentColor;box-shadow:0 0 9px}.element-fire{color:#ff5d3d}.element-water{color:#31baff}.element-earth{color:#cf995c}.element-air{color:#93ebd5}.element-lightning{color:#bd9aff}.no-lands{color:#4d6575}.summon-tip{z-index:5;color:#d4f7ff;letter-spacing:.03em;text-align:center;background:#05101ce6;border:1px solid #7ee3ff6b;border-radius:999px;width:max-content;max-width:min(88vw,390px);padding:9px 14px;font-size:11px;font-weight:700;animation:.18s ease-out summon-tip-enter;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #34caff2e}@keyframes summon-tip-enter{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}.hand-fan{pointer-events:auto;width:min(62vw,900px);height:260px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hand-card{--spread:76px;width:126px;height:176px;transform:translateX(calc(-50% + var(--fan-index) * var(--spread))) rotate(calc(var(--fan-index) * 3deg));transform-origin:50% 115%;background:#070d17;border:1px solid #9bd3ed47;border-radius:9px;padding:0;transition:transform .15s,border-color .15s,filter .15s;position:absolute;bottom:0;left:50%;overflow:hidden;box-shadow:0 14px 30px #0000008c}.hand-card:hover,.hand-card:focus-visible{z-index:20;transform:translateX(calc(-50% + var(--fan-index) * var(--spread))) translateY(-48px) rotate(0deg) scale(1.12);border-color:#8ce8ff;outline:none}.hand-card:not(.is-playable){filter:saturate(.58)brightness(.72)}.hand-card.is-playable{border-color:#67e1ffb8;box-shadow:0 0 18px #3ac5ef3d,0 14px 30px #0000008c}.hand-card img{object-fit:cover;width:100%;height:100%;display:block}.card-name,.card-meta{text-overflow:ellipsis;white-space:nowrap;background:#03080ee0;border-radius:3px;padding:4px 5px;font-size:10px;font-weight:800;position:absolute;bottom:25px;left:7px;right:7px;overflow:hidden}.card-meta{color:#8fc4da;letter-spacing:.06em;font-size:7px;font-weight:700;bottom:7px}.action-dock{pointer-events:auto;border-radius:13px 4px 4px 13px;grid-template-columns:minmax(180px,280px) auto auto;align-items:center;gap:8px;min-height:56px;padding:8px 9px 8px 15px;display:grid;position:absolute;bottom:24px;right:22px}.notice{color:#8da8ba;max-width:280px;margin:0;font-size:10px;line-height:1.35}.notice.is-empty-combat{color:#c8f4ff;animation:.8s ease-out both empty-combat-notice}.primary-action,.quiet-action,.text-action,.prompt-options button{color:#effbff;letter-spacing:.1em;background:linear-gradient(#1e89aeeb,#0b4863f2);border:1px solid #65ddff80;border-radius:4px;min-height:38px;padding:0 16px;font-size:9px;font-weight:850;transition:filter .12s,transform .12s}.primary-action:hover,.quiet-action:hover,.prompt-options button:hover{filter:brightness(1.24);transform:translateY(-1px)}.phase-advance-action{align-items:center;gap:8px;display:inline-flex}.key-hint{color:#c5f4ff;letter-spacing:0;background:#02131d80;border:1px solid #cff6ff6b;border-radius:3px;padding:2px 5px;font-size:11px;font-weight:700;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.quiet-action{color:#b3c5d0;background:#1b2733db;border-color:#9ab5c540}.text-action{color:#7793a5;background:0 0;border:0;min-height:28px}.floating-prompt{pointer-events:auto;border-left-color:#70e3ffb3;border-radius:4px 14px 14px 4px;width:min(330px,30vw);max-height:54vh;padding:18px;position:absolute;top:50%;right:24px;overflow:auto;transform:translateY(-50%)}.floating-prompt h2,.response-prompt h2{letter-spacing:.03em;margin:5px 0 12px;font-family:Arial Narrow,Impact,sans-serif;font-size:24px;font-weight:700}.prompt-options{gap:7px;display:grid}.prompt-options button{text-align:left;gap:2px;height:auto;min-height:48px;padding:8px 11px;display:grid}.prompt-options button small{color:#9bb5c4;letter-spacing:0;font-size:8px;font-weight:500}.upgrade-prompt{top:calc(50% + 155px)}.response-prompt{pointer-events:auto;border-color:#6b98ffb3;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;width:min(680px,100vw - 44px);padding:16px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.response-prompt h2{margin-bottom:2px}.response-prompt p{color:#8ca3b4;margin:0;font-size:10px}.response-prompt .response-note{color:#b8cad8;margin-top:5px}.response-pulse{border:2px solid #799cff;border-radius:50%;width:18px;height:18px;animation:1.5s infinite response-pulse;box-shadow:0 0 #799cff8c}.decision-actions{justify-content:center;gap:8px;display:flex}.response-prompt .decision-actions{gap:10px}.response-prompt .response-action{min-width:144px;min-height:50px;padding:0 20px;font-size:10px}.privacy-curtain{z-index:100;pointer-events:auto;background:linear-gradient(#43bce809 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#43bce809 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 50% 46%,#10283a 0,#07101b 34%,#020408 76%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.privacy-curtain:before,.privacy-curtain:after{content:"";background:linear-gradient(90deg,#03060b,#0a1e2df5);border-color:#68deff1f;width:min(18vw,230px);position:absolute;top:0;bottom:0}.privacy-curtain:before{border-right:1px solid #68deff1f;left:0}.privacy-curtain:after{background:linear-gradient(-90deg,#03060b,#0a1e2df5);border-left:1px solid #68deff1f;right:0}.privacy-curtain-panel{z-index:1;text-align:center;background:linear-gradient(150deg,#0c1a29,#050a12);border:1px solid #75deff4d;border-top-color:#75deffd1;border-radius:4px 4px 18px 18px;justify-items:center;width:min(560px,100vw - 48px);padding:48px 38px 42px;display:grid;position:relative;box-shadow:0 28px 90px #000,inset 0 1px #ffffff0d}.privacy-curtain-panel h1{letter-spacing:.025em;margin:8px 0 10px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(44px,7vw,72px);font-weight:700}.privacy-curtain-panel p{color:#91adbe;margin:0 0 28px;font-size:13px}.privacy-curtain-panel .primary-action{min-width:210px}.decision-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#02050ab8;place-items:center;display:grid;position:absolute;inset:0}.decision-panel{text-align:center;border-top-color:#68e0ffb8;border-radius:5px 5px 18px 18px;width:min(760px,100vw - 48px);padding:26px}.decision-panel h1{letter-spacing:.025em;margin:7px 0 22px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(34px,5vw,58px);font-weight:700}.decision-panel p{color:#91aaba}.mulligan-cards{justify-content:center;margin:0 0 25px;display:flex}.mulligan-cards img{aspect-ratio:.714;object-fit:cover;border:1px solid #82ddff59;border-radius:8px;width:132px;margin-left:-20px;box-shadow:0 16px 28px #0000006b}.mulligan-cards img:first-child{margin-left:0}.blocker-panel{width:min(650px,100vw - 48px)}.blocker-rows{text-align:left;gap:8px;margin-bottom:20px;display:grid}.blocker-rows label{background:#070e18c2;border:1px solid #7bbad829;grid-template-columns:1fr minmax(180px,.8fr);align-items:center;gap:18px;padding:9px 11px;display:grid}.blocker-rows select{background:#0b1622;border:1px solid #7ccbed4d;border-radius:4px;min-width:0;height:36px}.result-panel{width:min(480px,100vw - 48px)}.online-match-status{z-index:40;color:#ffe0a4;letter-spacing:.03em;text-align:center;background:#2a1808f0;border:1px solid #ffbc59b3;border-radius:5px;width:min(480px,100vw - 40px);padding:14px 20px;font-size:14px;font-weight:700;position:absolute;top:104px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #00000075}.online-match-status.is-countdown{color:#ffd0c8;border-color:#ff6b59e0}@keyframes response-pulse{0%{box-shadow:0 0 #799cff94}70%{box-shadow:0 0 0 14px #799cff00}to{box-shadow:0 0 #799cff00}}@keyframes empty-combat-notice{0%{opacity:0;transform:translateY(4px)}20%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@media (width<=980px){.archetype-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.match-topbar{grid-template-columns:132px minmax(180px,280px) 132px}.extra-deck-panel{width:170px}.board-readout{width:48vw}.board-card{min-width:96px}.action-dock{grid-template-columns:minmax(130px,190px) auto auto}.hand-card{width:108px;height:151px}}@media (width<=620px){.flow-screen{padding:34px 18px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:170px}.archetype-grid{grid-template-columns:1fr}.archetype-card{min-height:140px}.result-actions{flex-direction:column}.response-prompt{grid-template-columns:auto minmax(0,1fr)}.response-prompt .decision-actions{grid-column:2}.response-prompt .response-action{flex:1;min-width:0}}.online-screen{flex-direction:column;align-items:center;display:flex}.identity-screen,.waiting-screen{justify-content:center}.online-panel{text-align:left;background:linear-gradient(145deg,#0a1825f5,#040910f0);border:1px solid #74ddff47;border-top-color:#74ddffb3;border-radius:5px 5px 18px 18px;gap:16px;width:min(100%,780px);padding:28px;display:grid;box-shadow:0 24px 58px #0006,inset 0 1px #ffffff0d}.identity-screen .online-panel{text-align:center;width:min(100%,480px)}.online-label{color:#79ddf7;letter-spacing:.18em;font-size:9px;font-weight:850}.online-input{color:#e5f9ff;background:#020910db;border:1px solid #74ddff52;border-radius:3px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:14px}.online-input:focus{border-color:#73e5ff;box-shadow:0 0 0 3px #5dd3f41f}.online-notice{color:#ffb1ba;margin:0;font-size:11px;line-height:1.45}.lobby-screen .screen-heading{margin-bottom:24px}.match-list-panel{gap:0;padding:0;overflow:hidden}.lobby-toolbar{border-bottom:1px solid #7ad7f624;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.lobby-toolbar div{gap:5px;display:grid}.lobby-toolbar small{color:#6f98aa;font-size:10px}.compact-button{min-width:auto;min-height:36px;padding:0 14px;font-size:8px}.match-list{min-height:220px;display:grid}.lobby-match-row{border-bottom:1px solid #7ad7f61a;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.lobby-match-row:last-child{border-bottom:0}.lobby-match-row div{gap:5px;min-width:0;display:grid}.lobby-match-row strong{color:#e9fbff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.lobby-match-row small{color:#7795a5;font-size:10px}.empty-match-list{color:#658090;letter-spacing:.05em;text-align:center;align-self:center;margin:0;padding:34px;font-size:11px}.online-actions{justify-content:center;align-items:center;gap:10px;display:flex}.online-actions .flow-back{margin-top:12px}.room-setup-panel{gap:14px}.lobby-archetype-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.lobby-archetype-card{min-width:0;min-height:132px;color:inherit;background:#050e17d1;border:1px solid #66dcff40;border-radius:4px 12px;gap:8px;padding:13px 8px;transition:border-color .14s,background .14s,transform .14s;display:grid}.lobby-archetype-card:hover,.lobby-archetype-card.is-selected{background:#0f445bd1;border-color:#78e7ff;transform:translateY(-2px)}.lobby-archetype-card .element-orb{width:25px;height:25px}.lobby-archetype-card .element-link{width:13px}.lobby-archetype-card strong{font-size:10px}.lobby-archetype-card small{overflow-wrap:anywhere;color:#7597a8;font-size:7px;line-height:1.35}.waiting-panel{text-align:center;justify-items:center;width:min(100%,540px)}.waiting-panel h1{letter-spacing:.035em;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(38px,6vw,58px)}.waiting-panel p{color:#89a4b4;margin:0;font-size:12px;line-height:1.5}.waiting-signal{color:#69dcff;text-shadow:0 0 26px #4ecdf580;font-size:56px;line-height:.8;animation:1.7s ease-in-out infinite online-waiting-signal}@keyframes online-waiting-signal{50%{opacity:.38;transform:scale(.78)}}@media (width<=760px){.lobby-archetype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.online-panel{padding:20px 16px}.lobby-toolbar,.lobby-match-row{padding-left:14px;padding-right:14px}.lobby-toolbar{flex-direction:column;align-items:stretch}.online-actions{flex-direction:column}.online-actions .flow-back{margin-top:0}}.draw-deck-anchor{z-index:4;color:#b5e8f8;letter-spacing:.08em;background:linear-gradient(135deg,#0000 46%,#71dcff40 47% 53%,#0000 54%),linear-gradient(45deg,#091d2ff2,#040a13fa);border:1px solid #79c4e670;border-radius:5px;place-items:end center;width:44px;height:62px;padding-bottom:5px;font-size:8px;font-weight:850;display:grid;position:fixed;box-shadow:3px -3px #35759399,6px -6px #1c445c8f}.draw-deck-anchor:before{color:#78dff7;content:"DECK";letter-spacing:.14em;text-align:center;width:100%;font-size:7px;position:absolute;top:7px;left:0}.board-opponent .draw-deck-anchor{top:12px;right:22px}.board-player .draw-deck-anchor{bottom:20px;left:22px}.draw-animation-layer{z-index:8;pointer-events:none;position:fixed;inset:0;overflow:hidden}.draw-animation-card{will-change:left, top, width, height, opacity, transform;background:#06111c;border:1px solid #a4e7ffd1;border-radius:7px;position:fixed;overflow:hidden;box-shadow:0 0 26px #5cdcff85,0 16px 32px #00000094}.draw-animation-card img{object-fit:cover;width:100%;height:100%;display:block}.draw-animation-card.is-card-back{background:repeating-linear-gradient(135deg,#0000 0 7px,#72ddff24 7px 9px),radial-gradient(circle,#3dc1ef57,#0000 42%),#071520}.hand-card.is-newly-drawn{z-index:18;border-color:#bcf6ff;animation:1s ease-out newly-drawn-card}@keyframes newly-drawn-card{0%{box-shadow:0 0 #71e7ff00,0 14px 30px #0000008c}22%{box-shadow:0 0 34px #71e7fff5,0 14px 30px #0000008c}to{box-shadow:0 0 18px #3ac5ef3d,0 14px 30px #0000008c}}@media (width<=620px){.draw-deck-anchor{transform-origin:0 100%;transform:scale(.82)}.board-opponent .draw-deck-anchor{right:12px}.board-player .draw-deck-anchor{bottom:12px;left:12px}}.draw-deck-anchor[data-draw-deck=player-2]{inset:108px 22px auto auto}.draw-deck-anchor[data-draw-deck=player-1]{inset:auto auto 20px 22px}@media (width<=620px){.draw-deck-anchor[data-draw-deck=player-2]{right:12px}.draw-deck-anchor[data-draw-deck=player-1]{bottom:12px;left:12px}}.targeting-prompt .target-option.is-recommended-target{border-color:#ffc957e6;animation:1.6s ease-in-out infinite recommended-target-pulse;box-shadow:0 0 0 1px #ffc9573d,0 0 18px #ffaf3661}.targeting-confirmation p{color:#d3bca0;margin:0 0 14px;font-size:10px;line-height:1.45}.targeting-confirmation .decision-actions{justify-content:flex-start}@keyframes recommended-target-pulse{50%{border-color:#ffe38c;box-shadow:0 0 0 2px #ffd36957,0 0 25px #ffaf368a}}@media (prefers-reduced-motion:reduce){.targeting-prompt .target-option.is-recommended-target{animation:none}}.coach-mark{z-index:6;color:#d4f7ff;pointer-events:none;text-align:center;background:#05101ced;border:1px solid #7ee3ff85;border-radius:10px;gap:3px;width:max-content;max-width:min(88vw,430px);padding:10px 15px;animation:.18s ease-out coach-mark-enter;display:grid;position:absolute;bottom:274px;left:50%;transform:translate(-50%);box-shadow:0 0 26px #34caff33}.coach-mark-label{color:#73e5ff;letter-spacing:.2em;font-size:8px;font-weight:850}.coach-mark strong{letter-spacing:.02em;font-size:11px;line-height:1.35}.coach-mark-signal{color:#d4f7ff;background:#05101ced;border:1px solid #7ee3ff85;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;font-weight:900;line-height:1;display:grid;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.hand-card.is-coach-mark-target{z-index:21;filter:brightness(1.13)saturate(1.15);border-color:#8ce8ff;box-shadow:0 0 0 2px #76e4ff38,0 0 22px #3ed3ff8f,0 14px 30px #0000008c}.hand-card.is-coach-mark-target:after{color:#8ce8ff;content:"↓";text-shadow:0 0 10px #49d7ffe6;font-size:26px;line-height:1;animation:.9s ease-in-out infinite coach-mark-arrow;position:absolute;top:-31px;left:50%;transform:translate(-50%)}@keyframes coach-mark-enter{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes coach-mark-arrow{50%{transform:translate(-50%,5px)}}.fusion-reveal-overlay{z-index:45;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;background:radial-gradient(circle at 50% 46%,#74e7ff2e,#0000 31%),#02050bcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.fusion-reveal-overlay[hidden]{display:none}.fusion-reveal-overlay:before,.fusion-reveal-overlay:after{content:"";pointer-events:none;border:1px solid #86ebff3d;border-radius:50%;width:min(92vw,880px);height:min(92vw,880px);position:absolute}.fusion-reveal-overlay:after{border-color:#bbf2ff75;width:min(68vw,620px);height:min(68vw,620px)}.fusion-reveal-card{z-index:1;text-align:center;background:linear-gradient(150deg,#2f73916b,#050c18f5 47%,#40297166),#07101c;border:1px solid #a1eeffcc;border-radius:10px 10px 26px 26px;justify-items:center;width:min(330px,100vw - 48px);padding:19px 22px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c6f9ff2e,0 0 48px #58dcff94,0 34px 86px #000000b3}.fusion-reveal-card:before{content:"";mix-blend-mode:screen;opacity:.45;pointer-events:none;background:repeating-linear-gradient(0deg,#d3faff1a 0 1px,#0000 1px 5px);position:absolute;inset:0}.fusion-reveal-eyebrow,.fusion-reveal-card h2,.fusion-reveal-ritual,.fusion-reveal-portrait,.fusion-reveal-dismiss{z-index:1;position:relative}.fusion-reveal-eyebrow{color:#a6edff;letter-spacing:.25em;font-size:8px;font-weight:900}.fusion-reveal-card h2{color:#effcff;text-transform:uppercase;text-shadow:0 0 18px #84ebff85;margin:8px 0 12px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(23px,5vw,32px);line-height:.98}.fusion-reveal-ritual{align-items:center;gap:8px;min-height:44px;margin-bottom:8px;display:flex}.fusion-reveal-element{background:#050f19c2;border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:grid;box-shadow:0 0 16px,inset 0 0 12px}.fusion-reveal-element b{font-weight:900}.fusion-reveal-plus,.fusion-reveal-arrow{color:#d7f8ff;text-shadow:0 0 12px #7fe6ffbf;font-size:23px;font-weight:300}.fusion-reveal-arrow{margin-left:2px}.fusion-reveal-portrait{background:#050b14;border:1px solid #b9f5ff9e;border-radius:8px;width:min(154px,48vw);margin:0;overflow:hidden;box-shadow:0 0 26px #85e6ff73}.fusion-reveal-portrait img{aspect-ratio:.714;object-fit:cover;width:100%;display:block}.fusion-reveal-portrait figcaption{color:#eafcff;letter-spacing:.03em;text-transform:uppercase;gap:2px;padding:6px 7px 7px;font-size:11px;font-weight:850;display:grid}.fusion-reveal-portrait figcaption span{color:#89dff4;letter-spacing:.12em;font-size:8px}.fusion-reveal-dismiss{color:#8caebc;letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:8px;font-weight:700}.fusion-reveal-overlay.is-revealing .fusion-reveal-card{animation:.5s cubic-bezier(.12,.78,.22,1) both fusion-reveal-card-in}.fusion-reveal-overlay.is-revealing:before{animation:2.5s ease-out both fusion-reveal-ring}.fusion-reveal-overlay.is-revealing:after{animation:2.5s ease-out .1s both fusion-reveal-ring}@keyframes fusion-reveal-card-in{0%{opacity:0;filter:brightness(2.5);transform:scale(.42)rotateX(24deg)}42%{opacity:1;filter:brightness(1.35);transform:scale(1.05)rotateX(0)}to{filter:brightness();transform:scale(1)}}@keyframes fusion-reveal-ring{0%{opacity:0;transform:scale(.18)rotate(0)}15%{opacity:1}to{opacity:0;transform:scale(1.08)rotate(150deg)}}@media (prefers-reduced-motion:reduce){.fusion-reveal-overlay.is-revealing .fusion-reveal-card,.fusion-reveal-overlay.is-revealing:before,.fusion-reveal-overlay.is-revealing:after{animation:none}}.coach-mark-pointer-layer{z-index:22;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.coach-mark-pointer{fill:none;stroke:#8ce8ff;stroke-width:2.5px;stroke-dasharray:9 7;filter:drop-shadow(0 0 5px #49d7ffeb);animation:.9s linear infinite coach-mark-pointer-dash}.coach-mark-pointer-head{fill:#c6f7ff;filter:drop-shadow(0 0 4px #49d7ffeb)}@keyframes coach-mark-pointer-dash{to{stroke-dashoffset:-32px}}@media (prefers-reduced-motion:reduce){.coach-mark-pointer{animation:none}}.targeting-prompt .target-option .target-damage-outcome{color:#9beaff;letter-spacing:.08em;font-size:9px;font-weight:800}.targeting-prompt .target-option.is-lethal-target{background:linear-gradient(#9c233ff0,#4e0e25f7);border-color:#ff5e79eb;box-shadow:0 0 0 1px #ff627f52,0 0 19px #ff305b6e}.targeting-prompt .target-option .target-lethal-marker{color:#ffd7df;letter-spacing:.12em;background:#2b0411c2;border:1px solid #ffaab9bd;border-radius:2px;justify-self:start;padding:2px 5px;font-size:8px;font-weight:900;line-height:1}.targeting-prompt .target-option.is-lethal-target.is-recommended-target{border-color:#ffd165fa;animation:1.35s ease-in-out infinite lethal-recommended-target-pulse;box-shadow:0 0 0 2px #ffcf6061,0 0 22px #ff325b94}@keyframes lethal-recommended-target-pulse{50%{border-color:#ffe69f;box-shadow:0 0 0 3px #ffdb8170,0 0 28px #ff3a63b3}}@media (prefers-reduced-motion:reduce){.targeting-prompt .target-option.is-lethal-target.is-recommended-target{animation:none}}.monster-tooltip{z-index:24;color:#dff8ff;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(125deg,#2ca4ce33,#0000 43%),#030b14f5;border:1px solid #80e7ffb8;border-radius:4px 12px 12px 4px;width:min(248px,100vw - 24px);padding:11px 12px 12px;position:fixed;box-shadow:inset 0 0 0 1px #72dbff1f,0 12px 30px #0000007a,0 0 22px #41d3ff2b}.monster-tooltip[hidden]{display:none}.monster-tooltip-level,.monster-tooltip-element,.monster-tooltip-status,.monster-tooltip-rule,.monster-tooltip-stat-label{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:8px;font-weight:800}.monster-tooltip-level{color:#76dff7}.monster-tooltip-name{color:#f1fdff;letter-spacing:.025em;margin:3px 0 9px;font-size:15px}.monster-tooltip-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.monster-tooltip-stat{background:#58bfe114;border:1px solid #83def72e;gap:1px;padding:5px 7px;display:grid}.monster-tooltip-stat-label{color:#7796a8;font-size:7px}.monster-tooltip-stat-value{color:#e7fbff;font-size:14px}.monster-tooltip-element{color:#9edff0}.monster-tooltip-status{color:#82f0c0;margin-top:5px}.monster-tooltip.is-summoning-sick .monster-tooltip-status{color:#ffcd8a}.monster-tooltip-rule{color:#a9c5d1;letter-spacing:.065em;text-transform:none;border-top:1px solid #81daf524;margin-top:7px;padding-top:7px;font-size:7px;line-height:1.45}.upgrade-prompt{width:min(430px,100vw - 32px)}.upgrade-prompt .prompt-options{gap:10px}.upgrade-prompt .upgrade-option{background:linear-gradient(110deg,#1a3a4ca3,#091222eb 49%,#40286a9e),#070e19f0;border-color:#86e0ffa3;gap:9px;padding:10px}.upgrade-route{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:7px;display:grid}.upgrade-monster{background:#030912db;border:1px solid #a9e9ff73;border-radius:5px;min-width:0;margin:0;display:grid;overflow:hidden}.upgrade-monster img{object-fit:cover;object-position:center 40%;width:100%;height:68px;display:block}.upgrade-monster figcaption{gap:2px;min-width:0;padding:5px 6px 6px;display:grid}.upgrade-monster figcaption span{color:#8bdff4;letter-spacing:.13em;font-size:7px;font-weight:850}.upgrade-monster figcaption strong{color:#effdff;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.upgrade-monster-consumed{border-color:#ff8d7c8f}.upgrade-monster-consumed figcaption span{color:#ffad9b}.upgrade-monster-result{border-color:#ffd673b8;box-shadow:0 0 16px #ffc64f33}.upgrade-monster-result .upgrade-stars{color:#ffe078;letter-spacing:.08em;text-shadow:0 0 8px #ffcf56d1;font-size:10px}.upgrade-merge{color:#e5fbff;text-shadow:0 0 10px #71e2ffd9;justify-items:center;gap:1px;font-size:17px;font-weight:300;line-height:.75;display:grid}.upgrade-merge span:first-child{color:#9deaff;font-size:12px;font-weight:800}.upgrade-effect{color:#b9d2de;letter-spacing:0;text-align:left;font-size:9px;font-weight:500;line-height:1.35}.upgrade-effect strong{color:#f4fdff}@media (width<=520px){.upgrade-prompt{right:16px}.upgrade-monster img{height:56px}}.fusion-reveal-card-upgrade{background:linear-gradient(150deg,#7851197a,#100c18f5 48%,#46297175),#0d0910;border-color:#ffdb79e0;box-shadow:0 0 0 1px #ffeba338,0 0 48px #ffc64f94,0 34px 86px #000000b3}.fusion-reveal-card-upgrade .fusion-reveal-eyebrow,.fusion-reveal-card-upgrade .fusion-reveal-portrait figcaption span:last-child{color:#ffe99d}.fusion-reveal-card-upgrade .fusion-reveal-portrait{border-color:#ffde7ec2;box-shadow:0 0 26px #ffc95080}.fusion-reveal-card-upgrade .fusion-reveal-portrait figcaption{gap:4px}.fusion-reveal-card-upgrade .fusion-reveal-portrait figcaption strong{color:#fff9df;font-size:12px}.fusion-reveal-stars{color:#ffe078;letter-spacing:.13em;text-shadow:0 0 10px #ffcc53eb;font-size:13px;font-weight:900}.result-winner-message,.result-screen .result-winner-message{justify-items:center;gap:8px;display:grid}.result-game-gag,.result-screen .result-game-gag,.decision-panel .result-game-gag{color:#d5f8ff;margin:0;font-size:clamp(16px,2.2vw,22px);font-weight:750;line-height:1.35}.result-game-title{vertical-align:baseline;display:inline-grid}.result-game-title-original,.result-game-title-replacement{grid-area:1/1}.result-game-title-original{color:#f5d0dc;animation:1ms linear 1.3s forwards result-game-title-exit;position:relative}.result-game-title-original:after{content:"";transform-origin:0;background:#ff597d;height:.13em;animation:.8s ease-out .12s forwards result-game-title-strike;position:absolute;top:52%;left:-.08em;right:-.08em;transform:scaleX(0);box-shadow:0 0 9px #ff597de0}.result-game-title-replacement{color:#8ceaff;opacity:0;font-weight:900;animation:.18s ease-out 1.3s forwards result-game-title-reveal;transform:scale(.94)}.result-message,.result-screen .result-message,.decision-panel .result-message{color:#a9d2de;max-width:470px;margin:0;font-size:13px;line-height:1.6}.result-screen .result-reason{margin:10px 0 28px}.result-panel .result-message:last-of-type{margin-bottom:12px}@keyframes result-game-title-strike{to{transform:scaleX(1)}}@keyframes result-game-title-exit{to{visibility:hidden}}@keyframes result-game-title-reveal{to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.result-game-title-original,.result-game-title-original:after,.result-game-title-replacement{animation:none}.result-game-title-original{visibility:hidden}.result-game-title-replacement{opacity:1;transform:none}}.spell-tooltip{z-index:24;color:#dff8ff;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(125deg,#2ca4ce33,#0000 43%),#030b14f5;border:1px solid #80e7ffb8;border-radius:4px 12px 12px 4px;width:min(248px,100vw - 24px);padding:11px 12px 12px;position:fixed;box-shadow:inset 0 0 0 1px #72dbff1f,0 12px 30px #0000007a,0 0 22px #41d3ff2b}.spell-tooltip[hidden]{display:none}.spell-tooltip-timing{color:#76dff7;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:8px;font-weight:800}.spell-tooltip-name{color:#f1fdff;letter-spacing:.025em;margin:3px 0 9px;font-size:15px}.spell-tooltip-effect{color:#a9c5d1;letter-spacing:.01em;border-top:1px solid #81daf524;margin:0;padding-top:7px;font-size:9px;line-height:1.45}.spell-tooltip-trigger{cursor:help}