/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#eafaff;--muted:#94b8c4;--deep:#06131f;--panel:#0b1f2de0;--line:#9ee0eb29;--tide:#4cf0d9;--tide-dim:#1aaea8;--enemy:#ff806c;--amber:#ffc961;--violet:#c579ff}*{box-sizing:border-box}html,body{background:var(--deep);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-sans), "PingFang TC", sans-serif;overflow-x:hidden}button{color:inherit;font:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.home-screen{background:linear-gradient(#05121d38,#06131f 72%),radial-gradient(circle at 74% 21%,#41d3cb21,#0000 24%),radial-gradient(circle at 14% 17%,#576fff21,#0000 26%),#06131f;min-height:100dvh;padding:0 clamp(20px,5vw,80px) 72px;position:relative;overflow:hidden}.home-screen:before{z-index:0;content:"";pointer-events:none;background-image:linear-gradient(#73c2d00b 1px,#0000 1px),linear-gradient(90deg,#73c2d00b 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.home-screen:after{content:"";pointer-events:none;border:1px solid #58d0d514;border-radius:50%;width:1300px;height:760px;position:absolute;top:-280px;left:50%;transform:translate(-50%)rotate(-9deg)}.ambient{z-index:0;filter:blur(90px);opacity:.11;pointer-events:none;border-radius:50%;width:330px;height:330px;position:absolute}.ambient--one{background:#4cf0d9;top:520px;right:-120px}.ambient--two{background:#9c55ff;bottom:80px;left:-160px}.home-nav,.hero,.loadout-panel,.launch-panel{z-index:1;width:min(1240px,100%);margin-inline:auto;position:relative}.home-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:92px;display:flex}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-mark{width:42px;height:42px;color:var(--tide);background:#25bcb11f;border:1px solid #62ffea59;border-radius:12px;place-items:center;font-size:24px;display:grid;box-shadow:inset 0 0 22px #5affe914}.brand-lockup>span:last-child{flex-direction:column;display:flex}.brand-lockup strong{font-family:var(--font-display), sans-serif;letter-spacing:.16em;font-size:18px}.brand-lockup small{color:var(--muted);letter-spacing:.22em;font-size:11px}.prototype-tag{color:#e9cd8f;letter-spacing:.12em;background:#ffc96112;border:1px solid #ffc96133;border-radius:999px;padding:8px 13px;font-size:11px}.hero{grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:center;gap:40px;min-height:520px;padding:74px 5% 64px;display:grid}.hero__copy{max-width:690px}.eyebrow,.section-kicker{color:var(--tide);font-family:var(--font-display), sans-serif;letter-spacing:.28em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.hero h1{color:#f2fdff;letter-spacing:-.065em;margin:0;font-size:clamp(42px,5.4vw,72px);font-weight:700;line-height:1.13}.hero h1 em{color:#0000;background:linear-gradient(100deg,#84fff0 15%,#b2d7ff 52%,#d5a2ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lead{color:#a9c8d0;max-width:620px;margin:26px 0;font-size:16px;line-height:1.9}.hero__features{flex-wrap:wrap;gap:10px;display:flex}.hero__features span{border:1px solid var(--line);color:#c6dce2;background:#0b233099;border-radius:8px;padding:8px 13px 8px 27px;font-size:12px;position:relative}.hero__features span:before{background:var(--tide);width:6px;height:6px;box-shadow:0 0 10px var(--tide);content:"";border-radius:50%;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tide-orb{aspect-ratio:1;border:1px solid #80efe81c;border-radius:50%;place-items:center;width:min(310px,100%);margin-inline:auto;display:grid;position:relative}.tide-orb:before,.tide-orb:after{content:"";border-radius:50%;position:absolute}.tide-orb:before{background:radial-gradient(circle at 38% 32%,#c5fff8 0 3%,#59e9d9 8%,#118b91 39%,#0a2737 72%);animation:3s ease-in-out infinite orb-pulse;inset:18%;box-shadow:0 0 40px #4cf0d947,0 0 100px #4cf0d91f}.tide-orb:after{border:1px solid #6ffbe926;inset:8%}.tide-orb__ring{border:1px solid #6bece54d;border-radius:50%;position:absolute}.tide-orb__ring--a{border-right-color:#0000;animation:9s linear infinite orbit-a;inset:4%;transform:rotate(22deg)scaleY(.34)}.tide-orb__ring--b{border-top-color:#0000;animation:7s linear infinite reverse orbit-b;inset:10%;transform:rotate(-28deg)scaleX(.38)}.tide-orb__core{z-index:1;color:#eafffb;text-shadow:0 0 20px #95fff1;font-size:44px;position:relative}.tide-orb__label{color:#c2e7eb99;letter-spacing:.25em;font-size:11px;position:absolute;bottom:8%}@keyframes orb-pulse{50%{filter:brightness(1.15);transform:scale(1.035)}}@keyframes orbit-a{to{transform:rotate(382deg)scaleY(.34)}}@keyframes orbit-b{to{transform:rotate(332deg)scaleX(.38)}}.loadout-panel{border:1px solid var(--line);background:linear-gradient(145deg, #13303deb, #081a26eb), var(--panel);border-radius:22px;padding:clamp(24px,4vw,44px);box-shadow:0 25px 90px #00050c47}.loadout-panel__head{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.loadout-panel h2{letter-spacing:-.04em;margin:0;font-size:28px}.deck-count{border-left:1px solid var(--line);color:#7998a4;grid-template-columns:auto auto;align-items:end;padding-left:24px;display:grid}.deck-count strong{color:var(--enemy);font-family:var(--font-display), sans-serif;font-size:34px;line-height:.8}.deck-count.is-ready strong{color:var(--tide)}.deck-count span{font-family:var(--font-display), sans-serif;padding-left:4px}.deck-count small{letter-spacing:.08em;grid-column:1/-1;margin-top:9px;font-size:10px}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.collection-card{color:#dceef2;cursor:pointer;background:linear-gradient(#20444e99,#0a1e2ad6),#0d2735;border:1px solid #99d8e11c;border-radius:14px;min-height:198px;padding:14px 12px 13px;transition:border-color .16s,filter .16s,transform .16s;display:grid;position:relative;overflow:hidden}.collection-card:not(:disabled):hover{z-index:2;border-color:var(--card-color,#4cf0d9)}@supports (color:color-mix(in lab, red, red)){.collection-card:not(:disabled):hover{border-color:color-mix(in srgb, var(--card-color,#4cf0d9) 48%, transparent)}}.collection-card:not(:disabled):hover{transform:translateY(-4px)}.collection-card:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.5)}.collection-card.is-selected{background:linear-gradient(#2867667a,#0a232ce6),#0d2735;border-color:#57f1dda3;box-shadow:inset 0 0 0 1px #5dffea26}.collection-card__cost,.hand-card__cost{z-index:3;color:#142232;font-family:var(--font-display), sans-serif;background:linear-gradient(145deg,#f1c167,#a46d20);border:1px solid #ffffff3d;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;box-shadow:0 3px 12px #00000059}.collection-card__cost{width:29px;height:29px;top:10px;left:10px}.collection-card__check{color:#7097a2;background:#05141d8c;border:1px solid #8fd2d92b;border-radius:7px;place-items:center;width:25px;height:25px;font-size:13px;display:grid;position:absolute;top:12px;right:12px}.collection-card.is-selected .collection-card__check{color:var(--tide);background:#4cf0d921;border-color:#4cf0d966}.card-art{--card-color:#4cf0d9;--card-glow:#cafff6;background:radial-gradient(circle at 50% 44%, var(--card-color), transparent 43%), linear-gradient(150deg, var(--card-color), #0b1b29);border-radius:10px;place-items:center;width:100%;height:112px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.card-art{background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--card-color) 34%, transparent), transparent 43%), linear-gradient(150deg, color-mix(in srgb, var(--card-color) 13%, #102534), #0b1b29)}}.card-art:before{border:1px solid var(--card-color);position:absolute;inset:15px}@supports (color:color-mix(in lab, red, red)){.card-art:before{border:1px solid color-mix(in srgb, var(--card-color) 25%, transparent)}}.card-art:before{content:"";border-radius:50%;transform:scaleY(.48)rotate(-14deg)}.card-art__orbit{border:1px solid var(--card-color);width:62px;height:62px;position:absolute}@supports (color:color-mix(in lab, red, red)){.card-art__orbit{border:1px solid color-mix(in srgb, var(--card-color) 48%, transparent)}}.card-art__orbit{border-radius:50%;transform:scaleX(.42)rotate(36deg)}.card-art__rune{z-index:1;color:var(--card-glow);font-family:var(--font-display), sans-serif;text-shadow:0 0 18px var(--card-color);font-size:42px;font-weight:600;position:relative}.collection-card__copy{text-align:left;flex-direction:column;align-self:end;padding-top:11px;display:flex}.collection-card__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.collection-card__copy small{color:#71929d;margin-top:3px;font-size:10px}.launch-panel{border:1px solid var(--line);background:#091c28bd;border-radius:18px;grid-template-columns:1fr 315px;align-items:end;gap:26px;margin-top:26px;padding:30px 34px;display:grid}.opponent-tabs{gap:8px;display:flex}.opponent-tabs button{color:#9bb9c1;cursor:pointer;text-align:left;background:#15344175;border:1px solid #98d4dd1f;border-radius:10px;min-width:142px;padding:11px 14px}.opponent-tabs button.is-active{color:#f0f8fa;background:#ff806c17;border-color:#ff8b7573}.opponent-tabs span,.opponent-tabs small{display:block}.opponent-tabs span{font-weight:700}.opponent-tabs small{color:#7394a0;margin-top:3px;font-size:10px}.opponent-description{color:#7599a4;margin:11px 0 0;font-size:12px}.launch-button{color:#08252d;cursor:pointer;text-align:left;background:linear-gradient(120deg,#47e6d0,#7ee8f3);border:1px solid #89ffed;border-radius:13px;align-items:center;min-height:76px;padding:15px 70px 15px 22px;transition:filter .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #2bdccb2b}.launch-button:after{content:"";background:#ffffff47;width:40%;height:300%;transition:left .38s;position:absolute;top:-100%;left:-30%;transform:rotate(24deg)}.launch-button:hover:not(:disabled):after{left:120%}.launch-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.launch-button:disabled{color:#8ba0a6;cursor:not-allowed;box-shadow:none;background:#29434a;border-color:#55727a}.launch-button span,.launch-button small{display:block}.launch-button span{font-size:17px;font-weight:800}.launch-button small{opacity:.65;letter-spacing:.08em;margin-top:2px;font-size:10px}.launch-button>i{font-family:var(--font-display), sans-serif;font-size:28px;font-style:normal;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.battle-screen{background:radial-gradient(circle at 50% 36%,#2fadb31a,#0000 37%),#06131f;grid-template-rows:76px minmax(0,1fr) 154px;width:100vw;height:100dvh;min-height:680px;display:grid;position:relative;overflow:hidden}.battle-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#7bccd709 1px,#0000 1px),linear-gradient(90deg,#7bccd709 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.battle-topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#05121de8;grid-template-columns:44px minmax(190px,1fr) 130px minmax(190px,1fr) 44px;align-items:center;gap:17px;padding:10px clamp(14px,2.6vw,38px);display:grid;position:relative}.icon-button{border:1px solid var(--line);color:#a5c6ce;cursor:pointer;background:#12303da6;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{color:var(--tide);border-color:#53eada59}.combatant{align-items:center;gap:11px;min-width:0;display:flex}.combatant--player{text-align:right;justify-content:flex-end}.combatant__sigil{width:35px;height:35px;color:var(--enemy);background:#ff806c1a;border:1px solid #ff806c40;border-radius:50%;flex:none;place-items:center;display:grid}.combatant--player .combatant__sigil{color:var(--tide);background:#4cf0d91a;border-color:#4cf0d940}.combatant span:not(.combatant__sigil){flex-direction:column;min-width:112px;display:flex}.combatant small{color:#6e939d;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.combatant strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.base-meter{background:#ffffff17;border-radius:99px;width:min(150px,17vw);height:5px;overflow:hidden}.base-meter i{border-radius:inherit;background:var(--enemy);height:100%;transition:width .16s linear;display:block}.combatant--player .base-meter i{background:var(--tide);margin-left:auto}.battle-clock{text-align:center;background:#12303c94;border:1px solid #9adae324;border-radius:12px;grid-template-columns:1fr auto;align-items:center;min-width:124px;padding:6px 12px;display:grid}.battle-clock small{color:#6b919d;letter-spacing:.12em;grid-column:1/-1;font-size:8px}.battle-clock strong{color:#f5fdff;font-family:var(--font-display), sans-serif;font-size:23px;line-height:1}.battle-clock span{color:#9bb7be;font-family:var(--font-display), sans-serif;font-size:14px}.battle-clock span i{color:var(--amber);font-size:8px;font-style:normal}.battle-clock.is-overtime{border-color:#ffc96173;box-shadow:0 0 24px #ffc96114}.battle-clock.is-overtime small,.battle-clock.is-overtime strong{color:var(--amber)}.battle-field{z-index:2;grid-template-columns:minmax(160px,1fr) minmax(360px,auto) minmax(160px,1fr);align-items:center;gap:clamp(14px,2.5vw,36px);min-height:0;padding:12px clamp(14px,2.6vw,40px);display:grid;position:relative}.canvas-wrap{aspect-ratio:960/1120;background:#102b3e;border:1px solid #82d6e038;border-radius:18px;width:auto;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden;box-shadow:0 22px 70px #00060c75,0 0 0 5px #59d9d608}.canvas-wrap.is-targeting{cursor:crosshair;border-color:#ffc9618c}.arena-canvas{touch-action:none;width:100%;height:100%;display:block}.battle-message{color:#ffe4a8;text-align:center;pointer-events:none;background:#05141dd6;border:1px solid #ffde9d59;border-radius:999px;min-width:230px;padding:9px 17px;font-size:11px;animation:.24s both message-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 9px 30px #00000047}@keyframes message-in{0%{opacity:0;transform:translate(-50%,-45%)}}.targeting-hint{color:#bfd3d8;pointer-events:none;white-space:nowrap;background:#06141cdb;border:1px solid #ffc96152;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.targeting-hint span{font-size:18px}.field-side{align-self:center;max-width:230px}.field-side--left{text-align:right;justify-self:end;width:100%}.field-side--right{justify-self:start}.field-side>p{color:#779aa4;font-family:var(--font-display), sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 11px;font-size:10px;font-weight:700}.node-meter{background:linear-gradient(90deg, var(--enemy), #70818c 50%, var(--tide));height:3px;margin:14px 0;position:relative}.node-meter:before,.node-meter:after{content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.node-meter:before{background:var(--enemy);left:0}.node-meter:after{background:var(--tide);right:0}.node-meter i{background:#17323f;border:2px solid #cbdfe3;border-radius:50%;width:16px;height:16px;transition:left .16s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #bde2e740}.node-meter i.is-player{border-color:var(--tide);box-shadow:0 0 15px #4cf0d985}.node-meter i.is-enemy{border-color:var(--enemy);box-shadow:0 0 15px #ff806c80}.field-side>small{color:#64858e;font-size:9px;line-height:1.7;display:block}.legend{color:#64858e;justify-content:flex-end;gap:14px;margin-top:26px;font-size:9px;display:flex}.legend__dot{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.legend__dot--you{background:var(--tide)}.legend__dot--enemy{background:var(--enemy)}.tip-card{border:1px solid var(--line);background:#0e2a3685;border-radius:11px;padding:15px}.tip-card strong,.tip-card span{display:block}.tip-card strong{color:#d9edf1;font-size:12px}.tip-card span{color:#718f98;margin-top:7px;font-size:9px;line-height:1.7}.surge-status{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:10px;padding:10px 3px;display:flex}.surge-status small{color:#658791;font-size:9px}.surge-status strong{color:var(--amber);font-family:var(--font-display), sans-serif;font-size:11px}.hand-dock{z-index:6;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05121df0;grid-template-columns:minmax(170px,.6fr) minmax(480px,1.6fr) minmax(120px,.45fr);align-items:center;gap:clamp(18px,3vw,42px);padding:14px clamp(20px,5vw,74px);display:grid;position:relative;box-shadow:0 -18px 50px #01080f47}.energy-vessel__top{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.energy-vessel__top>span{color:#71949d;letter-spacing:.16em;font-size:10px}.energy-vessel__top strong{color:var(--amber);font-family:var(--font-display), sans-serif;font-size:28px;line-height:1}.energy-vessel__top small{color:#627f87;font-size:11px}.energy-track{background:#101f2c;border:1px solid #ffc9612e;border-radius:999px;height:10px;position:relative;overflow:hidden}.energy-track>i{border-radius:inherit;background:linear-gradient(90deg,#b97a31,#ffca61,#fff0a7);height:100%;transition:width .1s linear;display:block;box-shadow:0 0 16px #ffca6152}.energy-track>span{background:#05131c7a;width:1px;height:100%;position:absolute;top:0}.hand-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.hand-card{color:#dceef1;cursor:pointer;text-align:left;background:linear-gradient(155deg,#173845,#0b222f);border:1px solid #91ced721;border-radius:12px;grid-template-rows:1fr auto auto;grid-template-columns:46px 1fr;gap:0 8px;min-width:0;height:120px;padding:10px;transition:border-color .14s,filter .14s,transform .14s;display:grid;position:relative;overflow:hidden}.hand-card:hover{border-color:#5beedc57;transform:translateY(-3px)}.hand-card.is-selected{border-color:#ffc961bd;transform:translateY(-8px);box-shadow:0 0 0 2px #ffc9611a,0 0 28px #ffc9611a}.hand-card.is-locked{filter:saturate(.45)brightness(.58)}.hand-card__key{z-index:3;color:#d2e7ea6b;font-family:var(--font-display), sans-serif;font-size:9px;position:absolute;top:6px;right:7px}.hand-card__cost{width:23px;height:23px;font-size:12px;top:6px;left:6px}.card-art--small{grid-row:1/-1;align-self:stretch;width:46px;height:70px}.card-art--small .card-art__rune{font-size:25px}.card-art--small .card-art__orbit{width:38px;height:38px}.hand-card__name{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:clamp(10px,.9vw,13px);font-weight:700;overflow:hidden}.hand-card__role{color:#698b94;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.next-card{border-left:1px solid var(--line);grid-template-rows:auto 1fr;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:4px 10px;padding-left:20px;display:grid}.next-card small{color:#63848d;letter-spacing:.12em;align-self:end;font-size:8px}.next-card .card-art{grid-row:1/3;width:45px;height:58px}.next-card strong{color:#a7c1c7;text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:10px;overflow:hidden}.result-overlay{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#01090fbf;place-items:center;padding:20px;animation:.26s both overlay-in;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}}.result-card{text-align:center;background:radial-gradient(circle at 50% 0,#4cf0d91f,#0000 38%),linear-gradient(145deg,#123440,#071d2a);border:1px solid #5eeedc42;border-radius:24px;width:min(500px,100%);padding:42px;animation:.42s cubic-bezier(.2,.8,.2,1) both result-rise;box-shadow:0 35px 110px #0000007a}.result-card--enemy{background:radial-gradient(circle at 50% 0,#ff806c21,#0000 38%),linear-gradient(145deg,#2d2933,#101c28);border-color:#ff806c4d}.result-card--draw{border-color:#c579ff4d}@keyframes result-rise{0%{opacity:0;transform:translateY(20px)scale(.96)}}.result-emblem{width:78px;height:78px;color:var(--tide);background:#4cf0d914;border:1px solid #4cf0d94d;border-radius:50%;place-items:center;margin:16px auto;font-size:34px;display:grid;box-shadow:inset 0 0 25px #4cf0d91a,0 0 40px #4cf0d91a}.result-card--enemy .result-emblem{color:var(--enemy);background:#ff806c14;border-color:#ff806c4d}.result-card h2{letter-spacing:-.04em;margin:0;font-size:32px}.result-card>p:not(.section-kicker){color:#83a3ac;margin:12px 0 0;font-size:13px}.result-score{border-block:1px solid var(--line);justify-content:center;align-items:center;gap:28px;margin:30px 0;padding:18px;display:flex}.result-score span{flex-direction:column;min-width:95px;display:flex}.result-score small{color:#6d8d96;font-size:9px}.result-score strong{color:#ebf9fb;font-family:var(--font-display), sans-serif;font-size:36px}.result-score>i{color:#486873;font-style:normal}.result-actions{grid-template-columns:1fr 1.35fr;gap:10px;display:grid}.secondary-button{border:1px solid var(--line);color:#b6cdd2;cursor:pointer;background:#13313da3;border-radius:11px;min-height:54px}.secondary-button:hover{border-color:#53eada59}.launch-button--compact{text-align:center;min-height:54px;padding:10px 48px 10px 18px}.launch-button--compact>i{font-size:20px;right:17px}@media (width<=1100px){.collection-grid{grid-template-columns:repeat(5,minmax(120px,1fr));padding-bottom:8px;overflow-x:auto}.battle-field{grid-template-columns:1fr auto 1fr;gap:14px}.field-side{max-width:150px}.legend,.surge-status{display:none}.hand-dock{grid-template-columns:150px minmax(430px,1fr) 90px;gap:18px;padding-inline:22px}}@media (width<=820px){.home-screen{padding-inline:18px}.hero{grid-template-columns:1fr;min-height:0;padding:56px 4px 48px}.tide-orb{display:none}.loadout-panel{padding:24px 18px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.launch-panel{grid-template-columns:1fr;padding:24px 18px}.opponent-tabs{grid-template-columns:repeat(3,1fr);display:grid}.opponent-tabs button{min-width:0}.battle-screen{grid-template-rows:66px minmax(0,1fr) 196px;min-height:620px}.battle-topbar{grid-template-columns:36px 1fr 92px 1fr 36px;gap:7px;padding-inline:8px}.icon-button{width:34px;height:34px}.combatant__sigil,.base-meter,.combatant small{display:none}.combatant span:not(.combatant__sigil){min-width:0}.combatant strong{font-size:10px}.battle-clock{min-width:88px;padding-inline:7px}.battle-clock strong{font-size:19px}.battle-clock span{font-size:11px}.battle-field{justify-content:center;padding:7px;display:flex}.field-side{display:none}.canvas-wrap{width:auto;max-width:100%;height:100%}.hand-dock{grid-template-rows:37px 1fr;grid-template-columns:1fr 62px;gap:8px 10px;padding:9px 10px 12px;display:grid}.energy-vessel{grid-column:1/-1}.energy-vessel__top{margin-bottom:3px}.energy-vessel__top strong{font-size:17px}.hand-cards{align-self:stretch;gap:5px}.hand-card{text-align:center;grid-template-rows:78px auto;grid-template-columns:1fr;height:130px;padding:6px}.hand-card .card-art{grid-row:auto;width:100%;height:78px}.hand-card__name{align-self:center;font-size:9px}.hand-card__role{display:none}.next-card{text-align:center;padding-left:8px;display:block}.next-card small,.next-card strong{display:none}.next-card .card-art{width:48px;height:74px;margin:10px auto 0}}@media (width<=520px){.prototype-tag{display:none}.home-nav{min-height:76px}.hero h1{font-size:38px}.hero__lead{font-size:14px}.loadout-panel__head{align-items:center}.collection-card{min-height:170px}.card-art{height:90px}.opponent-tabs{grid-template-columns:1fr}.result-card{padding:30px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}