/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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;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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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)}.hidden{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#060812;--panel:#0b1123e0;--line:#a4c4ff2e;--silver:#dbe4f5;--muted:#8490ab;--cyan:#80e8ff;--violet:#a883ff;--gold:#e9c879}*{box-sizing:border-box}html,body{background:var(--ink);color:#f7f5ef;min-height:100%;margin:0}body{font-family:var(--font-geist-sans), Arial, sans-serif}button{font:inherit}.menu-screen{background:radial-gradient(circle at 78% 24%,#6842ce61,#0000 30%),radial-gradient(circle at 18% 78%,#14668e47,#0000 34%),linear-gradient(145deg,#050711,#090c1d 60%,#080614);min-height:100vh;position:relative;overflow:hidden}.stars,.stars:before,.stars:after{content:"";pointer-events:none;opacity:.11;background-image:radial-gradient(#adf 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0}.stars:before{opacity:.18;background-size:71px 71px;transform:translate(16px,24px)}.stars:after{background:linear-gradient(90deg,#0000,#7fe8ff14,#0000);transform:rotate(-20deg)scale(1.5)}.menu-header{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04071275;align-items:center;gap:13px;height:82px;padding:0 5vw;display:flex;position:relative}.brand-mark{border:1px solid var(--cyan);color:#fff;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:23px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 20px #6750d8,0 0 18px #61dbff44}.brand-mark:first-letter{transform:rotate(-45deg)}.menu-header>div:nth-child(2){flex-direction:column;line-height:1;display:flex}.menu-header strong{letter-spacing:.16em;font-family:Georgia,serif}.menu-header span{color:var(--muted);letter-spacing:.23em;margin-top:6px;font-size:8px}.menu-header p{color:#7f8aa1;letter-spacing:.16em;margin-left:auto;font-size:10px}.menu-nav{align-self:stretch;margin-left:34px;display:flex}.menu-nav button{color:#77839b;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;padding:0 17px;font-size:9px;font-weight:900;position:relative}.menu-nav button:after{content:"";background:var(--cyan);height:2px;box-shadow:0 0 14px var(--cyan);transition:all .2s;position:absolute;bottom:-1px;left:16px;right:16px;transform:scaleX(0)}.menu-nav button.active{color:#eefbff}.menu-nav button.active:after{transform:scaleX(1)}.hero{z-index:1;width:min(1500px,92vw);margin:0 auto;padding:clamp(45px,6vh,90px) 0 48px;position:relative}.hero-copy{grid-template-columns:1fr .62fr;align-items:end;gap:8vw;margin-bottom:42px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.25em;grid-column:1/-1;margin:0 0 -10px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0;font:500 clamp(56px,6.8vw,110px)/.88 Georgia,serif}.hero h1 em{color:#0000;-webkit-text-stroke:1px #a3b5dc;font-style:normal}.hero-copy>p:last-child{color:#9ca7be;margin:0 0 10px;font-size:clamp(15px,1.4vw,20px);line-height:1.5}.hero-intro{align-self:end;margin-bottom:4px}.hero-intro p{color:#9ca7be;margin:0;font-size:clamp(15px,1.35vw,20px);line-height:1.5}.builder-cta{color:#b9f5ff;letter-spacing:.14em;cursor:pointer;background:#0b1828cc;border:1px solid #80e8ff77;border-radius:4px;margin-top:20px;padding:12px 16px;font-size:9px;font-weight:900}.builder-cta span{margin-left:16px;font-size:16px}.training-cta{color:#dec9ff;letter-spacing:.14em;cursor:pointer;background:#1a1230cc;border:1px solid #a47cdd66;border-radius:4px;margin:20px 0 0 8px;padding:12px 16px;font-size:9px;font-weight:900}.training-cta span{color:#b285f3;margin-left:16px}.live-training-coach{z-index:55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#070f1ff5,#121230f5);border:1px solid #67e8f988;border-radius:9px;width:min(350px,100vw - 36px);padding:17px 18px 15px;position:fixed;top:92px;right:18px;box-shadow:0 24px 65px #000b,0 0 32px #5de8fa24}.live-training-coach:before{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:5px;position:absolute;inset:6px}.live-training-coach header,.live-training-coach footer{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.live-training-coach header span{color:#83ecfb;letter-spacing:.16em;font-size:7px;font-weight:900}.live-training-coach header b{color:#9aa7be;font:500 15px Georgia,serif}.live-training-coach h2{color:#f2f5fb;margin:14px 0 8px;font:500 25px/1.05 Georgia,serif;position:relative}.live-training-coach p{color:#b6c1d3;margin:0 0 15px;font-size:10px;line-height:1.55;position:relative}.live-training-coach footer{border-top:1px solid #7385a42d;padding-top:11px}.live-training-coach footer span{color:#8aa2b8;letter-spacing:.11em;font-size:7px;font-weight:900}.live-training-coach footer button{color:#aab5c8;letter-spacing:.1em;cursor:pointer;background:#11192b;border:1px solid #72829d55;border-radius:4px;padding:7px 10px;font-size:7px;font-weight:900;position:relative}.training-target{z-index:6;outline-offset:4px;animation:1.05s ease-in-out infinite alternate live-training-pulse;position:relative;outline:2px solid #75ecfb!important;box-shadow:0 0 0 5px #55ddf21c,0 0 30px #54def077!important}@keyframes live-training-pulse{0%{filter:brightness()}to{filter:brightness(1.22)}}@media (max-width:760px){.live-training-coach{width:calc(100vw - 20px);padding:13px 14px 11px;top:auto;bottom:92px;right:10px}.live-training-coach h2{margin:9px 0 5px;font-size:20px}.live-training-coach p{margin-bottom:9px;font-size:9px}}.biome-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.biome-choice{--biome-color:#80e8ff;color:#fff;cursor:pointer;text-align:left;background:#0e1324;border:1px solid #ffffff1f;border-radius:8px;min-width:0;height:min(310px,30vh);padding:0;transition:all .25s;position:relative;overflow:hidden}.biome-choice:after{content:"";background:linear-gradient(180deg, transparent 25%, #070913 92%), linear-gradient(0deg, var(--biome-color), transparent 55%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.biome-choice:after{background:linear-gradient(180deg, transparent 25%, #070913 92%), linear-gradient(0deg, color-mix(in srgb, var(--biome-color) 22%, transparent), transparent 55%)}}.biome-choice img{object-fit:cover;width:100%;height:100%;transition:all .35s}.biome-choice>span{z-index:2;flex-direction:column;display:flex;position:absolute;bottom:18px;left:14px;right:10px}.biome-choice b{font-family:Georgia,serif;font-size:clamp(17px,1.35vw,23px);font-weight:500}.biome-choice small{color:#aab2c5;margin-top:5px;font-size:10px}.biome-choice em{color:#77839a;letter-spacing:.04em;margin-top:6px;font-size:6px;font-style:normal;font-weight:800}.biome-choice i{z-index:2;opacity:0;color:var(--biome-color);letter-spacing:.12em;font-size:9px;font-style:normal;font-weight:900;transition:all .2s;position:absolute;top:12px;right:10px}:is(.biome-choice:hover,.biome-choice:focus-visible){border-color:var(--biome-color);box-shadow:0 16px 40px #0008, 0 0 26px var(--biome-color);transform:translateY(-8px)}@supports (color:color-mix(in lab, red, red)){:is(.biome-choice:hover,.biome-choice:focus-visible){box-shadow:0 16px 40px #0008, 0 0 26px color-mix(in srgb, var(--biome-color) 22%, transparent)}}:is(.biome-choice:hover,.biome-choice:focus-visible){outline:none}.biome-choice:hover img{transform:scale(1.055)}.biome-choice:hover i{opacity:1}.quick-rules{border-top:1px solid var(--line);color:#808ba2;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-top:26px;padding-top:20px;font-size:10px;display:flex}.quick-rules b{color:var(--cyan);margin-right:9px}.saved-decks{margin-top:28px}.section-heading{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.section-heading span{color:#f1f5ff;letter-spacing:.17em;font-size:10px;font-weight:900}.section-heading small{color:#657089;letter-spacing:.12em;font-size:8px}.saved-deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.saved-deck{border:1px solid var(--line);background:#0a1021c7;border-radius:7px;min-height:86px;padding:13px 82px 13px 74px;position:relative;overflow:hidden}.saved-deck>img{object-fit:cover;border-radius:4px;width:54px;height:132px;position:absolute;top:-24px;bottom:-24px;left:8px;transform:rotate(-4deg)}.saved-deck>div{flex-direction:column;min-width:0;display:flex}.saved-deck>div b{text-overflow:ellipsis;white-space:nowrap;font:500 19px Georgia,serif;overflow:hidden}.saved-deck>div span{color:#7f8ba4;letter-spacing:.1em;margin-top:7px;font-size:7px;font-weight:900}.saved-deck>button{color:#b9f5ff;letter-spacing:.1em;cursor:pointer;background:#102338;border:1px solid #5acfe977;border-radius:3px;margin:10px 6px 0 0;padding:6px 8px;font-size:7px;font-weight:900}.saved-deck>button:disabled{opacity:.35;cursor:not-allowed}.saved-deck .deck-delete{color:#d89b9b;background:#24121b;border-color:#ff8a7a33;border-radius:50%;width:25px;height:25px;margin:0;padding:0;font-size:15px;position:absolute;top:7px;right:7px}.deck-builder{z-index:1;width:min(1600px,94vw);margin:0 auto;padding:42px 0 60px;position:relative}.builder-heading{grid-template-columns:1fr 430px;align-items:end;gap:60px;margin-bottom:30px;display:grid}.builder-heading h1{letter-spacing:-.045em;margin:8px 0 0;font:500 clamp(45px,5vw,75px)/.9 Georgia,serif}.builder-heading h1 em{color:#0000;-webkit-text-stroke:1px #a3b5dc;font-style:normal}.deck-identity{border:1px solid var(--line);background:#0a0f1fbd;border-radius:7px;padding:18px}.deck-identity label{color:var(--cyan);letter-spacing:.18em;margin-bottom:8px;font-size:8px;font-weight:900;display:block}.deck-identity input{color:#fff;background:0 0;border:0;border-bottom:1px solid #8197be55;outline:0;width:100%;padding:7px 0;font:500 28px Georgia,serif}.deck-identity input:focus{border-color:var(--cyan)}.deck-identity p{color:#7e8aa3;margin:10px 0 0;font-size:10px;line-height:1.45}.builder-toolbar{align-items:stretch;gap:8px;margin-bottom:12px;display:flex}.builder-toolbar button,.builder-toolbar select,.builder-toolbar input{border:1px solid var(--line);color:#b8c2d6;letter-spacing:.08em;background:#0b1122e8;border-radius:4px;min-height:38px;font-size:8px;font-weight:800}.builder-tabs{display:flex}.builder-tabs button{cursor:pointer;border-radius:0;padding-inline:14px}.builder-tabs button:first-child{border-radius:4px 0 0 4px}.builder-tabs button:last-child{border-radius:0 4px 4px 0}.builder-tabs button.active{color:#baf6ff;background:#102c40;border-color:#71dff488}.builder-toolbar select{cursor:pointer;padding:0 28px 0 10px}.builder-toolbar select:disabled{opacity:.4}.deck-search{outline:none;flex:1;min-width:180px;padding:0 12px}.deck-search:focus{border-color:#70dff488}.builder-toolbar .new-deck{color:#ded6ff;cursor:pointer;padding-inline:15px}.builder-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:12px;display:grid}.card-library{border:1px solid var(--line);scrollbar-color:#446078 #09101d;background:#050914b3;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:720px;padding:10px;display:grid;overflow-y:auto}.builder-card{color:#fff;text-align:left;cursor:pointer;background:#0b1222;border:1px solid #ffffff1a;border-radius:6px;min-width:0;padding:0;transition:all .18s;overflow:hidden}.builder-card:hover{border-color:#80e8ff66;transform:translateY(-3px)}.builder-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px #80e8ff55,0 0 18px #4ddcf033}.builder-card-image{aspect-ratio:2/2.45;background:#080d18;display:block;position:relative;overflow:hidden}.builder-card-image img{object-fit:cover;object-position:50% 19%;width:100%;height:100%}.builder-card-image:after{content:"";background:linear-gradient(#0000 62%,#080d18);position:absolute;inset:0}.builder-card-image i{z-index:2;color:#aef5ff;background:#071422df;border:1px solid #b9f6ff77;border-radius:50%;place-items:center;width:25px;height:25px;font:900 15px Arial,sans-serif;display:grid;position:absolute;top:7px;right:7px}.builder-card.selected .builder-card-image i{color:#06101c;background:#77eaff;box-shadow:0 0 15px #70ebff}.builder-card-copy{flex-direction:column;min-width:0;padding:8px 9px 10px;display:flex}.builder-card-copy b{text-overflow:ellipsis;white-space:nowrap;font:500 14px Georgia,serif;overflow:hidden}.builder-card-copy small{color:#92a0ba;letter-spacing:.06em;margin-top:4px;font-size:6px;font-weight:800}.builder-card-copy em{color:#65d9ee;margin-top:4px;font-size:7px;font-style:normal}.empty-library{color:#7f8ca5;text-align:center;grid-column:1/-1;padding:70px 20px}.deck-summary{background:#080d1cf0;border:1px solid #7086af3d;border-radius:8px;padding:18px;position:sticky;top:12px;box-shadow:0 24px 60px #0006}.deck-total{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.deck-total>span{color:#8895ac;letter-spacing:.17em;font-size:8px;font-weight:900}.deck-total>b{font:500 37px Georgia,serif}.deck-total small{color:#7e8aa2;font-size:16px}.deck-meters{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.deck-meters span{color:#79869e;letter-spacing:.1em;border:1px solid #65749133;border-radius:4px;flex-direction:column;padding:8px;font-size:6px;font-weight:900;display:flex}.deck-meters b{color:#c5cede;margin-bottom:2px;font-size:15px}.deck-meters span.valid{color:#83d6bc;background:#0e2b2a;border-color:#6ce5bf55}.deck-meters span.invalid{color:#df9b88;border-color:#ff846255}.biome-counts{gap:7px;margin-top:15px;display:grid}.biome-counts>div{color:#8895aa;grid-template-columns:70px 1fr 30px;align-items:center;gap:7px;font-size:7px;display:grid}.biome-counts i{background:#202a3b;height:3px;overflow:hidden}.biome-counts i b{background:var(--biome-color);max-width:100%;height:100%;box-shadow:0 0 8px var(--biome-color);display:block}.biome-counts em{color:#aeb8ca;text-align:right;font-style:normal}.deck-legality{background:#27131a99;border:1px solid #ec886944;border-radius:5px;margin-top:16px;padding:11px}.deck-legality.legal{background:#0d292499;border-color:#63deb266}.deck-legality b{color:#f0a38e;letter-spacing:.13em;font-size:8px}.deck-legality.legal b{color:#7ae6c2}.deck-legality p{color:#aeb7c7;margin:6px 0 0;font-size:9px;line-height:1.4}.builder-notice{color:#e7c68e;margin:9px 0 0;font-size:9px;line-height:1.4}.builder-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;display:grid}.builder-actions button{color:#c8d1e0;letter-spacing:.09em;cursor:pointer;background:#11192a;border:1px solid #6d7890;border-radius:4px;min-height:40px;padding:7px;font-size:7px;font-weight:900}.builder-actions .play-custom{color:#bff8ff;background:linear-gradient(135deg,#12374a,#182b52);border-color:#74e7f488}.builder-actions button:disabled{opacity:.34;cursor:not-allowed}.builder-saved-list{border-top:1px solid var(--line);gap:5px;margin-top:17px;padding-top:13px;display:grid}.builder-saved-list>span{color:#68748b;letter-spacing:.12em;font-size:7px;font-weight:900}.builder-saved-list button{color:#aeb9cc;text-align:left;cursor:pointer;background:#0d1526;border:1px solid #0000;border-radius:3px;justify-content:space-between;padding:7px 8px;font-size:9px;display:flex}.builder-saved-list button.active{color:#d8faff;border-color:#6fdef055}.builder-saved-list small{color:#6f7b91}.training-screen{z-index:1;width:min(1500px,94vw);margin:0 auto;padding:38px 0 58px;position:relative}.training-header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.training-header h1{letter-spacing:-.045em;margin:9px 0 0;font:500 clamp(44px,4.8vw,72px)/.88 Georgia,serif}.training-header h1 em{color:#0000;-webkit-text-stroke:1px #a5b9dc;font-style:normal}.training-step-count{border:1px solid var(--line);background:#091020bb;border-radius:6px;align-items:baseline;padding:12px 18px;display:flex}.training-step-count span{color:#78859e;letter-spacing:.14em;margin-right:16px;font-size:7px;font-weight:900}.training-step-count b{font:500 36px Georgia,serif}.training-step-count small{color:#7f8aa0;font:500 15px Georgia,serif}.training-layout{grid-template-columns:350px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.training-guide{background:linear-gradient(165deg,#0c1327f5,#0d0c20f5);border:1px solid #7487a53d;border-radius:9px;flex-direction:column;min-height:650px;padding:28px;display:flex;box-shadow:0 26px 70px #0006}.training-guide>span{color:var(--cyan);letter-spacing:.2em;font-size:8px;font-weight:900}.training-guide h2{margin:16px 0 18px;font:500 35px/1.04 Georgia,serif}.training-guide>p{color:#abb6ca;margin:0;font-size:13px;line-height:1.65}.training-guide>div{color:#c7bed6;background:#20153588;border-left:2px solid #a878e7;margin-top:24px;padding:14px;font-size:10px;line-height:1.55}.training-guide>div b{color:#d4b1ff;letter-spacing:.14em;margin-bottom:5px;font-size:7px;display:block}.training-guide>button{color:#c2f7ff;letter-spacing:.09em;text-align:left;cursor:pointer;background:linear-gradient(135deg,#113545,#1c2954);border:1px solid #68e0f088;border-radius:5px;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding:10px 14px;font-size:8px;font-weight:900;display:flex;box-shadow:0 0 24px #45d9ec1c}.training-guide>button i{font-size:18px;font-style:normal}.training-guide .training-back{color:#77859c;min-height:auto;box-shadow:none;background:0 0;border-color:#0000;margin:8px 0 0}.training-board{background:radial-gradient(circle,#337561b3,#0b2523e6 45%,#071019 100%);border:1px solid #7186a83d;border-radius:9px;min-height:650px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #0009,0 26px 70px #0005}.training-board:before{content:"";opacity:.16;background-image:radial-gradient(#9affd2 1px,#0000 1px);background-size:37px 37px;position:absolute;inset:0}.training-score{z-index:2;background:#07131bcc;border-bottom:1px solid #9bd7cf33;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:relative}.training-score span{color:#9cabbd;letter-spacing:.1em;font-size:8px;font-weight:900}.training-score span b{color:#fff;margin-inline:5px;font:500 22px Georgia,serif}.training-score em{color:#8deec8;letter-spacing:.12em;font-size:7px;font-style:normal;font-weight:900}.training-side{z-index:1;justify-content:center;align-items:center;gap:30px;height:245px;display:flex;position:relative}.training-owner{color:#9ba8bb;letter-spacing:.15em;font-size:8px;font-weight:900;position:absolute;top:16px;left:18px}.training-field-card{aspect-ratio:2/3;color:#91a9ac;letter-spacing:.1em;text-align:center;background:#0a1c22aa;border:1px solid #9ef1db88;border-radius:7px;place-items:center;width:125px;font-size:8px;font-weight:900;display:grid;box-shadow:0 16px 38px #000b,0 0 18px #75dfbf22}.training-field-card img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.training-field-card.empty{border-style:dashed;box-shadow:inset 0 0 28px #0006}.training-field-card small{color:#67ddc0;font-size:6px}.training-hidden-hand{display:flex;position:absolute;right:25px}.training-hidden-hand i{aspect-ratio:2/3;background:radial-gradient(circle,#332154,#080d1c 70%);border:1px solid #805eaf;border-radius:4px;width:45px;margin-left:-25px;transform:rotate(5deg)}.training-centerline{z-index:1;color:#708e88;letter-spacing:.1em;text-align:center;grid-template-columns:1fr 50px 1fr;align-items:center;height:35px;font-size:6px;font-weight:900;display:grid;position:relative}.training-centerline:before{content:"";background:linear-gradient(90deg,#0000,#77baa955,#0000);height:1px;position:absolute;top:50%;left:8%;right:8%}.training-centerline i{z-index:1;color:#f0d37e;text-shadow:0 0 12px #e8ad4d;font-size:20px;font-style:normal}.training-bench-zone,.training-trap-zone{aspect-ratio:2/3;color:#67807d;letter-spacing:.1em;border:1px dashed #6b8e8888;border-radius:5px;place-items:center;width:82px;font-size:6px;font-weight:900;display:grid}.training-bench-zone img{object-fit:cover;border-radius:4px;width:100%;height:100%}.training-trap-zone>div{color:#cba9ff;background:radial-gradient(circle,#32205d,#090d1d 70%);border:1px solid #855bc6;border-radius:4px;place-items:center;width:100%;height:100%;font:500 29px Georgia,serif;display:grid;box-shadow:0 12px 28px #000b}.training-trap-zone>div.ready{animation:1s ease-in-out infinite alternate training-pulse}.training-opening-hand{z-index:4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040911e6;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:64px 30px 28px}.training-opening-hand>div{flex-direction:column;align-items:center;display:flex}.training-opening-hand img{border-radius:7px;width:140px;box-shadow:0 18px 40px #000b}.training-opening-hand .target img{outline:2px solid #79ecfa;animation:1s ease-in-out infinite alternate training-pulse;box-shadow:0 18px 40px #000b,0 0 28px #5be6f466}.training-opening-hand span{color:#8b99ad;letter-spacing:.11em;margin-top:9px;font-size:7px;font-weight:900}.training-opening-hand .target span{color:#9ff4ff}.training-hand-row{z-index:2;gap:6px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.training-hand-row img{border-radius:4px;width:55px;box-shadow:0 10px 20px #000c}.training-hand-row img.target{outline:2px solid #7aeaf7;animation:1s ease-in-out infinite alternate training-pulse;box-shadow:0 0 22px #64e4f477}.training-energy{z-index:3;background:#081722dd;border:1px solid #71deef55;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;display:flex;position:absolute;bottom:14px;left:18px}.training-energy span{color:#7994a5;letter-spacing:.12em;font-size:6px;font-weight:900}.training-energy b{color:#bcf7ff;font-size:11px}.training-energy i{background:#89f5ff;border:1px solid #71e9f5;border-radius:50%;width:10px;height:10px;box-shadow:0 0 11px #71e9f5}.training-energy i:not(.on):last-child{box-shadow:none;opacity:.35;background:0 0}.training-calculation,.training-direct,.training-complete{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.training-calculation{background:#07111dee;border:1px solid #74e6ef88;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;width:min(570px,84%);padding:18px;display:grid;box-shadow:0 25px 65px #000c,0 0 30px #49dce92d}.training-calculation span{color:#9eabc0;text-align:center;flex-direction:column;font-size:8px;font-weight:900;display:flex}.training-calculation b{color:#fff;margin-top:5px;font:500 25px Georgia,serif}.training-calculation i{color:#7eeafa;font-size:26px;font-style:normal}.training-calculation em{border-top:1px solid var(--line);color:#f1d582;text-align:center;grid-column:1/-1;padding-top:12px;font:500 21px Georgia,serif}.training-trap-prompt{z-index:5;text-align:center;background:#100d22f2;border:1px solid #b07ae288;border-radius:8px;width:min(410px,80%);padding:23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 70px #000d,0 0 35px #9b5fe133}.training-trap-prompt span{color:#c9a7f2;letter-spacing:.13em;font-size:7px;font-weight:900}.training-trap-prompt b{margin-top:10px;font:500 27px Georgia,serif;display:block}.training-trap-prompt p{color:#aeb7c8;font-size:10px;line-height:1.5}.training-trap-prompt button{color:#ead9ff;cursor:pointer;background:#2a1847;border:1px solid #b582ea;border-radius:4px;padding:10px 18px;font-size:8px;font-weight:900}.training-direct{text-align:center;background:#21170bee;border:1px solid #f0c96f88;border-radius:8px;width:min(450px,80%);padding:24px;box-shadow:0 25px 70px #000c,0 0 36px #f0ba4733}.training-direct b{color:#f5d990;font:500 29px Georgia,serif;display:block}.training-direct span{color:#c7b997;letter-spacing:.1em;margin-top:8px;font-size:8px;font-weight:900;display:block}.training-complete{text-align:center;background:#09221dee;border:1px solid #69e5c288;border-radius:8px;width:min(440px,80%);padding:28px;box-shadow:0 25px 70px #000c,0 0 40px #4de3b633}.training-complete>b{color:#93f2d7;border:1px solid #79e8c8;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-size:25px;display:grid;box-shadow:0 0 24px #5de0bb55}.training-complete span{color:#aff5e1;margin-top:14px;font:500 24px Georgia,serif;display:block}.training-complete p{color:#aab9b6;font-size:10px}@keyframes training-pulse{to{filter:brightness(1.22);transform:translateY(-3px)scale(1.02)}}.tutorial-overlay{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02040be6;place-items:center;padding:24px;animation:.18s both zoom-fade;display:grid;position:fixed;inset:0}.tutorial-modal{background:linear-gradient(145deg,#080d1c,#10162d 68%,#15102d);border:1px solid #7895c14d;border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:48% 52%;width:min(980px,94vw);min-height:580px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px #000,0 0 70px #6554da2b}.tutorial-close{z-index:3;color:#c7d0df;cursor:pointer;background:#0d1428cc;border:1px solid #8996ae55;border-radius:50%;place-items:center;width:36px;height:36px;font-size:21px;display:grid;position:absolute;top:16px;right:16px}.tutorial-visual{border-right:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#27365a,#0a1021 58%,#070a13);place-items:center;min-height:480px;display:grid;position:relative;overflow:hidden}.tutorial-visual:before{content:"";opacity:.3;background-image:radial-gradient(#adf 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.tutorial-copy{align-self:center;padding:54px 58px;position:relative}.tutorial-copy>span{color:var(--cyan);letter-spacing:.22em;font-size:9px;font-weight:900}.tutorial-copy h2{letter-spacing:-.03em;max-width:470px;margin:14px 0 18px;font:500 clamp(32px,3.5vw,51px)/1.02 Georgia,serif}.tutorial-copy>p{color:#a8b2c7;margin:0;font-size:14px;line-height:1.7}.tutorial-copy aside{border-left:2px solid var(--cyan);color:#c6d6df;background:#0a2030a8;margin-top:24px;padding:13px 15px;font-size:11px;line-height:1.5}.tutorial-copy aside b{color:#83eafd;letter-spacing:.15em;margin-bottom:4px;font-size:7px;display:block}.tutorial-footer{border-top:1px solid var(--line);background:#070b17;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:82px;padding:15px 24px;display:flex}.tutorial-progress{gap:7px;display:flex}.tutorial-progress button{cursor:pointer;background:#30394c;border:0;width:24px;height:3px;padding:0;transition:all .2s}.tutorial-progress button.active{background:var(--cyan);width:42px;box-shadow:0 0 10px #63e8ff}.tutorial-progress button.done{background:#826ddb}.tutorial-actions{gap:8px;display:flex}.tutorial-actions button{color:#c5cedd;letter-spacing:.11em;cursor:pointer;background:#11192c;border:1px solid #64718c;border-radius:4px;min-width:100px;height:40px;font-size:8px;font-weight:900}.tutorial-actions .tutorial-next{color:#c1f8ff;background:linear-gradient(135deg,#143749,#1e2b5a);border-color:#70dff488;min-width:130px}.tutorial-lp{z-index:1;background:#0a1b2ddd;border:1px solid #65e3f577;flex-direction:column;align-items:center;width:155px;padding:20px;display:flex;position:relative;box-shadow:0 0 30px #48dcf233}.tutorial-lp.enemy{border-color:#e38af077;box-shadow:0 0 30px #d755e833}.tutorial-lp span,.tutorial-lp small{color:#8290a9;letter-spacing:.14em;font-size:7px;font-weight:900}.tutorial-lp b{margin:7px 0 4px;font:500 53px Georgia,serif}.tutorial-vs{z-index:1;color:#7e8aa1;margin-block:15px;font:500 25px Georgia,serif;position:relative}.tutorial-card-anatomy{z-index:1;width:245px;position:relative}.tutorial-card-anatomy img{border-radius:9px;width:100%;display:block;box-shadow:0 26px 65px #000d,0 0 30px #7056e044}.tutorial-card-anatomy span{color:#baf7ff;letter-spacing:.08em;white-space:nowrap;background:#071321ec;border:1px solid #71e5f3aa;border-radius:3px;padding:6px 9px;font-size:7px;font-weight:900;position:absolute;box-shadow:0 8px 22px #000b}.tutorial-card-anatomy span:after{content:"";background:#71e5f3;width:34px;height:1px;position:absolute;top:50%;box-shadow:0 0 7px #71e5f3}.tutorial-card-anatomy .anatomy-tier{top:18px;left:-94px}.tutorial-card-anatomy .anatomy-tier:after{left:100%}.tutorial-card-anatomy .anatomy-hp{top:18px;right:-90px}.tutorial-card-anatomy .anatomy-hp:after{right:100%}.tutorial-card-anatomy .anatomy-effect{bottom:105px;right:-106px}.tutorial-card-anatomy .anatomy-effect:after{right:100%}.tutorial-card-anatomy .anatomy-stats{bottom:62px;left:-92px}.tutorial-card-anatomy .anatomy-stats:after{left:100%}.tutorial-hand{z-index:1;width:340px;height:360px;position:relative}.tutorial-hand img{--card-index:0;bottom:10px;left:calc(78px + var(--card-index) * 18px);width:150px;transform:translateX(calc((var(--card-index) - 1.5) * 38px)) rotate(calc((var(--card-index) - 1.5) * 6deg));transform-origin:50% 100%;border-radius:7px;position:absolute;box-shadow:0 18px 35px #000b}.tutorial-hand img:first-child{outline:2px solid #7deafa;box-shadow:0 18px 35px #000b,0 0 30px #56dff377}.tutorial-evolution{z-index:1;align-items:center;gap:6px;display:flex;position:relative}.tutorial-evolution span{flex-direction:column;align-items:center;display:flex;position:relative}.tutorial-evolution img{border-radius:6px;width:113px;box-shadow:0 18px 36px #000b}.tutorial-evolution span:nth-child(2) img{width:126px}.tutorial-evolution span:nth-child(3) img{width:140px;box-shadow:0 20px 45px #000,0 0 28px #a75eff55}.tutorial-evolution b{color:#b8c3d8;letter-spacing:.13em;margin-top:8px;font-size:7px}.tutorial-evolution i{z-index:2;color:#08101b;background:#67e5f1;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;font-weight:900;display:grid;position:absolute;top:42%;right:-13px}.tutorial-combat{z-index:1;align-items:center;gap:46px;display:flex;position:relative}.tutorial-combat span{flex-direction:column;align-items:center;display:flex}.tutorial-combat img{border-radius:7px;width:145px;box-shadow:0 22px 50px #000c}.tutorial-combat span:first-child img{transform:rotate(-4deg)}.tutorial-combat span:nth-child(2) img{transform:rotate(4deg)}.tutorial-combat b{color:#dbe9f4;margin-top:10px;font:500 19px Georgia,serif}.tutorial-combat>i{color:#f5d37b;text-shadow:0 0 20px #f2a83d;font-size:38px;font-style:normal;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.tutorial-combat>em{color:#89eafb;letter-spacing:.13em;font-size:9px;font-style:normal;font-weight:900;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.tutorial-biome-list{z-index:1;grid-template-columns:1fr 1fr;gap:10px;width:78%;display:grid;position:relative}.tutorial-biome-list span{--biome-color:#80e8ff;border:1px solid var(--biome-color);align-items:center;gap:10px;padding:13px;display:flex}@supports (color:color-mix(in lab, red, red)){.tutorial-biome-list span{border:1px solid color-mix(in srgb,var(--biome-color) 28%,transparent)}}.tutorial-biome-list span{background:var(--biome-color);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.tutorial-biome-list span{background:color-mix(in srgb,var(--biome-color) 9%,#09101e)}}.tutorial-biome-list span{color:#aeb9cc;font:500 15px Georgia,serif}.tutorial-biome-list span.active{border-color:var(--biome-color);color:#fff;box-shadow:0 0 22px var(--biome-color)}@supports (color:color-mix(in lab, red, red)){.tutorial-biome-list span.active{box-shadow:0 0 22px color-mix(in srgb,var(--biome-color) 35%,transparent)}}.tutorial-biome-list i{background:var(--biome-color);width:12px;height:12px;box-shadow:0 0 10px var(--biome-color);transform:rotate(45deg)}.tutorial-trap{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.tutorial-card-back,.tutorial-trap img{aspect-ratio:2/3;border-radius:7px;width:148px}.tutorial-card-back{color:#be9fff;background:radial-gradient(circle,#312168,#0a0c22 65%);border:2px solid #886fec;place-items:center;font:500 53px Georgia,serif;display:grid;box-shadow:0 20px 50px #000c,0 0 28px #7956df44}.tutorial-trap img{object-fit:cover;box-shadow:0 20px 50px #000c}.tutorial-trap span{color:#9aa7bd;letter-spacing:.12em;text-align:center;font-size:7px;font-weight:900;position:absolute;bottom:-38px;left:16px}.tutorial-trap>i{color:var(--cyan);font-size:28px;font-style:normal}.tutorial-turn-flow{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.tutorial-turn-flow span{color:#c6d0df;letter-spacing:.1em;text-align:center;background:#0c162bde;border:1px solid #7186aa55;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:105px;min-height:96px;font-size:8px;font-weight:900;display:flex}.tutorial-turn-flow b{color:#8deeff;border:1px solid #70e1f3;border-radius:50%;place-items:center;width:34px;height:34px;font:500 17px Georgia,serif;display:grid;box-shadow:0 0 16px #5bdff044}.tutorial-turn-flow i{color:#61dcec;font-size:20px;font-style:normal}.tutorial-recovery{z-index:1;align-items:center;gap:23px;display:flex;position:relative}.tutorial-recovery .empty-field{aspect-ratio:2/3;color:#77859d;letter-spacing:.13em;background:#08101d88;border:1px dashed #71809f88;border-radius:8px;place-items:center;width:165px;font-size:8px;font-weight:900;display:grid}.tutorial-recovery>i{color:var(--cyan);font-size:30px;font-style:normal}.tutorial-recovery>span:last-child{flex-direction:column;align-items:center;display:flex}.tutorial-recovery img{border-radius:8px;width:165px;box-shadow:0 22px 50px #000c,0 0 26px #6be3f344}.tutorial-recovery b{color:#b7f5ff;letter-spacing:.11em;margin-top:9px;font-size:8px}.game-shell{background:radial-gradient(circle at 50% 45%,#172749 0,#080c19 48%,#04060c 100%);grid-template-rows:74px minmax(650px,1fr) 270px;min-height:100vh;display:grid;overflow-x:hidden}.game-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#040710e6;grid-template-columns:86px 1fr auto 205px 150px;align-items:center;gap:20px;padding:0 28px;display:grid;position:relative}.icon-button{border:1px solid var(--line);color:#c6d2eb;cursor:pointer;background:#0f172a;border-radius:5px;width:38px;height:38px}.topbar-tools{gap:7px;display:flex}.tutorial-button{color:#8deeff;font-weight:900}.turn-copy{flex-direction:column;display:flex}.turn-copy span,.energy span{color:var(--muted);letter-spacing:.18em;font-size:9px;font-weight:800}.turn-copy strong{margin-top:3px;font-family:Georgia,serif;font-size:22px;font-weight:500}.turn-copy.turn-player span{color:#8ff3ff}.turn-copy.turn-npc span{color:#e6a6ff}.turn-owner{color:#aeb9ce;letter-spacing:.14em;background:#0b1020;border:1px solid #7888aa44;border-radius:4px;justify-self:end;align-items:center;gap:9px;padding:9px 12px;font-size:8px;font-weight:900;display:flex}.turn-owner i{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.25s ease-in-out infinite turn-pulse;box-shadow:0 0 12px}.turn-owner.turn-player{color:#8ff3ff;border-color:#78eaf466}.turn-owner.turn-npc{color:#e6a6ff;border-color:#c581e966}.turn-flash{z-index:30;text-align:center;pointer-events:none;background:linear-gradient(90deg,#0000,#050b19f5 18% 82%,#0000);border-block:1px solid;min-width:min(520px,82vw);padding:22px 48px;animation:1.25s both turn-flash;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.turn-flash span{letter-spacing:.12em;text-shadow:0 0 25px;font:500 clamp(34px,4vw,60px)/1 Georgia,serif;display:block}.turn-flash small{color:#b3bdd0;letter-spacing:.16em;text-transform:uppercase;margin-top:9px;font-size:9px;font-weight:800;display:block}.turn-flash.turn-player{color:#9af4ff}.turn-flash.turn-npc{color:#e8adff}.action-notice{z-index:40;color:#f6d7d0;background:#1e0a11f5;border:1px solid #ff9d7777;border-radius:6px;align-items:center;gap:12px;width:min(560px,100vw - 28px);padding:12px 16px;animation:2.8s both notice-in;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #000b,0 0 22px #ff725633}.action-notice>i{color:#ffc1a9;border:1px solid #ffad8f;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font:900 16px Georgia,serif;display:grid}.action-notice>span{flex-direction:column;gap:3px;font-size:11px;line-height:1.35;display:flex}.action-notice b{color:#ffae93;letter-spacing:.14em;font-size:7px}.scoreboard{border:1px solid var(--line);background:#0b1020;border-radius:4px;align-items:center;gap:14px;padding:7px 18px;display:flex}.scoreboard span{color:#8e9ab3;letter-spacing:.13em;font-size:10px}.scoreboard b{color:#fff;margin:0 5px;font:500 25px Georgia,serif}.scoreboard small{color:var(--cyan);letter-spacing:.1em;font-size:7px;font-weight:900}.scoreboard i{color:#59637b;font-style:normal}.field-indicator{--field-color:var(--cyan);border-left:2px solid var(--field-color);flex-direction:column;padding-left:13px;display:flex}.field-indicator span{color:#8d98ae;letter-spacing:.11em;font-size:8px}.field-indicator span b{color:var(--field-color)}.field-indicator small{color:#68758e;margin-top:4px;font-size:8px}.energy{text-align:right;justify-self:stretch}.energy b{color:var(--cyan);margin-left:10px;font:500 25px Georgia,serif}.arena{grid-template-columns:225px minmax(690px,1fr) 270px;gap:20px;min-height:0;padding:20px 24px 14px;display:grid}.left-panel,.right-panel{flex-direction:column;gap:14px;min-width:0;display:flex}.opponent-label,.energy-reservoir,.rules-panel{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px #ffffff09}.opponent-label{flex-direction:column;padding:16px;display:flex}.opponent-label span,.energy-reservoir>span{color:var(--cyan);letter-spacing:.17em;font-size:9px;font-weight:900}.opponent-label b{margin-top:8px;font-family:Georgia,serif;font-size:16px}.opponent-label small{color:var(--muted);margin-top:5px;font-size:10px}.npc-hand{justify-content:center;align-items:center;height:176px;display:flex;position:relative}.npc-hand .card-back{transform-origin:50% 130%;position:absolute}.npc-hand .card-back:first-child{transform:rotate(-14deg)translate(-25px)}.npc-hand .card-back:nth-child(2){transform:rotate(-7deg)translate(-12px)}.npc-hand .card-back:nth-child(3){transform:rotate(0)}.npc-hand .card-back:nth-child(4){transform:rotate(7deg)translate(12px)}.npc-hand .card-back:nth-child(5){transform:rotate(14deg)translate(25px)}.npc-hand .card-back:nth-child(6){transform:rotate(20deg)translate(38px)}.npc-hand .card-back:nth-child(7){transform:rotate(26deg)translate(50px)}.rules-panel{color:#aeb7ca;margin-top:auto;font-size:11px;line-height:1.45}.rules-panel summary{cursor:pointer;color:#d9e2f2;letter-spacing:.06em;padding:13px 15px;font-weight:750}.rules-panel ol{margin:0;padding:0 18px 16px 32px}.rules-panel li+li{margin-top:6px}.ability-legend{border-top:1px solid var(--line);margin:0 14px 14px;padding-top:12px}.ability-legend h4{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:8px}.ability-legend dl{margin:0}.ability-legend dl>div{grid-template-columns:68px 1fr;gap:7px;display:grid}.ability-legend dl>div+div{margin-top:7px}.ability-legend dt{color:#e7d49e;letter-spacing:.06em;font-size:7px;font-weight:900}.ability-legend dd{color:#929eb5;margin:0;font-size:8px;line-height:1.4}.battlefield{background:radial-gradient(circle at 50% 50%, var(--field-color,#6659d4), transparent 31%), linear-gradient(180deg, #151830d1, #070d1ccc);border:1px solid #97b7f029;border-radius:10px;grid-template-rows:1fr 42px 1fr;min-height:580px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.battlefield{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--field-color,#6659d4) 24%, transparent), transparent 31%), linear-gradient(180deg, #151830d1, #070d1ccc)}}.battlefield{box-shadow:inset 0 0 70px #0007}.battlefield:before{content:"";z-index:1;opacity:.12;pointer-events:none;background-image:linear-gradient(#7aa7ff4d 1px,#0000 1px),linear-gradient(90deg,#7aa7ff4d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.biome-backdrop{z-index:0;pointer-events:none;background-image:linear-gradient(180deg, #0508123d, #040812a1), var(--field-image);opacity:.62;background-position:50%;background-size:cover;animation:.75s both biome-enter;position:absolute;inset:0}.biome-fx{z-index:2;pointer-events:none;animation:.7s both biome-enter;position:absolute;inset:0;overflow:hidden}.biome-fx span{--x:50%;--delay:0s;--duration:5s;--size:8px;left:var(--x);width:var(--size);height:var(--size);opacity:0;position:absolute;animation-delay:var(--delay)!important;animation-duration:var(--duration)!important}.weather-stream{pointer-events:none;display:none;position:absolute}@keyframes biome-enter{0%{opacity:0;filter:saturate(.4)brightness(.5)}to{opacity:1;filter:saturate()brightness()}}.fx-ice span{background:#e8fbff;border-radius:50%;animation:linear infinite snow-fall;top:-8%;box-shadow:0 0 8px #b8f3ff}.fx-ice span:nth-child(3n){border-radius:0;transform:rotate(45deg)}.fx-ice .weather-stream{filter:blur(1px);background:linear-gradient(90deg,#0000,#d9f8ff66,#0000);width:54%;height:2px;animation:3.4s ease-in-out infinite ice-gust;display:block;left:-58%}.fx-ice .weather-stream.one{top:28%}.fx-ice .weather-stream.two{animation-delay:-1.7s;top:68%}@keyframes snow-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:.85}to{opacity:.15;transform:translate(70px,720px)rotate(260deg)}}@keyframes ice-gust{0%{opacity:0;transform:translate(0)skew(-24deg)}30%{opacity:.8}to{opacity:0;transform:translate(290%)skew(-24deg)}}.fx-desert span{background:#ffd08a;border-radius:50%;animation:ease-in-out infinite desert-drift;bottom:-10%;box-shadow:0 0 12px #ff963c99}.fx-desert span:nth-child(2n){filter:blur(2px);background:#d88e43}.fx-desert .weather-stream{filter:blur(2px);border-top:3px solid #ffc36d55;border-radius:50%;width:70%;height:36px;animation:4.2s ease-in-out infinite sand-gust;display:block;top:50%;left:-70%}.fx-desert .weather-stream.two{animation-delay:-2.2s;top:72%}@keyframes desert-drift{0%{opacity:0;transform:translate(-25px)scale(.5)}25%{opacity:.65}to{opacity:0;transform:translate(95px,-600px)scale(1.8)}}@keyframes sand-gust{0%{opacity:0;transform:translate(0)}35%{opacity:.7}to{opacity:0;transform:translate(245%)}}.fx-meadow span{width:calc(var(--size) * .72);background:#ffc3df;border-radius:90% 10% 80% 20%;animation:ease-in-out infinite meadow-rise;bottom:-8%;box-shadow:0 0 9px #fff5}.fx-meadow span:nth-child(3n){background:#b8f58c}.fx-meadow span:nth-child(4n){background:#fff2a4}@keyframes meadow-rise{0%{opacity:0;transform:translate(-12px,20px)rotate(0)}18%{opacity:.85}55%{transform:translate(35px,-300px)rotate(160deg)}to{opacity:0;transform:translate(-10px,-650px)rotate(330deg)}}.fx-swamp span{background:radial-gradient(circle at 35% 30%,#e8fff8aa,#0000 28%);border:1px solid #9fffd0aa;border-radius:50%;animation:ease-in infinite swamp-bubble;bottom:-8%;box-shadow:inset 0 0 8px #4bca9c55,0 0 10px #4ed09a44}.fx-swamp .weather-stream{filter:blur(18px);background:#77deb81c;border-radius:50%;height:90px;animation:5s ease-in-out infinite alternate swamp-mist;display:block;inset:auto -15% 13%}@keyframes swamp-bubble{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:.8}86%{opacity:.6}to{opacity:0;transform:translateY(-620px)scale(1.35)}}@keyframes swamp-mist{0%{opacity:.25;transform:translate(-8%)scaleX(.92)}to{opacity:.55;transform:translate(8%)scaleX(1.12)}}.fx-cosmos span{background:#fff;border-radius:50%;animation:ease-in-out infinite alternate cosmic-twinkle;top:12%;box-shadow:0 0 8px 2px #9feaff,0 0 18px 5px #8e60ff66}.fx-cosmos span:nth-child(2n){top:32%}.fx-cosmos span:nth-child(3n){top:67%}.fx-cosmos span:nth-child(5n){top:84%}.fx-cosmos .weather-stream{background:linear-gradient(90deg,#0000,#eaffff,#0000);width:180px;height:1px;animation:5s ease-in infinite comet-pass;display:block;top:30%;left:-30%;transform:rotate(-22deg);box-shadow:0 0 12px #7deaff}.fx-cosmos .weather-stream.two{animation-delay:-2.8s;top:75%}@keyframes cosmic-twinkle{0%{opacity:.08;transform:scale(.4)}to{opacity:.95;transform:scale(1.6)}}@keyframes comet-pass{0%,58%{opacity:0;transform:translate(0)rotate(-22deg)}66%{opacity:1}to{opacity:0;transform:translate(750%)rotate(-22deg)}}.fx-abyss span{background:#7d65d9;border-radius:50%;animation:ease-in infinite abyss-fall;top:-8%;box-shadow:0 0 12px #6748f0}.fx-abyss span:nth-child(2n){background:#101427;box-shadow:0 0 14px #8170d777}.fx-abyss .weather-stream{filter:blur(2px);background:linear-gradient(#0000,#9279ff55,#0000);width:2px;height:140%;animation:3.6s ease-in-out infinite alternate abyss-rift;display:block;top:-20%;left:50%}@keyframes abyss-fall{0%{opacity:0;transform:translateY(-20px)scale(.4)}20%{opacity:.7}to{opacity:0;transform:translateY(680px)scale(1.4)}}@keyframes abyss-rift{0%{opacity:.15;transform:rotate(-4deg)scaleY(.8)}to{opacity:.65;transform:rotate(5deg)scaleY(1.1)}}.fx-singularity span{background:0 0;border:1px solid #ee8dff;border-radius:50%;animation:linear infinite singular-orbit;top:50%;left:50%;box-shadow:0 0 8px #e36cff,inset 0 0 8px #62ddff}.fx-singularity span:nth-child(2n){border-color:#74edff;animation-direction:reverse}.fx-singularity .weather-stream{border:1px solid #c967ff44;border-radius:50%;width:240px;height:240px;margin:-120px;animation:2.8s ease-in-out infinite singular-pulse;display:block;top:50%;left:50%;box-shadow:inset 0 0 35px #6f45ff33,0 0 35px #54dbff22}.fx-singularity .weather-stream.two{width:390px;height:150px;margin:-75px -195px;animation-delay:-1.4s;transform:rotate(28deg)}@keyframes singular-orbit{0%{opacity:0;transform:rotate(0)translate(40px)scale(.4)}20%{opacity:.9}to{opacity:0;transform:rotate(360deg)translate(310px)scale(1.25)}}@keyframes singular-pulse{0%,to{opacity:.18;transform:scale(.75)rotate(0)}50%{opacity:.72;transform:scale(1.12)rotate(18deg)}}.battlefield:after{content:"";z-index:5;opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.battlefield.clash:after{animation:.82s both impact-flash}.battlefield.clash.player-first .player-side .active-wrap{animation:.82s cubic-bezier(.22,.72,.24,1) both strike-up}.battlefield.clash.player-first .npc-side .active-wrap{animation:.82s both recoil-up}.battlefield.clash.npc-first .npc-side .active-wrap{animation:.82s cubic-bezier(.22,.72,.24,1) both strike-down}.battlefield.clash.npc-first .player-side .active-wrap{animation:.82s both recoil-down}@keyframes strike-up{0%,12%{filter:brightness();transform:translateY(0)rotate(0)}42%{filter:brightness(1.3);transform:translateY(-78px)rotate(2deg)scale(1.08)}52%{transform:translateY(-61px)rotate(-2deg)scale(1.04)}to{filter:brightness();transform:translateY(0)rotate(0)}}@keyframes strike-down{0%,12%{filter:brightness();transform:translateY(0)rotate(0)}42%{filter:brightness(1.3);transform:translateY(78px)rotate(-2deg)scale(1.08)}52%{transform:translateY(61px)rotate(2deg)scale(1.04)}to{filter:brightness();transform:translateY(0)rotate(0)}}@keyframes recoil-up{0%,38%{transform:translateY(0)}49%{filter:brightness(1.65);transform:translateY(-18px)rotate(-4deg)}61%{transform:translateY(8px)rotate(2deg)}to{filter:brightness();transform:translateY(0)}}@keyframes recoil-down{0%,38%{transform:translateY(0)}49%{filter:brightness(1.65);transform:translateY(18px)rotate(4deg)}61%{transform:translateY(-8px)rotate(-2deg)}to{filter:brightness();transform:translateY(0)}}@keyframes impact-flash{0%,35%{opacity:0;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 #0000}46%{opacity:1;transform:translate(-50%,-50%)scale(2.5);box-shadow:0 0 70px 34px #8beaff,0 0 120px 60px #9b6cff88}64%,to{opacity:0;transform:translate(-50%,-50%)scale(7);box-shadow:0 0 30px 12px #0000}}.side{z-index:3;grid-template-columns:1fr 202px 1fr;align-items:center;padding:11px 26px;display:grid;position:relative}.board-lp{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030811db;border:1px solid #91bce54d;border-radius:4px;grid-template-columns:1fr auto;align-items:end;gap:4px 10px;width:194px;padding:9px 11px;display:grid;position:absolute;box-shadow:0 10px 28px #0008}.npc-side .board-lp{top:18px;right:24px}.player-side .board-lp{bottom:18px;left:24px}.board-lp span{color:#8d9ab2;letter-spacing:.13em;font-size:6px;font-weight:900}.board-lp b{color:#fff;grid-area:1/2/3;font:500 25px/1 Georgia,serif}.board-lp>i{background:#293147;border-radius:4px;height:4px;display:block;overflow:hidden}.board-lp>i em{border-radius:inherit;background:linear-gradient(90deg,#64e6b0,#8cecff);max-width:100%;height:100%;transition:width .55s;display:block;box-shadow:0 0 10px #67e4d2}.board-energy{background:radial-gradient(circle at 22%,#53daff21,#432a8714 55%,#0000);border:1px solid #8cecff35;border-radius:4px;grid-column:1/3;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin-top:4px;padding:7px 7px 6px;display:grid;box-shadow:inset 0 0 14px #62ddff0d}.board-energy>span{color:#a7f2ff;text-shadow:0 0 8px #58e8ff;font-size:7px}.board-energy>strong{color:#fff;text-shadow:0 0 14px #67e9ff,0 0 24px #7f6cff;font:700 15px Georgia,serif}.board-energy>div{justify-content:flex-end;gap:6px;display:flex}.board-energy i{background:radial-gradient(circle,#1e2942,#0c1120);border:1px solid #53627f;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 5px #000,0 0 3px #6c7d9c44}.board-energy i.charged{background:radial-gradient(circle at 34% 28%,#fff 0 12%,#9ff4ff 26%,#7567e7 64%,#301e76);border-color:#fff;animation:1.25s ease-in-out infinite alternate energy-orb;box-shadow:0 0 10px #73eaff,0 0 18px #8a6eff99,inset 0 0 5px #fff}.board-energy i.empty{background:radial-gradient(circle,#3b3566,#17162e);border-color:#8a7fc0;box-shadow:inset 0 0 5px #000,0 0 5px #8874d633}.board-energy i.locked{opacity:.3;filter:grayscale()}.npc-side .bench-row{grid-column:1;justify-content:flex-end}.npc-side .active-wrap,.player-side .active-wrap{grid-column:2}.player-side .bench-row{grid-column:3;justify-content:flex-start}.bench-row{align-items:center;gap:10px;display:flex}.npc-side .trap-row{grid-column:3;justify-self:center}.player-side .trap-row{grid-area:1/1;justify-self:center}.trap-row{background:#070817a8;border:1px solid #b58aff42;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;display:flex;box-shadow:inset 0 0 18px #6846b21c}.trap-row.ready{background:#4e237e80;border-color:#d6a8ff;box-shadow:inset 0 0 24px #a452db44,0 0 22px #b76fff55}.evolution-target{position:relative}.active-wrap.evolution-ready:after,.evolution-target.evolution-ready:after{content:"UPUŚĆ TUTAJ";z-index:12;color:#fff;letter-spacing:.11em;text-align:center;pointer-events:none;background:#25155cbd;border:2px solid #bff8ff;border-radius:8px;place-items:center;font-size:8px;font-weight:950;animation:.8s ease-in-out infinite alternate evolution-pulse;display:grid;position:absolute;inset:10%;box-shadow:0 0 28px #77e8ff,inset 0 0 22px #9b72ff77}.combat-stage{z-index:19;color:#fff;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 35%,#272e68fa,#040813fa 68%);border:1px solid #c8ecff99;border-radius:10px;width:min(720px,74vw);padding:20px 28px 18px;animation:3.1s both combat-stage;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 90px #000,0 0 48px #71dcff55,inset 0 1px #fff2}.combat-kicker{color:#85eaff;letter-spacing:.22em;font-size:7px;font-weight:950}.combat-stage h2{text-shadow:0 0 17px #80dfff88;margin:5px 0 12px;font:500 27px/1 Georgia,serif}.combat-cards{grid-template-columns:145px 1fr 145px;align-items:center;gap:18px;display:grid}.combatant{flex-direction:column;align-items:center;gap:5px;display:flex}.combatant small{color:#8997b1;letter-spacing:.14em;font-size:6px;font-weight:900}.combatant .card-image.small{width:104px}.combatant b{text-overflow:ellipsis;white-space:nowrap;color:#e9edf6;max-width:145px;font:500 12px Georgia,serif;overflow:hidden}.combatant strong{color:#9cefff;letter-spacing:.08em;font-size:10px}.direct-target{aspect-ratio:2/3;color:#ffd5dc;letter-spacing:.08em;background:radial-gradient(circle,#6b244999,#160b20);border:1px dashed #ff9faf88;border-radius:6px;place-items:center;width:104px;font:700 15px/1.15 Georgia,serif;display:grid;box-shadow:inset 0 0 24px #f474,0 0 18px #ff628044}.combat-math .direct-label{color:#ff9fb0;font-size:24px}.combatant.attacker .card-image{animation:2.35s cubic-bezier(.2,.8,.2,1) both battle-card-strike}.combatant.defender .card-image{animation:2.35s both battle-card-recoil}.combat-math{border-block:1px solid #8fadd03d;grid-template-columns:auto auto auto auto auto auto auto;justify-content:center;align-items:baseline;gap:6px;padding:15px 10px;display:grid}.combat-math span{font:600 30px Georgia,serif}.combat-math i{color:#8190aa;font-size:7px;font-style:normal;font-weight:900}.combat-math em{color:#77849c;font:400 20px Georgia,serif}.combat-math .weak-multiplier{color:#ff9db0}.combat-math b{color:#fff4b6;text-shadow:0 0 15px #ffbe5f99;grid-column:1/-1;margin-top:8px;font:700 21px Georgia,serif}.combat-factors{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:13px;display:flex}.combat-factors span{color:#acb8cd;letter-spacing:.07em;background:#111a31;border:1px solid #7f91ae55;border-radius:3px;padding:5px 8px;font-size:7px;font-weight:850}.combat-factors .positive{color:#8cf0c8;border-color:#63e8b777}.combat-factors .negative,.combat-factors .weakness{color:#ff9caf;border-color:#ff869b77}.combat-boom{z-index:5;color:#fff3a8;text-shadow:0 0 18px #ff9c36,2px 2px #ad354d;opacity:0;font:950 27px system-ui,sans-serif;animation:3.1s both boom-word;position:absolute;top:43%;right:20%;transform:rotate(-9deg)}.combat-callout{z-index:18;color:#fff;text-align:center;pointer-events:none;background:#070c19f0;border:1px solid #fff7;border-radius:16px;width:min(430px,46vw);padding:13px 18px;animation:1.45s cubic-bezier(.18,.8,.2,1) both combat-pop;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #000c,0 0 26px #7cecff55}.combat-callout.target-npc{top:33%}.combat-callout.target-player{bottom:25%}.combat-callout b{letter-spacing:.04em;font:800 clamp(12px,1.2vw,18px)/1.25 system-ui,sans-serif}.combat-callout:after{content:"";background:inherit;border-right:inherit;border-bottom:inherit;width:18px;height:18px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.combat-callout.target-npc:after{top:calc(100% - 9px)}.combat-callout.target-player:after{bottom:calc(100% - 9px);transform:translate(-50%)rotate(225deg)}.combat-callout .smoke{filter:blur(2px);background:#bfcbe488;border-radius:50%;width:18px;height:18px;animation:1.1s ease-out both smoke-puff;position:absolute}.combat-callout .smoke.one{top:10px;right:-8px}.combat-callout .smoke.two{animation-delay:80ms;top:-12px;right:8px}.combat-callout .smoke.three{animation-delay:.16s;top:-15px;right:-18px}.trap-row .card-image.small,.trap-row .card-back.small,.trap-slot{aspect-ratio:2/3;border-radius:4px;width:48px}.trap-row .card-image.small,.trap-row .card-back.small{box-shadow:0 5px 14px #000b}.trap-slot{background:linear-gradient(145deg,#3f25683d,#080d1da3);border:1px dashed #997fc054;place-items:center;display:grid}.trap-slot span{color:#8e7ca8;letter-spacing:.1em;font-size:5px;font-weight:900;transform:rotate(-90deg)}.bench-dropzone{border-radius:6px;transition:all .18s;position:relative}.bench-dropzone>span{z-index:4;color:#9ff3ff;letter-spacing:.12em;pointer-events:none;background:#0a1e2bb8;border-radius:5px;place-items:center;font-size:7px;font-weight:900;display:grid;position:absolute;inset:0}.bench-dropzone.ready{transform:translateY(-4px);box-shadow:0 0 0 2px #78e9ff77,0 0 28px #5fe0ff55}.bench-dropzone.ready .card-slot{background:#2364782e;border-color:#82edff}.active-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.zone-title{color:#76839d;letter-spacing:.18em;margin-bottom:6px;font-size:8px;font-weight:900}.weak-alert{color:#ffe59d;letter-spacing:.1em;background:#31240d;border:1px solid #eac86a;border-radius:3px;padding:5px 8px;font-size:8px;font-weight:900;position:absolute;top:48%;right:-74px}.weak-alert.danger{color:#ffacb7;background:#32101a;border-color:#ef6f7f}.versus-line{z-index:4;color:#77839a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03060da8;border-block:1px solid #9ab9ef1c;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 12%;display:grid;position:relative}.versus-line>div{color:#c6d2e7;letter-spacing:.14em;align-items:center;gap:9px;font-size:8px;display:flex}.versus-line>div>span{flex-direction:column;gap:3px;display:flex}.versus-line>div small{color:var(--field-color);font-size:7px;font-weight:900}.versus-line i{color:var(--cyan);font-size:17px;font-style:normal}.speed-side{font:500 12px Georgia,serif}.speed-side:last-child{text-align:right}.card-image,.card-slot,.card-back{aspect-ratio:2/3;background:#10172b;border:1px solid #b4d2ff3d;border-radius:7px;width:150px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 26px #0008}.card-image{color:#fff;cursor:default}button.card-image{cursor:pointer}:is(button.card-image:hover,button.card-image:focus-visible){z-index:3;border-color:#8cecff;outline:none;transform:translateY(-4px)scale(1.045);box-shadow:0 16px 34px #000d,0 0 22px #63e0ff42}.card-image img{object-fit:cover;width:100%;height:100%;display:block}.card-image.with-stats{margin-bottom:24px;overflow:visible}.card-image.with-terrain{margin-bottom:42px}.card-image.with-health{margin-top:25px}.card-image.with-stats img{border-radius:inherit}.card-image.small,.card-slot.small,.card-back.small{border-radius:5px;width:88px;box-shadow:0 8px 18px #0008}.card-slot{box-shadow:none;background:#0c142666;border-style:dashed;place-items:center;display:grid}.card-slot span{color:#4f5c74;letter-spacing:.2em;font-size:7px}.card-back{background:radial-gradient(circle,#6b5ac7 0 4%,#0000 5%),repeating-radial-gradient(circle,#1c2e5c 0 2px,#0b1129 3px 7px);box-shadow:inset 0 0 0 5px #091020,inset 0 0 0 6px #6574c9,0 10px 24px #0008}.card-image.selected{border-color:var(--cyan);transform:translateY(-8px);box-shadow:0 0 0 2px #76e7ff55,0 15px 34px #000d,0 0 25px #56dfff38}.card-image.selected:hover{transform:translateY(-11px)scale(1.045)}.hp-badge{z-index:4;color:#fff;pointer-events:none;background:#03070ff5;border:1px solid #88e9ff66;border-radius:3px;grid-template-rows:1fr 3px;height:20px;padding:3px 6px 2px;display:grid;position:absolute;top:-24px;left:2px;right:2px;box-shadow:0 5px 14px #000b}.hp-badge>span{justify-content:space-between;align-items:center;gap:4px;line-height:1;display:flex}.hp-badge b{color:#87edff;letter-spacing:.12em;font-size:6px}.hp-badge strong{font-size:8px;font-weight:850}.hp-badge i{background:linear-gradient(90deg, #5ce5b0 var(--hp-level), #263047 var(--hp-level));border-radius:3px;height:3px;display:block}.hp-badge.critical{border-color:#ff758d77}.hp-badge.critical b{color:#ff8a9e}.hp-badge.critical i{background:linear-gradient(90deg, #ff596f var(--hp-level), #3b202b var(--hp-level))}.card-image.small .hp-badge{height:18px;padding-inline:4px;top:-21px}.card-image.small .hp-badge b{font-size:5px}.card-image.small .hp-badge strong{font-size:6px}.field-stats{z-index:4;pointer-events:none;background:#03070ff5;border:1px solid #9bbcea44;border-radius:3px;grid-template-columns:repeat(4,1fr);align-items:center;height:18px;display:grid;position:absolute;bottom:-22px;left:0;right:0;box-shadow:0 5px 14px #000a}.field-stats>span{justify-content:center;align-items:baseline;gap:3px;min-width:0;display:flex}.field-stats>span+span{border-left:1px solid #8da9d32b}.field-stats b{color:#7f8da8;letter-spacing:.06em;font-size:5px}.field-stats strong{color:#f7f2e5;font:700 8px Georgia,serif}.field-stats strong.stat-up{color:#72f0b0;text-shadow:0 0 10px #40d99188}.field-stats strong.stat-down{color:#ff7f91;text-shadow:0 0 10px #ff536d66}.field-stats .cost-stat strong{color:#9deeff}.card-image:not(.small) .field-stats{height:21px;bottom:-25px}.card-image:not(.small) .field-stats b{font-size:6px}.card-image:not(.small) .field-stats strong{font-size:10px}.terrain-note{z-index:4;color:#71809a;letter-spacing:.045em;white-space:nowrap;pointer-events:none;background:#03070ff0;border:1px solid #71809a42;border-radius:3px;place-items:center;min-height:14px;padding:2px 3px;font-size:4.8px;font-weight:900;display:grid;position:absolute;bottom:-39px;left:0;right:0}.terrain-note.positive{color:#71efb2;border-color:#57e2a25c}.terrain-note.negative{color:#ff8798;border-color:#ff697d5c}.terrain-note.neutral{color:#8e9ab1}.card-image:not(.small) .terrain-note{min-height:16px;font-size:6px;bottom:-44px}.shiny-badge{color:#fff;letter-spacing:.08em;background:#8346b7dd;border-radius:2px;padding:3px 5px;font-size:6px;font-weight:900;position:absolute;top:5px;right:5px}.trap-card{border-color:#b992ef70;box-shadow:0 10px 26px #0009,0 0 18px #7a4fc42a}.ultra-badge{color:#fff4cc;letter-spacing:.08em;background:linear-gradient(110deg,#6b268fe8,#1e609be8,#8b4b1ee8);border:1px solid #ffe5a899;border-radius:2px;padding:3px 5px;font-size:5px;font-weight:950;position:absolute;top:5px;left:5px;box-shadow:0 0 12px #c879ff88}.ability-mark{z-index:4;color:#c9eefa;letter-spacing:.09em;pointer-events:none;background:#050a16e6;border:1px solid #a9dff055;border-radius:2px;padding:3px 5px;font-size:5px;font-weight:900;position:absolute;bottom:5px;left:5px;box-shadow:0 3px 10px #000b}.ability-mark>i{border:1px solid;border-radius:50%;place-items:center;width:9px;height:9px;margin-left:4px;font-size:6px;font-style:normal;display:inline-grid}.ability-mark:after{content:attr(data-description);color:#e6edf8;letter-spacing:0;text-align:left;opacity:0;pointer-events:none;background:#030710fa;border:1px solid #9cdff077;border-radius:4px;width:170px;padding:8px 9px;font-size:8px;font-weight:650;line-height:1.4;transition:all .16s;position:absolute;bottom:calc(100% + 7px);left:0;transform:translateY(4px);box-shadow:0 10px 26px #000d}.card-image:hover .ability-mark:after{opacity:1;transform:translateY(0)}.card-image:focus-visible .ability-mark:after{opacity:1;transform:translateY(0)}.card-image.small .ability-mark:after{width:145px}.ability-heal{color:#78efb3;border-color:#78efb355}.ability-barrier{color:#83caff;border-color:#83caff55}.ability-counter{color:#ff9a79;border-color:#ff9a7955}.ability-poison{color:#c790ff;border-color:#c790ff55}.ability-pierce{color:#ffe08a;border-color:#ffe08a55}.ability-tempo,.ability-impet{color:#87edff;border-color:#87edff55}.energy-reservoir{text-align:center;background:radial-gradient(circle at 50% 18%,#5b4ab43d,#080e1deb 58%);margin-top:auto;margin-bottom:auto;padding:24px 20px}.energy-readout{justify-content:center;align-items:baseline;gap:8px;margin-top:20px;display:flex}.energy-readout b{color:#b8f5ff;text-shadow:0 0 24px #69e5ff66;font:500 58px/.9 Georgia,serif}.energy-readout i{color:#536078;font:400 24px Georgia,serif}.energy-readout strong{color:#8793aa;font:500 28px Georgia,serif}.energy-reservoir>small{color:#65728a;letter-spacing:.16em;margin-top:7px;font-size:6px;font-weight:900;display:block}.energy-crystals{grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0 20px;display:grid}.energy-crystals i{background:#11182a;border:1px solid #3c4964;border-radius:2px;justify-self:center;width:18px;height:18px;transition:all .3s;transform:rotate(45deg);box-shadow:inset 0 0 5px #000}.energy-crystals i.charged{background:linear-gradient(135deg,#92f3ff,#7768e8 56%,#e88aff);border-color:#cbf8ff;box-shadow:inset 0 0 6px #fff8,0 0 12px #71e4ff99}.energy-crystals i.empty{background:#282446;border-color:#736ca2}.energy-crystals i.locked{opacity:.25}.tier-costs{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.tier-costs span{flex-direction:column;padding:12px 5px;display:flex}.tier-costs span+span{border-left:1px solid var(--line)}.tier-costs b{font:500 18px Georgia,serif}.tier-costs small{color:#7fdff4;letter-spacing:.08em;margin-top:4px;font-size:6px;font-weight:900}.energy-reservoir p{color:#7d899f;margin:16px 0 0;font-size:9px;line-height:1.5}.log-toggle{z-index:31;color:#bdc9dc;letter-spacing:.14em;background:#070c19f0;border:1px solid #5b708f;border-radius:4px;align-items:center;gap:9px;min-height:38px;padding:0 10px 0 14px;font-size:8px;font-weight:900;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 28px #0009}.log-toggle:hover,.log-toggle.active{border-color:var(--cyan);color:#eafaff}.log-toggle b{min-width:23px;height:23px;color:var(--cyan);letter-spacing:0;background:#17233b;border-radius:50%;place-items:center;font-size:9px;display:grid}.game-log-drawer{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050914f7;border:1px solid #53698a;border-radius:7px;grid-template-rows:auto auto minmax(0,1fr);width:min(430px,100vw - 36px);max-height:min(68vh,680px);animation:.18s ease-out both log-drawer-in;display:grid;position:fixed;bottom:66px;right:18px;overflow:hidden;box-shadow:0 24px 70px #000d,inset 0 1px #b5eefe18}.game-log-drawer>header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#101a31,#090f20);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:14px 14px 12px 16px;display:grid}.game-log-drawer>header div{flex-direction:column;gap:4px;display:flex}.game-log-drawer>header span{color:var(--cyan);letter-spacing:.16em;font-size:7px;font-weight:900}.game-log-drawer>header b{color:#edf3ff;font:500 15px Georgia,serif}.game-log-drawer>header button{color:#b9c7dc;letter-spacing:.1em;background:#111b31;border:1px solid #506482;border-radius:3px;min-height:30px;padding:0 10px;font-size:7px;font-weight:900}.game-log-drawer>header button:hover{border-color:var(--cyan);color:#fff}.game-log-drawer>header .log-close{letter-spacing:0;width:30px;padding:0;font-size:18px;font-weight:400}.log-summary{border-bottom:1px solid var(--line);background:#0a1122;grid-template-columns:repeat(3,1fr);display:grid}.log-summary span{color:#66748e;letter-spacing:.13em;flex-direction:column;gap:4px;padding:9px 12px;font-size:6px;font-weight:900;display:flex}.log-summary span+span{border-left:1px solid var(--line)}.log-summary b{color:#dae5f6;letter-spacing:.04em;font-size:10px}.game-log-drawer ol{margin:0;padding:7px 0 12px;list-style:none;overflow-y:auto}.game-log-drawer li{color:#a9b5c9;grid-template-columns:35px 1fr;gap:10px;padding:8px 15px;font-size:10px;line-height:1.42;display:grid}.game-log-drawer li+li{border-top:1px solid #8195b50d}.game-log-drawer li i{color:#526680;font:700 8px/1.5 monospace}.game-log-drawer li:last-child span{color:#eef6ff}@keyframes log-drawer-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.hand-dock{z-index:4;border-top:1px solid var(--line);background:#04070ff5;grid-template-columns:82px minmax(460px,1fr) 245px auto;align-items:center;gap:20px;padding:22px 28px;display:grid;position:relative;box-shadow:0 -18px 40px #0008}.deck-count{aspect-ratio:.72;border:1px solid var(--line);background:linear-gradient(145deg,#151c38,#090e20);flex-direction:column;justify-content:center;align-items:center;width:70px;display:flex}.deck-count b{font:500 24px Georgia,serif}.deck-count span{color:var(--muted);letter-spacing:.15em;margin-top:3px;font-size:7px}.deck-count small{color:#69758e;text-transform:uppercase;margin-top:5px;font-size:6px}.hand-cards{align-items:center;gap:11px;min-width:0;min-height:205px;display:flex}.hand-card-hitbox{aspect-ratio:2/3;flex:0 auto;width:clamp(92px,7.6vw,124px);margin-bottom:28px;position:relative}.hand-card-hitbox[draggable=true]{cursor:grab}.hand-card-hitbox[draggable=true]:active{cursor:grabbing}.hand-card-hitbox.dragging{opacity:.38}.hand-card-hitbox .card-image.small{width:100%;transition:all .2s;position:absolute;bottom:0;left:0}.hand-card-hitbox:hover .card-image.small,.hand-card-hitbox:focus-within .card-image.small{z-index:12;transform-origin:50% 100%;border-color:#a4f1ff;transform:translateY(-155px)scale(2.6);box-shadow:0 28px 60px #000,0 0 35px #69e1ff55}.hand-card-hitbox:hover .card-image.small.selected,.hand-card-hitbox:focus-within .card-image.small.selected{transform:translateY(-163px)scale(2.6)}.selection-info{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding-left:17px;display:flex}.selection-info span{color:var(--cyan);letter-spacing:.15em;font-size:8px;font-weight:900}.selection-info b{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font:500 20px Georgia,serif;overflow:hidden}.selection-info small{color:var(--muted);margin-top:6px;font-size:10px}.actions{grid-template-columns:auto auto auto;gap:7px;display:grid}.actions button,.result-modal button{border:1px solid var(--line);color:#cad4e7;cursor:pointer;letter-spacing:.11em;background:#10172b;border-radius:3px;min-height:40px;padding:0 15px;font-size:9px;font-weight:850}.actions .primary-action{color:#07101a;background:linear-gradient(135deg,#80e8ff,#bca3ff);border-color:#75d8ec;grid-column:1/-1;height:50px;box-shadow:0 0 26px #69dcff25}.actions .pass-action{color:#ecd99d;background:linear-gradient(#1b1a25,#111522);border-color:#d8bd735c}.actions .primary-action span{margin-left:8px}.actions button:disabled,.actions button[aria-disabled=true]{opacity:.38;cursor:help}.result-overlay{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02040ac7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.result-modal{text-align:center;background:radial-gradient(circle at top,#22245b,#090e1c 70%);border:1px solid #99dff055;width:min(500px,100%);padding:42px;box-shadow:0 24px 90px #000}.result-modal>span{color:var(--cyan);letter-spacing:.25em;font-size:10px;font-weight:900}.result-modal h2{margin:14px 0;font:500 38px/1.05 Georgia,serif}.result-modal p{color:var(--muted)}.result-modal button{border-color:var(--cyan);color:#07101a;background:linear-gradient(135deg,#80e8ff,#bca3ff);margin-top:18px}.decision-overlay{z-index:26;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#010309e0;place-items:center;padding:28px;animation:.18s both zoom-fade;display:grid;position:fixed;inset:0}.decision-modal{text-align:center;background:radial-gradient(circle at 50% 0,#25235c,#090e1d 65%);border:1px solid #91e8ff66;border-radius:8px;width:min(1120px,96vw);padding:30px;box-shadow:0 30px 100px #000,inset 0 1px #ffffff14}.decision-modal>span{color:var(--cyan);letter-spacing:.22em;font-size:9px;font-weight:900}.decision-modal h2{margin:9px 0 7px;font:500 32px/1.1 Georgia,serif}.decision-modal>p{color:#97a4bc;max-width:650px;margin:0 auto 24px;font-size:12px}.decision-cards{justify-content:center;gap:14px;margin-top:-66px;padding:92px 8px 14px;display:flex;overflow:auto hidden}.decision-choice{flex-direction:column;flex:0 0 112px;align-items:center;min-width:0;display:flex;position:relative}.decision-choice>small{color:#7fdff4;letter-spacing:.12em;min-height:14px;margin-bottom:6px;font-size:6px;font-weight:900}.decision-choice .card-image.small{transform-origin:50%;width:106px;transition:transform .22s cubic-bezier(.2,.75,.2,1),box-shadow .22s,opacity .2s}.decision-choice:hover{z-index:8}.decision-choice:hover .card-image.small{border-color:#a4f1ff;transform:translateY(-38px)scale(1.55);box-shadow:0 24px 55px #000,0 0 30px #69e1ff55}.decision-choice>b{text-overflow:ellipsis;white-space:nowrap;color:#dfe6f2;width:100%;margin-top:4px;font:500 11px Georgia,serif;overflow:hidden}.decision-choice>em{color:#ff8798;letter-spacing:.08em;margin-top:5px;font-size:6px;font-style:normal;font-weight:900}.decision-choice.unaffordable .card-image{opacity:.35;filter:grayscale(.6)}.decision-choice.unaffordable:hover .card-image{opacity:.62}.decision-cancel{color:#b6c0d2;letter-spacing:.13em;cursor:pointer;background:#11172a;border:1px solid #74809a66;border-radius:4px;margin-top:8px;padding:9px 18px;font-size:8px;font-weight:900}.trap-confirm-modal{text-align:left;width:min(720px,94vw)}.trap-confirm-modal>span,.trap-confirm-modal h2,.trap-confirm-modal>p{text-align:center;display:block}.trap-confirm-card{background:#050916b8;border:1px solid #b991ec44;border-radius:8px;grid-template-columns:132px 1fr;align-items:center;gap:24px;margin:24px auto;padding:18px;display:grid}.trap-confirm-card .card-image.small{width:128px}.trap-confirm-card>div{flex-direction:column;gap:10px;display:flex}.trap-confirm-card b{font:500 25px Georgia,serif}.trap-confirm-card small{color:#8cecff;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.trap-confirm-card p{color:#c2cad9;margin:0;font-size:12px;line-height:1.55}.trap-confirm-actions{justify-content:center;gap:12px;display:flex}.trap-confirm-actions button{min-width:180px}.zoom-overlay{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#010309db;place-items:center;padding:24px;animation:.18s both zoom-fade;display:grid;position:fixed;inset:0}.zoom-card{grid-template-columns:minmax(260px,430px) 280px;align-items:center;gap:28px;max-width:min(92vw,780px);animation:.25s cubic-bezier(.2,.8,.2,1) both zoom-in;display:grid}.zoom-card img{object-fit:contain;border-radius:12px;width:100%;max-height:82vh;display:block;box-shadow:0 34px 90px #000,0 0 45px #7762ff44}.zoom-card>div{flex-direction:column;display:flex}.zoom-card span{color:var(--cyan);letter-spacing:.18em;font-size:9px;font-weight:900}.zoom-card b{margin-top:10px;font:500 35px/1 Georgia,serif}.zoom-card small{color:#9faac0;margin-top:12px;line-height:1.5}.zoom-card p{border-top:1px solid var(--line);color:#e6cf96;margin-top:20px;padding-top:16px;font:500 17px Georgia,serif}.zoom-card .zoom-ability{color:#bceefe;font:400 13px/1.55 system-ui,sans-serif}.zoom-card .zoom-ability strong{color:#eefcff;letter-spacing:.12em;font-size:11px}.zoom-close{z-index:2;border:1px solid var(--line);color:#fff;cursor:pointer;background:#10162a;border-radius:50%;width:44px;height:44px;font-size:25px;position:fixed;top:24px;right:28px}@keyframes zoom-fade{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes turn-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}18%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.04)}}@keyframes turn-pulse{50%{opacity:.38;transform:scale(.72)}}@keyframes energy-orb{to{filter:brightness(1.28);transform:scale(1.12)}}@keyframes combat-pop{0%{opacity:0;transform:translate(-50%)scale(.68)rotate(-2deg)}18%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.06)}}@keyframes smoke-puff{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:translate(25px,-22px)scale(2.2)}}@keyframes evolution-pulse{to{filter:brightness(1.3);transform:scale(1.035)}}@keyframes combat-stage{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}10%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.03)}}@keyframes battle-card-strike{0%,38%{transform:translate(0)rotate(-2deg)}57%{filter:brightness(1.35);transform:translate(105px)rotate(6deg)scale(1.08)}70%,to{transform:translate(0)rotate(0)}}@keyframes battle-card-recoil{0%,52%{transform:translate(0)}61%{filter:brightness(1.7);transform:translate(25px)rotate(5deg)}78%,to{transform:translate(0)}}@keyframes boom-word{0%,52%{opacity:0;transform:rotate(-9deg)scale(.4)}59%,72%{opacity:1;transform:rotate(-9deg)scale(1.2)}86%,to{opacity:0;transform:rotate(-9deg)scale(1.4)}}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-12px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-7px)}}@media (max-width:1180px){.biome-grid{grid-template-columns:repeat(4,1fr)}.biome-choice{height:240px}.card-library{grid-template-columns:repeat(4,minmax(0,1fr))}.builder-heading{grid-template-columns:1fr 360px}.training-layout{grid-template-columns:300px minmax(0,1fr)}.training-opening-hand img{width:110px}.game-shell{grid-template-rows:68px auto auto}.arena{grid-template-columns:170px minmax(560px,1fr)}.right-panel{display:none}.hand-dock{grid-template-columns:60px 1fr auto}.selection-info{display:none}}@media (max-width:1450px){.hand-card-hitbox:hover .card-image.small,.hand-card-hitbox:focus-within .card-image.small{transform-origin:50% 100%;transform:translateY(-42px)scale(1.48)}.hand-card-hitbox:hover .card-image.small.selected,.hand-card-hitbox:focus-within .card-image.small.selected{transform:translateY(-49px)scale(1.48)}}@media (max-width:820px){.menu-header p{display:none}.menu-header{flex-wrap:wrap;height:auto;min-height:74px;padding:10px 14px}.menu-nav{border-top:1px solid var(--line);order:3;width:100%;height:34px;margin:0}.menu-nav button{flex:1}.hero-copy{grid-template-columns:1fr;gap:20px}.biome-grid{grid-template-columns:repeat(2,1fr)}.saved-deck-grid{grid-template-columns:1fr}.quick-rules{grid-template-columns:1fr 1fr;gap:12px;display:grid}.deck-builder{width:min(94vw,680px);padding-top:28px}.builder-heading{grid-template-columns:1fr;gap:24px}.builder-toolbar{flex-wrap:wrap}.builder-tabs{width:100%}.builder-tabs button{flex:1}.deck-search{flex-basis:100%;order:4;width:100%}.builder-workspace{grid-template-columns:1fr}.deck-summary{order:-1;position:relative;top:auto}.card-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.training-screen{width:95vw;padding-top:28px}.training-header{align-items:start}.training-step-count{padding:8px 11px}.training-step-count span{display:none}.training-layout{grid-template-columns:1fr}.training-guide{min-height:0;padding:20px}.training-guide h2{font-size:28px}.training-guide>button{margin-top:22px}.training-board{min-height:590px}.training-opening-hand{flex-wrap:wrap;align-content:center;inset:58px 10px 24px}.training-opening-hand img{width:94px}.tutorial-overlay{padding:10px}.tutorial-modal{width:min(560px,96vw);min-height:0;max-height:94vh;display:block;overflow-y:auto}.tutorial-visual{border-right:0;border-bottom:1px solid var(--line);min-height:285px}.tutorial-copy{padding:28px 25px 22px}.tutorial-copy h2{font-size:32px}.tutorial-copy>p{font-size:12px}.tutorial-footer{min-height:68px;padding:12px 14px;position:sticky;bottom:0}.tutorial-progress button{width:12px}.tutorial-progress button.active{width:22px}.tutorial-evolution img{width:72px}.tutorial-evolution span:nth-child(2) img{width:80px}.tutorial-evolution span:nth-child(3) img{width:88px}.tutorial-combat img{width:104px}.tutorial-hand{transform:scale(.74)}.tutorial-card-anatomy{transform:scale(.68)}.tutorial-card-back,.tutorial-trap img{width:105px}.tutorial-turn-flow span{width:82px;min-height:78px}.tutorial-recovery .empty-field,.tutorial-recovery img{width:110px}.game-topbar{grid-template-columns:42px 1fr auto;gap:8px;padding-inline:10px}.topbar-tools{gap:3px}.topbar-tools .tutorial-button,.turn-owner,.field-indicator{display:none}.scoreboard{gap:4px;padding:6px 9px}.arena{padding:8px;display:block}.left-panel{display:none}.battlefield{min-height:570px}.side{grid-template-columns:1fr 130px 1fr;padding-inline:8px}.board-lp{width:112px;padding:6px 7px}.npc-side .board-lp{top:7px;right:7px}.player-side .board-lp{bottom:7px;left:7px}.board-lp b{font-size:18px}.card-image{width:112px}.card-image.small,.card-slot.small,.card-back.small{width:58px}.weak-alert{display:none}.hand-dock{grid-template-columns:1fr;padding:10px;position:sticky;bottom:0}.deck-count{display:none}.hand-cards{padding:8px 2px;overflow-x:auto}.hand-card-hitbox{flex:0 0 82px;width:82px}.hand-card-hitbox:hover .card-image.small,.hand-card-hitbox:focus-within .card-image.small{transform:translateY(-18px)scale(1.24)}.hand-card-hitbox:hover .card-image.small.selected,.hand-card-hitbox:focus-within .card-image.small.selected{transform:translateY(-23px)scale(1.24)}.actions{grid-template-columns:1fr 1fr}.zoom-card{grid-template-columns:1fr;width:min(78vw,380px)}.zoom-card>div{display:none}.log-toggle{bottom:10px;right:10px}.game-log-drawer{width:calc(100vw - 20px);max-height:62vh;bottom:58px;right:10px}}@media (max-width:520px){.hero{width:94vw;padding-top:35px}.biome-grid{grid-template-columns:1fr 1fr}.biome-choice{height:210px}.quick-rules{grid-template-columns:1fr}.builder-toolbar select{flex:1;min-width:0}.builder-toolbar .new-deck{width:100%}.card-library{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.builder-card-copy b{font-size:12px}.training-cta{margin-left:0;display:block}.training-header h1{font-size:39px}.training-board{min-height:540px}.training-side{gap:13px;height:210px}.training-field-card{width:100px}.training-bench-zone,.training-trap-zone{width:62px}.training-hidden-hand{display:none}.training-opening-hand img{width:78px}.training-opening-hand{gap:5px}.training-calculation{width:92%}.tutorial-actions button{min-width:76px}.tutorial-actions .tutorial-next{min-width:100px}.tutorial-progress{gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.online-cta{color:#9beaff!important;border-color:#50d8ff55!important}.online-lobby-screen{z-index:2;width:min(1420px,100% - 72px);margin:0 auto;padding:58px 0 90px;position:relative}.online-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;margin-bottom:38px;display:grid}.online-heading h1{color:#f8f6f0;letter-spacing:-.05em;margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(46px,6vw,94px);font-weight:400;line-height:.92}.online-heading h1 em{color:#6ee7f9;font-weight:400}.online-heading>p{color:#9aa8c4;max-width:620px;font-size:16px;line-height:1.7}.online-entry,.online-room{box-shadow:0 26px 80px #0008, inset 0 1px #fff08;background:linear-gradient(145deg,#111a34ed,#090f22f2);border:1px solid #75e9ff32;padding:32px}.online-entry>label{color:#6ee7f9;letter-spacing:.18em;gap:9px;max-width:420px;font-size:10px;font-weight:900;display:grid}.online-entry input,.online-room input{color:#fff;font:inherit;background:#080e1e;border:1px solid #66759b66;outline:none;padding:15px 17px}.online-entry input:focus,.online-room input:focus{border-color:#6ee7f9;box-shadow:0 0 0 3px #6ee7f918}.online-entry-actions{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:22px;margin-top:26px;display:grid}.online-entry-actions>i{color:#66718d;letter-spacing:.16em;align-self:center;font-size:10px;font-style:normal;font-weight:900}.online-entry-actions article{background:#11182b;border:1px solid #8090b02c;grid-template-rows:auto auto 1fr auto;gap:10px;min-height:230px;padding:25px;display:grid}.online-entry-actions article>span,.online-saved>span{color:#6ee7f9;letter-spacing:.2em;font-size:9px;font-weight:900}.online-entry-actions h2{color:#f8f6f0;margin:0;font-family:Georgia,serif;font-size:30px;font-weight:400}.online-entry-actions p{color:#8996b0;line-height:1.55}.online-entry-actions button,.room-code button,.online-ready{color:#d9fbff;letter-spacing:.13em;cursor:pointer;background:linear-gradient(100deg,#16445c,#22245b);border:1px solid #6ee7f977;padding:14px 18px;font-size:10px;font-weight:950}.online-entry-actions button:disabled,.online-ready:disabled{opacity:.35;cursor:not-allowed}.room-code{border-bottom:1px solid #91a2c428;align-items:center;gap:22px;padding-bottom:26px;display:flex}.room-code>span{color:#8492ae;letter-spacing:.2em;font-size:9px;font-weight:900}.room-code>b{color:#fff;letter-spacing:.22em;font-size:30px}.room-code button{margin-left:auto}.room-players{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:32px 0;display:grid}.room-players>em{color:#6ee7f9;font-family:Georgia,serif;font-size:30px;font-style:normal}.room-players article{background:#0a1124;border:1px solid #7181a83b;grid-template-columns:auto 1fr;grid-template-areas:"icon role""icon name""icon state";align-items:center;column-gap:15px;padding:20px;display:grid}.room-players article.ready{border-color:#53e6ae77;box-shadow:inset 0 0 26px #1cd99a0d}.room-players article i{color:#6ee7f9;border:1px solid #6ee7f955;border-radius:50%;grid-area:icon;place-items:center;width:48px;height:48px;font-style:normal;font-weight:900;display:grid}.room-players article span{color:#73809c;letter-spacing:.18em;grid-area:role;font-size:8px;font-weight:900}.room-players article b{color:#fff;grid-area:name;font-size:18px}.room-players article small{color:#65dcb4;letter-spacing:.12em;grid-area:state;font-size:8px;font-weight:900}.online-deck-select{border-top:1px solid #91a2c428;padding-top:28px}.online-biomes{grid-template-columns:repeat(7,1fr);gap:10px;margin:18px 0;display:grid}.online-biomes button{color:#fff;cursor:pointer;background:#080e1e;border:1px solid #68779844;min-height:150px;position:relative;overflow:hidden}.online-biomes button:after{content:"";background:linear-gradient(#0000,#050914ee);height:50%;position:absolute;inset:auto 0 0}.online-biomes button.active{border-color:var(--biome-color);box-shadow:0 0 0 2px var(--biome-color), 0 0 24px var(--biome-color)}@supports (color:color-mix(in lab, red, red)){.online-biomes button.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--biome-color) 35%, transparent), 0 0 24px color-mix(in srgb, var(--biome-color) 24%, transparent)}}.online-biomes img{object-fit:cover;opacity:.68;width:100%;height:100%;position:absolute;inset:0}.online-biomes span{z-index:2;letter-spacing:.08em;font-size:12px;font-weight:900;position:absolute;bottom:11px;left:12px}.online-saved{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.online-saved button{color:#aebbd4;cursor:pointer;background:#11192d;border:1px solid #65749355;padding:9px 12px}.online-saved button.active{color:#fff;border-color:#6ee7f9}.online-ready{width:min(430px,100%);margin:25px auto 8px;font-size:12px;display:block}.online-ready.active{color:#cffff0;background:linear-gradient(100deg,#12543e,#174d61);border-color:#4ff0b7}.online-wait,.online-message{text-align:center;color:#8290aa;font-size:12px}.online-message{color:#79e8ff}.online-message.error{color:#ff8095}.online-battle-status{z-index:120;color:#bceffc;letter-spacing:.06em;background:#091225ed;border:1px solid #6ee7f955;align-items:center;gap:11px;padding:11px 18px;font-size:11px;font-weight:800;display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0008}.online-battle-status i{background:#6ee7f9;border-radius:50%;width:8px;height:8px;animation:1s infinite online-pulse;box-shadow:0 0 12px #6ee7f9}.online-wait-pulse{justify-content:center;gap:9px;margin-top:24px;display:flex}.online-wait-pulse i{background:#6ee7f9;border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite online-pulse}.online-wait-pulse i:nth-child(2){animation-delay:.15s}.online-wait-pulse i:nth-child(3){animation-delay:.3s}@keyframes online-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@media (max-width:900px){.online-lobby-screen{width:min(100% - 28px,720px);padding-top:30px}.online-heading{grid-template-columns:1fr;gap:18px}.online-entry-actions,.room-players{grid-template-columns:1fr}.online-entry-actions>i,.room-players>em{text-align:center}.online-biomes{grid-template-columns:repeat(2,1fr)}.room-code{flex-wrap:wrap}.room-code button{width:100%;margin-left:0}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}