/*! 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,::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,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.blur{--tw-blur:blur(8px);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,)}.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{--ink:#050913;--ink-soft:#08111f;--panel:#0a1624db;--panel-solid:#0b1726;--line:#18384d;--line-bright:#2f7898;--cyan:#24e6ff;--cyan-soft:#8bedff;--amber:#ff9d2e;--red:#e8452f;--paper:#f2f7fa;--muted:#8fa9b8;--danger:#ff5b5b;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--font-ui:"Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{background:var(--ink);min-height:100vh;color:var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{color:#fff;background:#24e6ff4d}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.boot-screen{color:var(--paper);letter-spacing:.18em;background:radial-gradient(circle at 50% 46%,#13547052,#0000 24%),#03070d;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.boot-screen p{margin:26px 0 8px;font-size:.78rem;font-weight:800}.boot-screen small{color:var(--muted);font-size:.66rem}.boot-sigil{border:1px solid #24e6ffa6;border-radius:50%;width:78px;height:78px;animation:3.5s linear infinite spin;position:relative;box-shadow:0 0 32px #24e6ff3d,inset 0 0 24px #24e6ff1f}.boot-sigil:before,.boot-sigil:after{content:"";border:1px dashed #ff9d2e99;border-radius:50%;position:absolute;inset:9px}.boot-sigil:after{background:#24e6ff1f;border-style:solid;inset:26px}.boot-sigil span,.boot-sigil i{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:106%;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.boot-sigil i{transform:translate(-50%,-50%)rotate(90deg)}.migration-screen{background:radial-gradient(circle at 50% 45%,#24e6ff21,#0000 30%),linear-gradient(145deg,#03070d,#071321 56%,#03070d);place-items:center;min-height:100svh;padding:28px;display:grid;position:relative;overflow:hidden}.migration-screen:before{content:"";background-image:linear-gradient(#24e6ff12 1px,#0000 1px),linear-gradient(90deg,#24e6ff12 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.migration-rings{aspect-ratio:1;border:1px solid #24e6ff33;border-radius:50%;width:min(760px,88vw);animation:54s linear infinite spin;position:absolute;box-shadow:0 0 0 62px #24e6ff06,0 0 0 128px #24e6ff05}.migration-card{z-index:2;text-align:center;clip-path:polygon(6% 0,94% 0,100% 7%,100% 93%,94% 100%,6% 100%,0 93%,0 7%);background:#050f1aed;border:1px solid #24e6ff5c;width:min(680px,100%);padding:clamp(34px,6vw,64px);position:relative;box-shadow:0 28px 100px #00000085}.migration-glyph{border:1px solid var(--cyan);width:68px;height:68px;color:var(--cyan);font-family:var(--font-display);background:#24e6ff12;border-radius:50%;place-items:center;margin:0 auto 24px;font-size:1.5rem;display:grid;box-shadow:0 0 34px #24e6ff29}.migration-card h1{font-family:var(--font-display);margin:12px 0 18px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.25}.migration-card>p:not(.eyebrow){color:#9fb5c0;margin:0 auto;font-size:.78rem;line-height:1.9}.migration-card>p strong{color:var(--paper);margin:0 .35em}.migration-card dl{border:1px solid #2f789857;grid-template-columns:repeat(3,1fr);margin:28px 0;display:grid}.migration-card dl div{border-left:1px solid #2f78983d;gap:5px;padding:15px;display:grid}.migration-card dl div:first-child{border-left:0}.migration-card dt,.migration-card>small{color:var(--muted);letter-spacing:.13em;font-size:.52rem}.migration-card dd{margin:0;font-size:.78rem;font-weight:800}.migration-actions{gap:10px;display:grid}.migration-actions .module-primary{width:100%}.migration-fresh{color:#9fb1bc;cursor:pointer;background:0 0;border:1px solid #8fa9b847;min-height:46px}.migration-fresh:hover{border-color:var(--paper);color:var(--paper)}.migration-card>small{margin-top:18px;display:block}.coin-screen{background:linear-gradient(90deg,#01050bfa 0%,#02070ee6 46%,#040c16a8 100%),radial-gradient(circle at 76% 42%,#24e6ff21,#0000 27%),#03070d;min-height:100svh;position:relative;overflow:hidden}.coin-screen:before,.coin-screen:after{z-index:0;content:"";pointer-events:none;position:absolute}.coin-screen:before{opacity:.22;background-image:linear-gradient(#24e6ff1f 1px,#0000 1px),linear-gradient(90deg,#24e6ff1f 1px,#0000 1px);background-size:64px 64px;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.coin-screen:after{border:1px solid #24e6ff42;border-radius:50%;width:840px;height:840px;bottom:-320px;right:-180px;box-shadow:0 0 0 46px #24e6ff06,0 0 0 102px #24e6ff05,0 0 120px #24e6ff14}.cabinet-noise{z-index:4;pointer-events:none;opacity:.06;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.coin-header,.coin-footer,.coin-stage{z-index:2;position:relative}.coin-header{background:linear-gradient(#02070eeb,#02070e8f);border-bottom:1px solid #2f789859;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(22px,4vw,64px);display:flex}.brand-lockup,.game-brand{align-items:center;gap:12px;display:flex}.brand-mark,.game-brand>span{width:40px;height:40px;color:var(--cyan);font-family:var(--font-display);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#24e6ff14;border:1px solid #24e6ff99;place-items:center;font-size:1.3rem;display:grid}.brand-lockup div,.game-brand div{display:grid}.brand-lockup small,.game-brand small{color:var(--muted);letter-spacing:.2em;font-size:.56rem;font-weight:700}.brand-lockup strong,.game-brand strong{font-family:var(--font-display);letter-spacing:.08em;font-size:1.26rem}.cabinet-status{color:var(--muted);letter-spacing:.16em;align-items:center;gap:10px;font-size:.65rem;font-weight:800;display:flex}.coin-account{color:var(--muted);align-items:center;gap:11px;display:flex}.coin-account>div{min-width:136px;display:grid}.coin-account small{letter-spacing:.12em;font-size:.5rem}.coin-account strong{max-width:180px;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.coin-account a{color:var(--muted);border:1px solid #8fa9b84d;padding:7px 9px;font-size:.55rem;text-decoration:none}.coin-account a:hover{border-color:var(--cyan);color:var(--cyan)}.status-dot{background:#6dffa7;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 12px #6dffa7}.coin-stage{grid-template-columns:minmax(0,.95fr) minmax(380px,.75fr);align-items:center;gap:clamp(40px,7vw,110px);width:min(1320px,100% - 56px);min-height:calc(100svh - 134px);margin:0 auto;padding:42px 0 72px;display:grid}.coin-copy{max-width:720px}.coin-copy h1{font-family:var(--font-display);letter-spacing:-.05em;text-shadow:0 12px 42px #000000a6;margin:18px 0 24px;font-size:clamp(2.7rem,5.5vw,5.65rem);font-weight:700;line-height:1.12}.coin-copy .lead{color:#b6cbd6;max-width:620px;margin:0;font-size:clamp(.9rem,1.35vw,1.08rem);line-height:2}.feature-chips{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.feature-chips span{color:var(--cyan-soft);background:#091a28b3;border:1px solid #24e6ff47;border-radius:4px;padding:9px 13px;font-size:.72rem;font-weight:700}.coin-actions{gap:12px;width:min(390px,100%);margin-top:32px;display:grid}.raise-dragon-button,.continue-button{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:13px 18px;transition:all .18s;display:flex}.raise-dragon-button{color:#031018;background:linear-gradient(135deg, #8ef6ff 0%, var(--cyan) 58%, #61bfd0 100%);min-height:62px;font-family:var(--font-display);letter-spacing:.08em;border:1px solid #24e6ffb8;font-size:1.05rem;font-weight:800;box-shadow:0 0 34px #24e6ff38,inset 0 1px #ffffff75}.raise-dragon-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 46px #24e6ff61,inset 0 1px #ffffff8c}.raise-dragon-button:disabled{cursor:wait;opacity:.78}.raise-dragon-button small{color:#031018b3;font-family:var(--font-ui);letter-spacing:.16em;font-size:.56rem}.continue-button{color:var(--paper);background:#08111fb3;border:1px solid #8fa9b859}.continue-button:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 24px #24e6ff1f}.continue-button small{color:var(--cyan);letter-spacing:.15em;font-size:.58rem}.coin-machine{aspect-ratio:.9;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);background:linear-gradient(135deg,#091726e0,#030a13eb),#08111f;border:1px solid #24e6ff33;justify-self:center;place-items:center;width:min(520px,100%);display:grid;position:relative;box-shadow:inset 0 0 0 8px #02080f8c,inset 0 0 50px #24e6ff0f,0 30px 80px #00000073}.coin-machine:before,.coin-machine:after{content:"";pointer-events:none;position:absolute}.coin-machine:before{clip-path:inherit;border:1px solid #2f789859;inset:17px}.coin-machine:after{background:linear-gradient(var(--cyan), var(--cyan)) left top / 32px 1px no-repeat, linear-gradient(var(--cyan), var(--cyan)) left top / 1px 32px no-repeat, linear-gradient(var(--amber), var(--amber)) right bottom / 32px 1px no-repeat, linear-gradient(var(--amber), var(--amber)) right bottom / 1px 32px no-repeat;opacity:.7;inset:9% 8%}.scanner-ring{aspect-ratio:1;pointer-events:none;border:1px solid #24e6ff40;border-radius:50%;width:74%;position:absolute}.scanner-ring:before,.scanner-ring:after{content:"";border:1px dashed #24e6ff3d;border-radius:50%;position:absolute;inset:8%}.scanner-ring:after{border-color:#ff9d2e40;inset:23%}.ring-one{animation:30s linear infinite spin}.ring-two{border-style:dashed;width:58%;animation:22s linear infinite spin-reverse}.credit-display{background:#030910d6;border:1px solid #ff9d2e5c;align-items:baseline;gap:8px;padding:8px 16px;display:flex;position:absolute;top:10%;box-shadow:inset 0 0 18px #ff9d2e14}.credit-display small,.credit-display span{color:#c48e53;letter-spacing:.17em;font-size:.58rem;font-weight:800}.credit-display strong{min-width:78px;color:var(--amber);font-family:"Arial Narrow", var(--font-ui);letter-spacing:.15em;text-shadow:0 0 12px #ff9d2e99;font-size:1.45rem}.coin-button{z-index:3;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 20px 24px #00000080);background:0 0;border:0;border-radius:50%;width:clamp(126px,13vw,166px);padding:0;transition:transform .22s,filter .22s;position:relative}.coin-button:hover{filter:drop-shadow(0 20px 24px #00000080)drop-shadow(0 0 24px #ffd3743d);transform:translateY(-5px)rotate(-3deg)}.coin-face{color:#574324;background:radial-gradient(circle,#0000 0 10%,#ffffff26 11% 13%,#0000 14%),radial-gradient(circle at 38% 30%,#fff2ae,#c7a55e 38%,#876b37 76%,#d2b46b);border:5px double #8f7752;border-radius:50%;place-content:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 4px #fff4ae75,inset 8px 10px 24px #ffffff38,inset -9px -12px 24px #442c0e47}.coin-face b{text-shadow:0 1px #fff8bbb3;font-family:Georgia,serif;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1}.coin-face small{letter-spacing:.14em;font-size:.62rem;font-weight:900}.coin-slot{clip-path:polygon(8% 0,92% 0,100% 35%,92% 100%,8% 100%,0 35%);background:#02050a;border:1px solid #24e6ff73;width:118px;height:28px;position:absolute;bottom:17%;box-shadow:0 0 20px #24e6ff24,inset 0 2px 8px #000}.coin-slot span{box-shadow:0 -1px var(--cyan);background:#000;position:absolute;inset:10px 18px}.insert-label{color:var(--cyan);letter-spacing:.18em;text-shadow:0 0 14px #24e6ffa6;margin:0;font-size:.67rem;font-weight:900;animation:1.7s ease-in-out infinite pulse;position:absolute;bottom:9%}.payment-note{color:#8fa9b8ad;font-size:.55rem;position:absolute;bottom:4.5%}.coin-screen.is-inserted .coin-button{pointer-events:none;animation:1.05s cubic-bezier(.5,0,.3,1) forwards insert-coin}.coin-screen.is-inserted .coin-slot{animation:1.05s forwards slot-flare}.coin-screen.is-inserted .credit-display{animation:.9s .45s both credit-flash}.coin-footer{color:#607887;letter-spacing:.15em;border-top:1px solid #2f789840;justify-content:space-between;align-items:center;min-height:46px;padding:0 clamp(22px,4vw,64px);font-size:.54rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.ritual-screen{background:radial-gradient(circle at 50% 42%, var(--element-color), transparent 24%), linear-gradient(135deg, #03070d, #071321 56%, #03070d);place-items:center;min-height:100svh;padding:34px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ritual-screen{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--element-color) 16%, transparent), transparent 24%), linear-gradient(135deg, #03070d, #071321 56%, #03070d)}}.ritual-screen:before,.ritual-screen:after{content:"";aspect-ratio:1;border:1px solid var(--element-color);width:min(70vw,760px);position:absolute}@supports (color:color-mix(in lab, red, red)){.ritual-screen:before,.ritual-screen:after{border:1px solid color-mix(in srgb, var(--element-color) 32%, transparent)}}.ritual-screen:before,.ritual-screen:after{pointer-events:none;border-radius:50%;animation:45s linear infinite spin}.ritual-screen:after{border-style:dashed;width:min(54vw,580px);animation-duration:32s;animation-direction:reverse}.ritual-grid,.ambient-grid{pointer-events:none;opacity:.2;background-image:linear-gradient(#24e6ff21 1px,#0000 1px),linear-gradient(90deg,#24e6ff21 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.story-card,.naming-card{z-index:2;clip-path:polygon(5% 0,95% 0,100% 9%,100% 91%,95% 100%,5% 100%,0 91%,0 9%);background:linear-gradient(145deg,#0c1b2bf0,#040b14f2);border:1px solid #2f789885;width:min(670px,100%);padding:clamp(28px,5vw,64px);position:relative;box-shadow:inset 0 0 60px #24e6ff09,0 40px 100px #0000008c}.chapter-count{color:var(--cyan);font-family:Arial Narrow,sans-serif;font-size:1.8rem;font-weight:800;position:absolute;top:30px;right:34px}.chapter-count span{color:#516a78;font-size:.8rem}.story-card h1,.selection-heading h1,.naming-card h1,.birth-sequence h1{font-family:var(--font-display);letter-spacing:-.035em;margin:16px 0 24px;font-size:clamp(2.1rem,4vw,3.65rem)}.story-card>p:not(.eyebrow),.selection-heading>p:not(.eyebrow),.naming-card>p:not(.eyebrow){color:#adc1cd;line-height:2}.story-progress{gap:8px;margin:34px 0;display:flex}.story-progress span{background:#1d3443;width:48px;height:3px}.story-progress span.active{background:var(--cyan);box-shadow:0 0 10px #24e6ff80}.primary-button{border:1px solid var(--element-color,var(--cyan));justify-content:center;align-items:center;gap:24px;min-height:54px;padding:0 24px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.primary-button{border:1px solid color-mix(in srgb, var(--element-color,var(--cyan)) 72%, white 10%)}}.primary-button{color:#fff;background:linear-gradient(135deg, var(--element-color,var(--cyan)), #071321)}@supports (color:color-mix(in lab, red, red)){.primary-button{background:linear-gradient(135deg, color-mix(in srgb, var(--element-color,var(--cyan)) 40%, #071321), #071321)}}.primary-button{box-shadow:inset 0 0 22px var(--element-color,var(--cyan)), 0 0 24px var(--element-color,var(--cyan))}@supports (color:color-mix(in lab, red, red)){.primary-button{box-shadow:inset 0 0 22px color-mix(in srgb, var(--element-color,var(--cyan)) 12%, transparent), 0 0 24px color-mix(in srgb, var(--element-color,var(--cyan)) 10%, transparent)}}.primary-button{letter-spacing:.08em;cursor:pointer;font-size:.84rem;font-weight:800;transition:all .18s}.primary-button:hover{border-color:var(--element-color,var(--cyan))}@supports (color:color-mix(in lab, red, red)){.primary-button:hover{border-color:color-mix(in srgb, var(--element-color,var(--cyan)) 85%, white 15%)}}.primary-button:hover{box-shadow:inset 0 0 28px var(--element-color,var(--cyan)), 0 0 32px var(--element-color,var(--cyan))}@supports (color:color-mix(in lab, red, red)){.primary-button:hover{box-shadow:inset 0 0 28px color-mix(in srgb, var(--element-color,var(--cyan)) 18%, transparent), 0 0 32px color-mix(in srgb, var(--element-color,var(--cyan)) 16%, transparent)}}.primary-button:hover{transform:translateY(-2px)}.element-select{z-index:2;grid-template-columns:minmax(0,1fr) 340px;gap:28px;width:min(1240px,100%);display:grid;position:relative}.selection-heading{grid-column:1/-1;max-width:760px}.selection-heading h1{margin-bottom:12px}.selection-heading p{margin:0}.element-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.element-card{min-height:176px;color:var(--paper);text-align:left;cursor:pointer;background:linear-gradient(145deg,#0c1b2bed,#040b14f2);border:1px solid #2f78986b;align-content:center;justify-items:start;padding:20px;transition:all .18s;display:grid;position:relative;overflow:hidden}.element-card:after{border:1px solid var(--card-color);width:110px;height:110px;position:absolute;bottom:-40px;right:-32px}@supports (color:color-mix(in lab, red, red)){.element-card:after{border:1px solid color-mix(in srgb, var(--card-color) 45%, transparent)}}.element-card:after{content:"";box-shadow:0 0 38px var(--card-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.element-card:after{box-shadow:0 0 38px color-mix(in srgb, var(--card-color) 10%, transparent)}}.element-card:hover:not(:disabled),.element-card.selected{border-color:var(--card-color);box-shadow:inset 0 0 28px var(--card-color), 0 12px 32px #00000047}@supports (color:color-mix(in lab, red, red)){.element-card:hover:not(:disabled),.element-card.selected{box-shadow:inset 0 0 28px color-mix(in srgb, var(--card-color) 7%, transparent), 0 12px 32px #00000047}}.element-card:hover:not(:disabled),.element-card.selected{transform:translateY(-3px)}.element-card.selected:before{background:var(--card-color);height:3px;box-shadow:0 0 16px var(--card-color);content:"";position:absolute;top:0;left:0;right:0}.element-card:disabled{opacity:.38;cursor:not-allowed}.element-glyph{color:var(--card-color);font-family:var(--font-display);text-shadow:0 0 18px var(--card-color);margin-bottom:12px;font-size:1.55rem}@supports (color:color-mix(in lab, red, red)){.element-glyph{text-shadow:0 0 18px color-mix(in srgb, var(--card-color) 45%, transparent)}}.element-name{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.element-role{color:#b2c2cc;margin-top:6px;font-size:.73rem}.element-card small{color:var(--card-color);margin-top:14px;font-size:.62rem;font-weight:700}.element-detail{border:1px solid var(--element-color);flex-direction:column;padding:30px;display:flex}@supports (color:color-mix(in lab, red, red)){.element-detail{border:1px solid color-mix(in srgb, var(--element-color) 38%, #18384d)}}.element-detail{box-shadow:inset 0 0 50px var(--element-color);background:#050f19eb}@supports (color:color-mix(in lab, red, red)){.element-detail{box-shadow:inset 0 0 50px color-mix(in srgb, var(--element-color) 5%, transparent)}}.element-detail>div:first-child{grid-template-columns:62px 1fr;align-items:center;display:grid}.element-detail>div:first-child>span{color:var(--element-color);font-family:var(--font-display);grid-row:1/3;font-size:2.5rem}.element-detail>div:first-child strong{font-family:var(--font-display);font-size:1.35rem}.element-detail>div:first-child small{color:var(--element-color)}.element-detail>p{color:#acbfca;margin:30px 0;font-size:.86rem;line-height:1.9}.element-detail dl{gap:12px;margin:0 0 30px;display:grid}.element-detail dl div{border-bottom:1px solid #2f78983d;grid-template-columns:56px 1fr;padding:10px 0;font-size:.76rem;display:grid}.element-detail dt{color:var(--muted)}.element-detail dd{margin:0}.element-detail .primary-button{margin-top:auto}.naming-card{text-align:center;justify-items:center;display:grid}.egg-orbit{aspect-ratio:1;border:1px dashed var(--element-color);place-items:center;width:180px;margin-bottom:26px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.egg-orbit{border:1px dashed color-mix(in srgb, var(--element-color) 48%, transparent)}}.egg-orbit{border-radius:50%;animation:24s linear infinite spin}.egg-orbit:before{border:1px solid var(--element-color);position:absolute;inset:18px}@supports (color:color-mix(in lab, red, red)){.egg-orbit:before{border:1px solid color-mix(in srgb, var(--element-color) 28%, transparent)}}.egg-orbit:before{content:"";border-radius:50%}.egg{border:2px solid var(--element-color);place-items:center;width:84px;height:112px;display:grid}@supports (color:color-mix(in lab, red, red)){.egg{border:2px solid color-mix(in srgb, var(--element-color) 72%, white 8%)}}.egg{color:var(--element-color);box-shadow:inset 0 0 24px var(--element-color), 0 0 38px var(--element-color);background:radial-gradient(circle at 40% 27%,#ffffff38,#0000 12%),linear-gradient(145deg,#1f3546,#07111d 66%);border-radius:50% 50% 46% 46%}@supports (color:color-mix(in lab, red, red)){.egg{box-shadow:inset 0 0 24px color-mix(in srgb, var(--element-color) 18%, transparent), 0 0 38px color-mix(in srgb, var(--element-color) 16%, transparent)}}.egg{font-family:var(--font-display);font-size:1.5rem;animation:4s ease-in-out infinite float;transform:rotate(-8deg)}.egg span{transform:rotate(8deg)}.naming-card label{text-align:left;width:min(420px,100%);margin:20px 0 26px;display:grid;position:relative}.naming-card label>span{color:var(--muted);letter-spacing:.16em;margin-bottom:8px;font-size:.6rem;font-weight:800}.naming-card input{color:#fff;width:100%;height:64px;font-family:var(--font-display);background:#050c15;border:1px solid #2f78988c;padding:0 62px 0 18px;font-size:1.55rem}.naming-card label small{color:var(--muted);font-size:.64rem;position:absolute;bottom:21px;right:16px}.birth-sequence{z-index:2;text-align:center;justify-items:center;display:grid;position:relative}.birth-sequence p{color:var(--element-color);letter-spacing:.2em;margin-top:28px;font-size:.72rem;font-weight:800}.birth-sequence h1{text-shadow:0 0 24px var(--element-color);margin:10px 0}@supports (color:color-mix(in lab, red, red)){.birth-sequence h1{text-shadow:0 0 24px color-mix(in srgb, var(--element-color) 35%, transparent)}}.birth-egg{border:3px solid var(--element-color);width:200px;height:260px;color:var(--element-color);background:linear-gradient(118deg, transparent 46%, var(--element-color) 47% 49%, transparent 50%), linear-gradient(62deg, transparent 48%, var(--element-color) 49% 51%, transparent 52%), #0c1825;box-shadow:inset 0 0 70px var(--element-color), 0 0 90px var(--element-color);border-radius:50% 50% 46% 46%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.birth-egg{box-shadow:inset 0 0 70px color-mix(in srgb, var(--element-color) 25%, transparent), 0 0 90px color-mix(in srgb, var(--element-color) 32%, transparent)}}.birth-egg{font-family:var(--font-display);font-size:2.4rem;animation:.42s ease-in-out infinite alternate egg-hatch}.birth-egg i{border:1px dashed var(--element-color);border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:-40px}.birth-flash{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--element-color), transparent 62%);border-radius:50%;width:560px;position:absolute}@supports (color:color-mix(in lab, red, red)){.birth-flash{background:radial-gradient(circle, color-mix(in srgb, var(--element-color) 38%, white), transparent 62%)}}.birth-flash{animation:2.2s ease-in forwards birth-flare}.game-shell{background:radial-gradient(circle at 70% 45%, var(--element-color), transparent 28%), #040914;min-height:100svh;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-shell{background:radial-gradient(circle at 70% 45%, color-mix(in srgb, var(--element-color) 7%, transparent), transparent 28%), #040914}}.game-header{z-index:20;background:linear-gradient(#03080ffa,#03080fe0);border-bottom:1px solid #2f789875;grid-template-columns:250px minmax(480px,1fr) auto;align-items:stretch;min-height:72px;display:grid;position:relative;box-shadow:0 10px 34px #00000052}.game-brand{text-align:left;cursor:pointer;background:0 0;border:0;padding:0 22px}.game-brand strong{font-size:1.08rem}.game-header nav{justify-content:center;display:flex}.game-header nav button{color:#9ab0bd;cursor:pointer;background:0 0;border:0;place-content:center;gap:5px;min-width:82px;padding:0 16px;font-size:.75rem;font-weight:800;transition:color .18s,background .18s;display:grid;position:relative}.game-header nav button>span{color:var(--cyan);font-size:.64rem;display:none}.game-header nav button:after{background:var(--cyan);height:2px;box-shadow:0 0 12px var(--cyan);content:"";opacity:0;transition:all .18s;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(.25)}.game-header nav button:hover,.game-header nav button.active{color:#fff;background:#24e6ff0b}.game-header nav button.active:after{opacity:1;transform:scaleX(1)}.game-header nav button:disabled,.mobile-nav button:disabled{opacity:.28;cursor:not-allowed}.resource-bar{display:flex}.resource-bar>button,.resource-bar>a{cursor:pointer;background:0 0;border:0;border-left:1px solid #2f789847;align-items:center;gap:10px;min-width:144px;padding:0 18px;text-decoration:none;display:flex}.resource-bar>button:hover,.resource-bar>a:hover{background:#24e6ff0b}.resource-bar button small,.resource-bar a small{color:var(--muted);font-size:.58rem}.resource-bar button strong,.resource-bar a strong{text-overflow:ellipsis;white-space:nowrap;max-width:108px;font-size:.83rem;overflow:hidden}.resource-bar .bgm-toggle{grid-template-columns:24px auto;gap:0 8px;min-width:102px;display:grid}.resource-bar .bgm-toggle>span{color:var(--cyan);grid-row:1/3;align-self:center;font-size:1rem}.resource-bar .bgm-toggle.muted{opacity:.62}.resource-bar .bgm-toggle.muted>span{color:var(--muted)}.crystal{color:var(--cyan);text-shadow:0 0 13px var(--cyan);font-size:1.2rem;animation:2.8s ease-in-out infinite crystal-pulse}.profile-chip>span{width:32px;height:32px;color:var(--amber);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#ff9d2e14;border:1px solid #ff9d2e8f;place-items:center;display:grid}.profile-chip div{text-align:left;display:grid}.roost-view{z-index:1;grid-template-columns:minmax(390px,.78fr) minmax(0,1.45fr);min-height:calc(100svh - 72px);display:grid;position:relative}.dragon-art{z-index:0;background:#040914;position:absolute;inset:0;overflow:hidden}.dragon-art img{object-fit:cover;object-position:center;width:100%;height:100%}.dragon-art>.dragon-phenotype{will-change:transform;animation:5s ease-in-out infinite dragon-breathe}.dragon-phenotype{isolation:isolate;--phenotype-primary:#24e6ff;--phenotype-secondary:#6f83ff;--phenotype-aura:#7fd7ef;width:100%;height:100%;display:block;position:relative;overflow:hidden}.dragon-phenotype__image{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.dragon-phenotype__halo,.dragon-phenotype__armor,.dragon-phenotype__spines,.dragon-phenotype__crown,.dragon-phenotype__core,.dragon-phenotype__sigil{z-index:3;pointer-events:none;position:absolute}.dragon-phenotype__halo{aspect-ratio:1;border:1px solid var(--phenotype-aura);width:min(54%,540px);top:12%;right:7%}@supports (color:color-mix(in lab, red, red)){.dragon-phenotype__halo{border:1px solid color-mix(in srgb, var(--phenotype-aura) 36%, transparent)}}.dragon-phenotype__halo{opacity:.22;box-shadow:0 0 0 22px var(--phenotype-aura), inset 0 0 48px var(--phenotype-primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.dragon-phenotype__halo{box-shadow:0 0 0 22px color-mix(in srgb, var(--phenotype-aura) 3%, transparent), inset 0 0 48px color-mix(in srgb, var(--phenotype-primary) 9%, transparent)}}.dragon-phenotype__armor,.dragon-phenotype__spines,.dragon-phenotype__crown,.dragon-phenotype__core{opacity:0}.dragon-phenotype__sigil{border:1px solid var(--phenotype-aura);place-items:center;width:34px;height:34px;display:grid;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){.dragon-phenotype__sigil{border:1px solid color-mix(in srgb, var(--phenotype-aura) 72%, transparent)}}.dragon-phenotype__sigil{color:var(--phenotype-aura);box-shadow:0 0 20px var(--phenotype-aura);background:#030910b8;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.dragon-phenotype__sigil{box-shadow:0 0 20px color-mix(in srgb, var(--phenotype-aura) 18%, transparent)}}.dragon-phenotype__sigil{font-family:var(--font-display);opacity:.58;font-size:.72rem}.dragon-breed--variant .dragon-phenotype__halo,.dragon-breed--variant-deep .dragon-phenotype__halo,.dragon-breed--lucky .dragon-phenotype__halo{border-radius:48% 52% 38% 62%;transform:rotate(-13deg)}.dragon-breed--base-deep .dragon-phenotype__armor,.dragon-breed--variant-deep .dragon-phenotype__armor,.dragon-breed--apex .dragon-phenotype__armor{opacity:.38;background:linear-gradient(115deg, transparent 0 22%, var(--phenotype-primary) 23% 24%, transparent 25% 44%, var(--phenotype-aura) 45% 46%, transparent 47%), repeating-linear-gradient(158deg, transparent 0 31px, var(--phenotype-aura) 32px 33px);inset:17% 3% 8% 47%}@supports (color:color-mix(in lab, red, red)){.dragon-breed--base-deep .dragon-phenotype__armor,.dragon-breed--variant-deep .dragon-phenotype__armor,.dragon-breed--apex .dragon-phenotype__armor{background:linear-gradient(115deg, transparent 0 22%, color-mix(in srgb, var(--phenotype-primary) 28%, transparent) 23% 24%, transparent 25% 44%, color-mix(in srgb, var(--phenotype-aura) 24%, transparent) 45% 46%, transparent 47%), repeating-linear-gradient(158deg, transparent 0 31px, color-mix(in srgb, var(--phenotype-aura) 14%, transparent) 32px 33px)}}.dragon-breed--base-deep .dragon-phenotype__armor,.dragon-breed--variant-deep .dragon-phenotype__armor,.dragon-breed--apex .dragon-phenotype__armor{clip-path:polygon(20% 0,100% 9%,94% 100%,0 82%);mix-blend-mode:screen}.dragon-breed--base-deep .dragon-phenotype__spines,.dragon-breed--variant-deep .dragon-phenotype__spines{opacity:.72;background:repeating-conic-gradient(from 214deg at 50% 100%, transparent 0 10deg, var(--phenotype-aura) 11deg 14deg, transparent 15deg 25deg);width:46%;height:26%;top:8%;right:8%}@supports (color:color-mix(in lab, red, red)){.dragon-breed--base-deep .dragon-phenotype__spines,.dragon-breed--variant-deep .dragon-phenotype__spines{background:repeating-conic-gradient(from 214deg at 50% 100%, transparent 0 10deg, color-mix(in srgb, var(--phenotype-aura) 54%, transparent) 11deg 14deg, transparent 15deg 25deg)}}.dragon-breed--base-deep .dragon-phenotype__spines,.dragon-breed--variant-deep .dragon-phenotype__spines{clip-path:polygon(0 100%,8% 64%,14% 100%,26% 45%,32% 100%,48% 18%,55% 100%,72% 0,77% 100%,91% 36%,100% 100%);filter:drop-shadow(0 0 8px var(--phenotype-primary))}@supports (color:color-mix(in lab, red, red)){.dragon-breed--base-deep .dragon-phenotype__spines,.dragon-breed--variant-deep .dragon-phenotype__spines{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--phenotype-primary) 45%, transparent))}}.dragon-breed--variant-deep .dragon-phenotype__spines{height:38%;transform:rotate(9deg)}.dragon-breed--lucky .dragon-phenotype__halo{opacity:.82;width:62%;box-shadow:0 0 0 16px var(--phenotype-aura), 0 0 0 34px var(--phenotype-primary), inset 0 0 70px var(--phenotype-aura);border-style:double;top:5%;right:5%}@supports (color:color-mix(in lab, red, red)){.dragon-breed--lucky .dragon-phenotype__halo{box-shadow:0 0 0 16px color-mix(in srgb, var(--phenotype-aura) 6%, transparent), 0 0 0 34px color-mix(in srgb, var(--phenotype-primary) 3%, transparent), inset 0 0 70px color-mix(in srgb, var(--phenotype-aura) 18%, transparent)}}.dragon-breed--lucky .dragon-phenotype__halo{animation:12s linear infinite lucky-orbit}.dragon-breed--lucky .dragon-phenotype__core{aspect-ratio:1;opacity:.9;background:var(--phenotype-aura);width:18px;box-shadow:0 0 12px #fff, 0 0 30px var(--phenotype-aura), 0 0 70px var(--phenotype-primary);border:1px solid #fff6be;border-radius:50%;animation:2.4s ease-in-out infinite phenotype-core;top:46%;right:27%}.dragon-breed--apex .dragon-phenotype__halo{opacity:.72;width:70%;box-shadow:0 0 0 28px var(--phenotype-aura), inset 0 0 90px var(--phenotype-primary);border-width:2px;top:0;right:1%}@supports (color:color-mix(in lab, red, red)){.dragon-breed--apex .dragon-phenotype__halo{box-shadow:0 0 0 28px color-mix(in srgb, var(--phenotype-aura) 4%, transparent), inset 0 0 90px color-mix(in srgb, var(--phenotype-primary) 18%, transparent)}}.dragon-breed--apex .dragon-phenotype__crown{opacity:.82;background:linear-gradient(180deg, var(--phenotype-aura), transparent 74%);width:36%;height:25%;top:5%;right:18%}@supports (color:color-mix(in lab, red, red)){.dragon-breed--apex .dragon-phenotype__crown{background:linear-gradient(180deg, color-mix(in srgb, var(--phenotype-aura) 64%, #fff), transparent 74%)}}.dragon-breed--apex .dragon-phenotype__crown{clip-path:polygon(0 100%,7% 49%,17% 83%,27% 12%,39% 76%,52% 0,64% 74%,79% 17%,87% 78%,100% 38%,94% 100%);filter:drop-shadow(0 0 13px var(--phenotype-aura))}@supports (color:color-mix(in lab, red, red)){.dragon-breed--apex .dragon-phenotype__crown{filter:drop-shadow(0 0 13px color-mix(in srgb, var(--phenotype-aura) 62%, transparent))}}.dragon-breed--apex .dragon-phenotype__core{aspect-ratio:1;opacity:1;background:var(--phenotype-primary);width:22px;box-shadow:0 0 16px #fff, 0 0 42px var(--phenotype-aura), 0 0 92px var(--phenotype-primary);border:1px solid #fff0c2;border-radius:50%;animation:1.55s ease-in-out infinite phenotype-core;top:48%;right:28%}.dragon-stage--hatchling .dragon-phenotype__halo{opacity:.2;width:min(42%,380px)}.dragon-stage--hatchling{transform-origin:69% 56%}.dragon-stage--hatchling .dragon-phenotype__image{filter:saturate(.96)brightness(1.06)}.dragon-stage--hatchling .dragon-phenotype__armor,.dragon-stage--hatchling .dragon-phenotype__spines,.dragon-stage--hatchling .dragon-phenotype__crown{opacity:.12}.dragon-stage--hatchling .dragon-phenotype__core{scale:.72}.dragon-stage--adult{transform-origin:69% 54%}.dragon-stage--adult .dragon-phenotype__halo{opacity:.5}.dragon-stage--adult .dragon-phenotype__armor{opacity:.27}.dragon-stage--adult .dragon-phenotype__spines{opacity:.5}.dragon-stage--adult .dragon-phenotype__crown{opacity:.56}.dragon-stage--adult .dragon-phenotype__core{scale:.88}.dragon-stage--ascendant{transform-origin:69% 52%}.dragon-stage--ascendant .dragon-phenotype__image{filter:contrast(1.05)saturate(1.08)}.dragon-stage--ascendant .dragon-phenotype__sigil{opacity:.92}@keyframes lucky-orbit{to{transform:rotate(347deg)}}@keyframes phenotype-core{50%{opacity:.58;transform:scale(1.3)}}.art-vignette{pointer-events:none;background:linear-gradient(90deg,#03080ff2 0%,#03080fd1 35%,#0000 62%),linear-gradient(#03080f3d 0%,#0000 74%,#03080ff0 100%);position:absolute;inset:0}.scan-disc{z-index:2;aspect-ratio:1;border:1px solid var(--element-color);width:min(48vw,650px);position:absolute;top:11%;right:8%}@supports (color:color-mix(in lab, red, red)){.scan-disc{border:1px solid color-mix(in srgb, var(--element-color) 45%, transparent)}}.scan-disc{pointer-events:none;opacity:.45;border-radius:50%}.scan-disc:before,.scan-disc:after{content:"";border:1px dashed #24e6ff6b;border-radius:50%;position:absolute;inset:7%}.scan-disc:after{border-color:var(--element-color);inset:24%}@supports (color:color-mix(in lab, red, red)){.scan-disc:after{border-color:color-mix(in srgb, var(--element-color) 42%, transparent)}}.disc-a{animation:36s linear infinite spin}.disc-b{border-style:dashed;width:min(36vw,490px);animation:22s linear infinite spin-reverse;top:19%;right:14%}.dragon-caption{z-index:4;text-align:right;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050e18bf;border:1px solid #24e6ff57;min-width:118px;padding:12px 16px;display:grid;position:absolute;bottom:118px;right:42px}.dragon-caption span{color:var(--muted);letter-spacing:.15em;font-size:.54rem;font-weight:800}.dragon-caption strong{color:var(--cyan);font-size:1.4rem}.dragon-hud{z-index:5;clip-path:polygon(5% 0,95% 0,100% 7%,100% 93%,95% 100%,5% 100%,0 93%,0 7%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#08121ff0,#030a12e8);border:1px solid #2f78989e;grid-column:1;align-self:center;width:min(520px,100% - 42px);margin:0 0 108px clamp(20px,3.2vw,54px);padding:clamp(24px,3.2vw,42px);position:relative;box-shadow:inset 0 0 50px #24e6ff09,0 30px 80px #00000073}.dragon-hud:before{background:linear-gradient(90deg, transparent, var(--element-color), transparent);height:2px;box-shadow:0 0 15px var(--element-color);position:absolute;top:0;left:30px;right:30px}@supports (color:color-mix(in lab, red, red)){.dragon-hud:before{box-shadow:0 0 15px color-mix(in srgb, var(--element-color) 50%, transparent)}}.dragon-hud:before{content:""}.hud-topline{color:var(--muted);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:800;display:flex}.attribute-badge{border:1px solid var(--element-color);padding:7px 14px}@supports (color:color-mix(in lab, red, red)){.attribute-badge{border:1px solid color-mix(in srgb, var(--element-color) 70%, transparent)}}.attribute-badge{color:var(--element-color);background:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.attribute-badge{background:color-mix(in srgb, var(--element-color) 8%, transparent)}}.attribute-badge{box-shadow:inset 0 0 14px var(--element-color)}@supports (color:color-mix(in lab, red, red)){.attribute-badge{box-shadow:inset 0 0 14px color-mix(in srgb, var(--element-color) 8%, transparent)}}.dragon-hud>.eyebrow{color:var(--muted);margin-top:28px}.dragon-hud h1{font-family:var(--font-display);letter-spacing:-.04em;margin:4px 0;font-size:clamp(2.7rem,4.4vw,4.6rem);line-height:1.12}.dragon-meta{align-items:center;gap:12px;display:flex}.dragon-meta strong{color:var(--element-color);font-family:var(--font-display);font-size:1.1rem}.dragon-meta span,.dragon-meta i{color:#9db3bf;font-size:.7rem;font-style:normal}.dragon-meta i{border:1px solid #8fa9b847;margin-left:auto;padding:4px 8px}.evolution-track{background:#02080f85;border:1px solid #2f789857;margin-top:26px;padding:20px}.section-label{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-label span{color:var(--muted);letter-spacing:.13em;font-size:.52rem;font-weight:800}.section-label strong{font-size:.76rem}.evolution-nodes{justify-content:space-between;gap:12px;margin-top:17px;display:flex;position:relative}.evolution-nodes:before{content:"";background:#234155;height:1px;position:absolute;top:50%;left:18px;right:18px}.evolution-nodes span{z-index:1;color:#4d6675;width:34px;height:34px;font-family:var(--font-display);background:#07111d;border:1px solid #33576d;border-radius:50%;place-items:center;font-size:.72rem;display:grid;position:relative}.evolution-nodes span.filled{border-color:var(--element-color);color:#fff;background:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.evolution-nodes span.filled{background:color-mix(in srgb, var(--element-color) 28%, #07111d)}}.evolution-nodes span.filled{box-shadow:0 0 16px var(--element-color)}@supports (color:color-mix(in lab, red, red)){.evolution-nodes span.filled{box-shadow:0 0 16px color-mix(in srgb, var(--element-color) 35%, transparent)}}.evolution-nodes span.filled{animation:2.2s ease-in-out infinite node-pulse}.fast-evolve{color:var(--amber);margin-top:12px;font-size:.61rem;display:block}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.stat-grid>div{background:#050f198f;border:1px solid #2f789847;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;min-height:64px;padding:9px 10px;display:grid}.stat-grid>div>span{color:var(--cyan);grid-row:1/3;font-size:1rem}.stat-grid small{color:var(--muted);font-size:.57rem}.stat-grid strong{font-family:"Arial Narrow", var(--font-ui);letter-spacing:.04em;font-size:1rem}.roost-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.roost-actions button{text-align:left;cursor:pointer;border:1px solid;align-content:center;min-height:64px;padding:0 20px;transition:all .18s;display:grid;position:relative}.roost-actions button:hover{box-shadow:0 0 26px var(--element-color)}@supports (color:color-mix(in lab, red, red)){.roost-actions button:hover{box-shadow:0 0 26px color-mix(in srgb, var(--element-color) 16%, transparent)}}.roost-actions button:hover{transform:translateY(-2px)}.roost-actions button span{font-size:.92rem;font-weight:800}.roost-actions button small{opacity:.72;margin-top:4px;font-size:.58rem}.action-main{border-color:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.action-main{border-color:color-mix(in srgb, var(--element-color) 78%, white 8%)}}.action-main{background:linear-gradient(135deg, var(--element-color), #07111d)}@supports (color:color-mix(in lab, red, red)){.action-main{background:linear-gradient(135deg, color-mix(in srgb, var(--element-color) 47%, #07111d), #07111d)}}.action-alt{border-color:var(--cyan);background:linear-gradient(135deg,#24e6ff29,#07111d)}.roost-bottom{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030911eb;border-top:1px solid #2f789857;grid-template-columns:repeat(3,1fr);min-height:96px;padding-left:28px;display:grid;position:absolute;bottom:0;left:0;right:0}.roost-bottom>div{border-left:1px solid #2f789833;align-content:center;padding:10px 26px;display:grid}.roost-bottom>div:first-child{border-left:0}.roost-bottom small{color:var(--cyan);letter-spacing:.14em;font-size:.5rem;font-weight:800}.roost-bottom strong{font-family:var(--font-display);margin:5px 0;font-size:.83rem}.roost-bottom span{color:var(--muted);font-size:.58rem}.module-view{z-index:2;background:linear-gradient(#04091473,#040914f5),radial-gradient(circle at 72% 26%,#24e6ff0e,#0000 34%);min-height:calc(100svh - 72px);padding:clamp(26px,3vw,46px);position:relative}.module-heading{justify-content:space-between;align-items:flex-end;gap:32px;width:min(1450px,100%);margin:0 auto 30px;display:flex}.module-heading h1{font-family:var(--font-display);letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(2.35rem,4.3vw,4.6rem);font-weight:700;line-height:1}.module-heading>div:first-child>p:last-child{color:#91a9b7;margin:0;font-size:.82rem;line-height:1.7}.module-heading>div:first-child>p strong{color:var(--cyan)}.module-summary{border-left:1px solid #2f789866;justify-items:end;min-width:178px;padding:12px 0 4px 24px;display:grid}.module-summary small{color:var(--cyan);letter-spacing:.16em;font-size:.52rem;font-weight:800}.module-summary strong{font-family:"Arial Narrow", var(--font-ui);font-size:2.35rem;line-height:1.1}.module-summary strong span{color:var(--muted);margin-left:5px;font-size:.75rem}.module-summary i{color:var(--muted);font-size:.63rem;font-style:normal}.module-primary{border:1px solid var(--cyan);color:#f4fbff;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#24e6ff30,#07111df0);justify-content:space-between;align-items:center;gap:28px;min-height:54px;padding:0 22px;font-size:.76rem;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:inset 0 0 22px #24e6ff0a,0 0 20px #24e6ff0f}.module-primary:disabled{opacity:.42;cursor:not-allowed;transform:none}.retirement-notice{border-left:2px solid var(--amber);background:#ff9d2e0f;padding:12px 14px;color:#d5bd9d!important;margin-top:14px!important;font-size:.66rem!important;line-height:1.7!important}.card-holder-layout{grid-template-columns:minmax(260px,.48fr) minmax(0,1.52fr);gap:18px;width:min(1450px,100%);margin:0 auto;display:grid}.soul-card-grid{background:#050f19c2;border:1px solid #2f789857;align-content:start;gap:8px;max-height:690px;padding:12px;display:grid;overflow-y:auto}.soul-card-grid>button{min-height:74px;color:var(--paper);text-align:left;cursor:pointer;background:#081421c7;border:1px solid #2f789838;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;transition:all .17s;display:grid}.soul-card-grid>button:hover,.soul-card-grid>button.active{border-color:var(--soul-color);background:var(--soul-color)}@supports (color:color-mix(in lab, red, red)){.soul-card-grid>button:hover,.soul-card-grid>button.active{background:color-mix(in srgb, var(--soul-color) 8%, #081421)}}.soul-card-grid>button:hover,.soul-card-grid>button.active{box-shadow:inset 3px 0 var(--soul-color)}.soul-card-grid>button>span{border:1px solid var(--soul-color);width:38px;height:38px;color:var(--soul-color);background:var(--soul-color);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.soul-card-grid>button>span{background:color-mix(in srgb, var(--soul-color) 7%, transparent)}}.soul-card-grid>button>span{font-family:var(--font-display)}.soul-card-grid>button>div{min-width:0;display:grid}.soul-card-grid small,.soul-card-grid i{color:var(--muted);font-size:.5rem;font-style:normal}.soul-card-grid strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:.75rem;overflow:hidden}.soul-card-grid b{color:var(--soul-color);font-size:.62rem}.soul-card-detail{border:1px solid var(--card-soul-color);grid-template-columns:minmax(300px,.82fr) minmax(360px,1fr);min-height:620px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.soul-card-detail{border:1px solid color-mix(in srgb, var(--card-soul-color) 45%, #25465b)}}.soul-card-detail{background:linear-gradient(120deg, var(--card-soul-color), #06101b 52%)}@supports (color:color-mix(in lab, red, red)){.soul-card-detail{background:linear-gradient(120deg, color-mix(in srgb, var(--card-soul-color) 7%, #06101b), #06101b 52%)}}.soul-card-detail{box-shadow:0 22px 70px #00000057}.soul-card-visual{background:radial-gradient(circle at 50% 42%, var(--card-soul-color), transparent 28%), linear-gradient(160deg, #0a1928, #030812);place-items:center;min-height:620px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.soul-card-visual{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--card-soul-color) 18%, transparent), transparent 28%), linear-gradient(160deg, #0a1928, #030812)}}.soul-card-visual:after{content:"";background:linear-gradient(90deg,#0000 62%,#06101b),linear-gradient(#0000 64%,#030812e6);position:absolute;inset:0}.soul-card-halo{aspect-ratio:1;border:1px solid var(--card-soul-color);width:82%;position:absolute}@supports (color:color-mix(in lab, red, red)){.soul-card-halo{border:1px solid color-mix(in srgb, var(--card-soul-color) 54%, transparent)}}.soul-card-halo{box-shadow:0 0 0 36px var(--card-soul-color), 0 0 70px var(--card-soul-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.soul-card-halo{box-shadow:0 0 0 36px color-mix(in srgb, var(--card-soul-color) 3%, transparent), 0 0 70px color-mix(in srgb, var(--card-soul-color) 13%, transparent)}}.soul-card-halo{animation:48s linear infinite spin}.soul-card-halo:before,.soul-card-halo:after{border:1px dashed var(--card-soul-color);position:absolute;inset:12%}@supports (color:color-mix(in lab, red, red)){.soul-card-halo:before,.soul-card-halo:after{border:1px dashed color-mix(in srgb, var(--card-soul-color) 34%, transparent)}}.soul-card-halo:before,.soul-card-halo:after{content:"";border-radius:50%}.soul-card-halo:after{border-style:solid;inset:32%}.soul-card-visual .soul-dragon-artwork{z-index:1;opacity:.92;width:118%;height:100%;position:relative;transform:translate(-6%)}.soul-card-visual .soul-dragon-artwork img{object-fit:cover;object-position:68% center;opacity:.88;mix-blend-mode:screen;width:100%;height:100%}.soul-legacy-mark{z-index:2;width:168px;height:226px;color:var(--muted);font-family:var(--font-display);background:linear-gradient(145deg,#8fa9b80f,#040c15d6);border:1px solid #8fa9b87a;place-items:center;font-size:4rem;display:grid;position:relative;box-shadow:0 0 46px #8fa9b814}.soul-card-element{z-index:3;border:1px solid var(--card-soul-color);width:48px;height:48px;color:var(--card-soul-color);font-family:var(--font-display);background:#040c15c7;place-items:center;display:grid;position:absolute;top:22px;left:22px}.soul-card-visual>small{z-index:3;color:var(--card-soul-color);letter-spacing:.14em;font-size:.5rem;position:absolute;bottom:22px;left:22px}.soul-card-record{align-content:center;padding:clamp(28px,4vw,54px);display:grid}.soul-card-record h2{font-family:var(--font-display);margin:8px 0 16px;font-size:clamp(2.4rem,4vw,4.2rem);line-height:1}.soul-card-tags{flex-wrap:wrap;gap:7px;display:flex}.soul-card-tags span{border:1px solid var(--card-soul-color);padding:6px 9px}@supports (color:color-mix(in lab, red, red)){.soul-card-tags span{border:1px solid color-mix(in srgb, var(--card-soul-color) 36%, transparent)}}.soul-card-tags span{color:var(--card-soul-color);background:var(--card-soul-color)}@supports (color:color-mix(in lab, red, red)){.soul-card-tags span{background:color-mix(in srgb, var(--card-soul-color) 6%, transparent)}}.soul-card-tags span{font-size:.58rem}.soul-career{border-top:1px solid #2f789847;border-bottom:1px solid #2f789847;grid-template-columns:repeat(3,1fr);margin:28px 0 16px;display:grid}.soul-career>div{border-left:1px solid #2f789838;gap:4px;padding:14px 10px;display:grid}.soul-career>div:first-child{border-left:0}.soul-career dt,.soul-techniques>small{color:var(--muted);letter-spacing:.12em;font-size:.5rem}.soul-career dd{margin:0;font-size:.85rem;font-weight:800}.soul-stat-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.soul-stat-grid>div{text-align:center;background:#06111d9e;border:1px solid #2f789838;gap:4px;padding:10px 7px;display:grid}.soul-stat-grid small{color:var(--muted);font-size:.48rem}.soul-stat-grid strong{color:var(--card-soul-color);font-size:.78rem}.soul-techniques{margin-top:24px}.soul-techniques>div{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.soul-techniques span{color:#a9bec9;border:1px solid #2f789845;padding:6px 9px;font-size:.56rem}.soul-legacy-note{color:#9fb2bd;background:#8fa9b80b;border:1px dashed #8fa9b857;padding:18px;font-size:.68rem;line-height:1.8}.holder-empty{text-align:center;background:#050f198f;border:1px dashed #2f78985c;place-content:center;justify-items:center;width:min(900px,100%);min-height:480px;margin:0 auto;display:grid}.holder-empty>span{color:var(--cyan);font-size:3rem}.holder-empty h2{font-family:var(--font-display);margin:18px 0 9px}.holder-empty p{color:var(--muted);margin:0;font-size:.72rem}.module-primary:hover:not(:disabled){border-color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 28px #24e6ff17,0 0 30px #24e6ff24}.module-primary:disabled{opacity:.38;cursor:not-allowed}.text-button{color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:.68rem;text-decoration:underline}.credit-modal{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-scrim{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#010409d1;border:0;position:absolute;inset:0}.credit-modal>section{z-index:1;clip-path:polygon(7% 0,93% 0,100% 6%,100% 94%,93% 100%,7% 100%,0 94%,0 6%);background:radial-gradient(circle at 50% 47%,#24e6ff14,#0000 31%),linear-gradient(145deg,#091725fa,#030a12fc);border:1px solid #24e6ff75;align-content:center;justify-items:center;width:min(440px,100%);min-height:530px;padding:72px 34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #24e6ff0a,0 40px 110px #000000b8}.credit-modal>section:before{content:"";aspect-ratio:1;border:1px dashed #24e6ff33;border-radius:50%;width:330px;animation:28s linear infinite spin;position:absolute}.credit-modal-top{border-bottom:1px solid #2f789852;justify-content:space-between;padding-bottom:15px;display:flex;position:absolute;top:23px;left:25px;right:25px}.credit-modal-top div{display:grid}.credit-modal-top small{color:var(--cyan);letter-spacing:.17em;font-size:.5rem;font-weight:800}.credit-modal-top strong{font-family:var(--font-display);margin-top:3px;font-size:.9rem}.credit-modal-top button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #8fa9b847}.mini-credit-display{z-index:2;background:#02060b;border:1px solid #ff9d2e73;align-items:baseline;gap:8px;padding:8px 16px;display:flex;position:relative}.mini-credit-display span,.mini-credit-display small{color:#b9864d;letter-spacing:.13em;font-size:.52rem;font-weight:800}.mini-credit-display strong{min-width:55px;color:var(--amber);letter-spacing:.12em;text-align:center;text-shadow:0 0 12px #ff9d2e99;font-size:1.55rem}.mini-coin{z-index:2;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 16px 22px #0000008c);background:0 0;border:0;border-radius:50%;width:136px;margin:48px 0 42px;padding:0;position:relative}.mini-coin>span{color:#58431f;background:radial-gradient(circle at 35% 28%,#fff3ae,#c9a65d 42%,#8b6c35 83%);border:5px double #8c7249;border-radius:50%;place-content:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 4px #fff4b166,inset 8px 9px 22px #ffffff2e}.mini-coin b{font-family:Georgia,serif;font-size:2.75rem;line-height:1}.mini-coin small{letter-spacing:.12em;font-size:.58rem;font-weight:900}.mini-slot{z-index:2;background:#000;border:1px solid #24e6ff80;width:112px;height:25px;position:relative;box-shadow:0 0 18px #24e6ff1f}.mini-slot i{box-shadow:0 -1px var(--cyan);background:#000;position:absolute;inset:9px 16px}.credit-modal>section>p{z-index:2;color:var(--cyan);letter-spacing:.16em;margin:22px 0 8px;font-size:.62rem;font-weight:900;position:relative}.payment-note-inline{z-index:2;color:#5e7481;font-size:.52rem;position:relative}.credit-modal.accepted .mini-coin{pointer-events:none;animation:.8s cubic-bezier(.5,0,.3,1) forwards insert-mini-coin}.credit-modal.accepted .mini-slot{animation:.8s forwards slot-flare}.credit-modal.accepted .mini-credit-display{animation:.7s .34s both credit-flash}.training-layout{grid-template-columns:260px minmax(420px,1fr) 280px;gap:18px;width:min(1450px,100%);margin:0 auto;display:grid}.training-menu{align-content:start;gap:10px;scroll-margin-top:12px;display:grid}.training-menu>button{min-height:86px;color:var(--paper);text-align:left;cursor:pointer;background:#07111dbd;border:1px solid #2f789857;grid-template-columns:48px 1fr;align-items:center;padding:13px 15px;transition:all .18s;display:grid;position:relative;overflow:hidden}.training-menu>button:after{background:var(--training-color);width:2px;box-shadow:0 0 12px var(--training-color);content:"";opacity:0;position:absolute;top:0;bottom:0;left:0}.training-menu>button:hover,.training-menu>button.active{border-color:var(--training-color)}@supports (color:color-mix(in lab, red, red)){.training-menu>button:hover,.training-menu>button.active{border-color:color-mix(in srgb, var(--training-color) 55%, #18384d)}}.training-menu>button:hover,.training-menu>button.active{background:var(--training-color)}@supports (color:color-mix(in lab, red, red)){.training-menu>button:hover,.training-menu>button.active{background:color-mix(in srgb, var(--training-color) 7%, #07111d)}}.training-menu>button:hover,.training-menu>button.active{transform:translate(3px)}.training-menu>button.active:after{opacity:1}.training-menu>button>span{border:1px solid var(--training-color);place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.training-menu>button>span{border:1px solid color-mix(in srgb, var(--training-color) 54%, transparent)}}.training-menu>button>span{color:var(--training-color);font-family:var(--font-display);border-radius:50%}.training-menu>button>div{display:grid}.training-menu small{color:var(--training-color);letter-spacing:.12em;font-size:.46rem;font-weight:800}.training-menu strong{margin:2px 0;font-size:.83rem}.training-menu i{color:var(--muted);font-size:.55rem;font-style:normal}.training-simulator{border:1px solid var(--training-color);min-height:620px;padding:26px}@supports (color:color-mix(in lab, red, red)){.training-simulator{border:1px solid color-mix(in srgb, var(--training-color) 46%, #18384d)}}.training-simulator{background:radial-gradient(circle at 50% 44%, var(--training-color), transparent 28%), linear-gradient(145deg, #081522eb, #030a12f5)}@supports (color:color-mix(in lab, red, red)){.training-simulator{background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--training-color) 10%, transparent), transparent 28%), linear-gradient(145deg, #081522eb, #030a12f5)}}.training-simulator{box-shadow:inset 0 0 55px var(--training-color)}@supports (color:color-mix(in lab, red, red)){.training-simulator{box-shadow:inset 0 0 55px color-mix(in srgb, var(--training-color) 3%, transparent)}}.simulator-top{border-bottom:1px solid #2f789847;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding-bottom:20px;display:grid}.simulator-top>span{border:1px solid var(--training-color);width:42px;height:42px;color:var(--training-color);background:var(--training-color);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.simulator-top>span{background:color-mix(in srgb, var(--training-color) 8%, transparent)}}.simulator-top div{display:grid}.simulator-top small,.simulator-top i{color:var(--muted);letter-spacing:.12em;font-size:.5rem;font-style:normal}.simulator-top h2{font-family:var(--font-display);margin:2px 0 0;font-size:1.2rem}.training-intro{text-align:center;align-content:center;justify-items:center;max-width:560px;min-height:520px;margin:0 auto;display:grid}.training-rings{aspect-ratio:1;border:1px dashed var(--training-color);place-items:center;width:190px;margin-bottom:30px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.training-rings{border:1px dashed color-mix(in srgb, var(--training-color) 55%, transparent)}}.training-rings{border-radius:50%;animation:26s linear infinite spin}.training-rings:before,.training-rings:after{content:"";border:1px solid var(--training-color);position:absolute;inset:17px}@supports (color:color-mix(in lab, red, red)){.training-rings:before,.training-rings:after{border:1px solid color-mix(in srgb, var(--training-color) 34%, transparent)}}.training-rings:before,.training-rings:after{border-radius:50%}.training-rings:after{background:var(--training-color);inset:48px}@supports (color:color-mix(in lab, red, red)){.training-rings:after{background:color-mix(in srgb, var(--training-color) 7%, transparent)}}.training-rings:after{box-shadow:0 0 36px var(--training-color)}@supports (color:color-mix(in lab, red, red)){.training-rings:after{box-shadow:0 0 36px color-mix(in srgb, var(--training-color) 12%, transparent)}}.training-rings span{z-index:1;color:var(--training-color);font-family:var(--font-display);font-size:2.5rem;position:relative;transform:rotate(-360deg)}.training-intro>p{color:#9fb4c0;max-width:490px;margin:0 0 24px;font-size:.82rem;line-height:1.8}.training-rule{background:#0309108a;border:1px solid #2f78984d;min-width:min(430px,100%);margin-bottom:24px;padding:14px 18px;display:grid}.training-rule small{color:var(--training-color);letter-spacing:.13em;font-size:.48rem;font-weight:800}.training-rule strong{margin-top:4px;font-size:.72rem}.timing-game{place-content:center;justify-items:center;min-height:520px;padding:26px;display:grid}.timing-game>p{color:var(--training-color);letter-spacing:.15em;margin:0 0 42px;font-size:.72rem;font-weight:800}.timing-rail{background:linear-gradient(90deg,#ff414129,#0000 28% 72%,#ff414129),#040b13;border:1px solid #8fa9b859;width:min(620px,70vw);height:72px;position:relative;box-shadow:inset 0 0 24px #0000008c}.good-zone,.perfect-zone{background:var(--training-color);width:28%;position:absolute;top:0;bottom:0;left:36%}@supports (color:color-mix(in lab, red, red)){.good-zone,.perfect-zone{background:color-mix(in srgb, var(--training-color) 16%, transparent)}}.good-zone,.perfect-zone{border-right:1px solid var(--training-color)}@supports (color:color-mix(in lab, red, red)){.good-zone,.perfect-zone{border-right:1px solid color-mix(in srgb, var(--training-color) 38%, transparent)}}.good-zone,.perfect-zone{border-left:1px solid var(--training-color)}@supports (color:color-mix(in lab, red, red)){.good-zone,.perfect-zone{border-left:1px solid color-mix(in srgb, var(--training-color) 38%, transparent)}}.perfect-zone{background:var(--training-color);width:8%;left:46%}@supports (color:color-mix(in lab, red, red)){.perfect-zone{background:color-mix(in srgb, var(--training-color) 36%, transparent)}}.perfect-zone{box-shadow:0 0 24px var(--training-color)}@supports (color:color-mix(in lab, red, red)){.perfect-zone{box-shadow:0 0 24px color-mix(in srgb, var(--training-color) 14%, transparent)}}.timing-marker{width:4px;box-shadow:0 0 10px #fff, 0 0 22px var(--training-color);background:#fff;animation:1.8s linear infinite training-sweep;position:absolute;top:-9px;bottom:-9px;left:0}.timing-labels{color:#4d6472;text-align:center;grid-template-columns:repeat(5,1fr);width:min(620px,70vw);margin-top:8px;font-size:.45rem;display:grid}.timing-labels strong{color:var(--training-color)}.training-challenge{border:1px solid var(--training-color);width:min(620px,70vw);height:260px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.training-challenge{border:1px solid color-mix(in srgb, var(--training-color) 48%, #18384d)}}.training-challenge{background:radial-gradient(circle at 50% 52%, var(--training-color), transparent 35%), linear-gradient(180deg, #0a1b2b, #040a12)}@supports (color:color-mix(in lab, red, red)){.training-challenge{background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--training-color) 13%, transparent), transparent 35%), linear-gradient(180deg, #0a1b2b, #040a12)}}.training-challenge{isolation:isolate;box-shadow:inset 0 0 42px #0000007a,0 18px 45px #00000042}.training-challenge:after{z-index:12;content:"";pointer-events:none;border:7px solid #02080e47;position:absolute;inset:0}.challenge-perfect-axis{z-index:8;width:2px;box-shadow:0 0 12px #fff, 0 0 28px var(--training-color);background:linear-gradient(#0000,#fff 28% 72%,#0000);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.training-challenge--strike .challenge-perfect-axis{border-right:1px solid var(--training-color);width:30%}@supports (color:color-mix(in lab, red, red)){.training-challenge--strike .challenge-perfect-axis{border-right:1px solid color-mix(in srgb, var(--training-color) 36%, transparent)}}.training-challenge--strike .challenge-perfect-axis{border-left:1px solid var(--training-color)}@supports (color:color-mix(in lab, red, red)){.training-challenge--strike .challenge-perfect-axis{border-left:1px solid color-mix(in srgb, var(--training-color) 36%, transparent)}}.training-challenge--strike .challenge-perfect-axis{background:linear-gradient(90deg, transparent, var(--training-color), transparent)}@supports (color:color-mix(in lab, red, red)){.training-challenge--strike .challenge-perfect-axis{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--training-color) 10%, transparent), transparent)}}.training-challenge--strike .challenge-perfect-axis{box-shadow:inset 14px 0 22px -24px var(--training-color), inset -14px 0 22px -24px var(--training-color)}.training-challenge--strike .challenge-perfect-axis:after{width:2px;box-shadow:0 0 12px #fff, 0 0 28px var(--training-color);content:"";background:linear-gradient(#0000,#fff 28% 72%,#0000);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.challenge-perfect-axis small{color:#fff;white-space:nowrap;letter-spacing:.11em;background:#030910c7;padding:4px 7px;font-size:.42rem;font-weight:900;position:absolute;top:10px;left:50%;transform:translate(-50%)}.training-challenge--strike{background:radial-gradient(circle at 50% 63%,#ff832f2e,#0000 23%),repeating-linear-gradient(168deg,#0000 0 32px,#ffa0490e 33px 35px),linear-gradient(#152132 0 58%,#39271d 59%,#120d0b)}.training-challenge--strike:before{z-index:1;clip-path:polygon(0 33%,10% 19%,22% 31%,34% 7%,49% 27%,64% 12%,79% 30%,91% 8%,100% 29%,100% 100%,0 100%);content:"";background:linear-gradient(160deg,#0000 0 11%,#ffaf5c1f 12% 13%,#0000 14% 32%,#ffaf5c17 33% 34%,#0000 35%),#221811;height:47%;position:absolute;bottom:-27%;left:-5%;right:-5%}.strike-rock{z-index:6;color:#ffd39d;filter:drop-shadow(0 14px 15px #0000008c);place-items:end center;width:82px;height:106px;display:grid;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.strike-rock i{clip-path:polygon(48% 0,79% 18%,100% 69%,77% 100%,18% 96%,0 63%,16% 20%);background:linear-gradient(118deg,#0000 0 42%,#ffb16633 43% 45%,#0000 46%),linear-gradient(45deg,#5c4334,#231915 70%);border:1px solid #ffb1666b;position:absolute;inset:0}.strike-rock b{z-index:2;background:#150c08ad;border:1px solid #ffc27d59;margin-bottom:11px;padding:3px 6px;font-size:.48rem;position:relative}.training-challenge--strike .strike-training-dragon{z-index:5;mix-blend-mode:screen;will-change:left, transform;width:185px;height:158px;animation:1.8s linear infinite training-strike-charge;position:absolute;top:42px;left:4%;overflow:visible;-webkit-mask-image:radial-gradient(#000 38%,#000000e0 56%,#0000 78%);mask-image:radial-gradient(#000 38%,#000000e0 56%,#0000 78%)}.training-challenge--strike .strike-training-dragon img{object-fit:cover;object-position:70% center;filter:brightness(1.32)contrast(1.1)saturate(1.16)}.strike-dust{z-index:4;opacity:.55;filter:blur(2px);background:repeating-radial-gradient(circle at 80%,#ffae6361 0 2px,#0000 3px 14px);width:34%;height:34px;animation:.9s linear infinite strike-dust-trail;position:absolute;bottom:38px;left:0}.training-challenge--sorcery{touch-action:none;background:radial-gradient(circle at 50% 50%, var(--element-color), transparent 37%), repeating-conic-gradient(from 0deg at 50% 50%, transparent 0 12deg, var(--element-secondary) 13deg 14deg), #050c17;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.training-challenge--sorcery{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--element-color) 20%, transparent), transparent 37%), repeating-conic-gradient(from 0deg at 50% 50%, transparent 0 12deg, color-mix(in srgb, var(--element-secondary) 5%, transparent) 13deg 14deg), #050c17}}.training-challenge--sorcery{cursor:crosshair}.sorcery-glyph{width:min(240px,74%);height:min(240px,88%);filter:drop-shadow(0 0 12px var(--element-color)) drop-shadow(0 0 30px var(--element-secondary));overflow:visible}@supports (color:color-mix(in lab, red, red)){.sorcery-glyph{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--element-color) 48%, transparent)) drop-shadow(0 0 30px color-mix(in srgb, var(--element-secondary) 24%, transparent))}}.sorcery-orbit,.sorcery-star,.sorcery-core{fill:none;stroke:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.sorcery-orbit,.sorcery-star,.sorcery-core{stroke:color-mix(in srgb, var(--element-color) 78%, #fff)}}.sorcery-orbit,.sorcery-star,.sorcery-core{vector-effect:non-scaling-stroke}.sorcery-orbit--outer{stroke-dasharray:2 5;stroke-width:.55px;transform-origin:50px 50px;animation:18s linear infinite sorcery-orbit-spin}.sorcery-orbit--target{stroke-width:8px;opacity:.18}.sorcery-star{stroke:var(--element-secondary)}@supports (color:color-mix(in lab, red, red)){.sorcery-star{stroke:color-mix(in srgb, var(--element-secondary) 64%, var(--element-color))}}.sorcery-star{stroke-width:.65px;opacity:.62}.sorcery-core{fill:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.sorcery-core{fill:color-mix(in srgb, var(--element-color) 12%, transparent)}}.sorcery-core{stroke-width:.8px}.sorcery-glyph text{fill:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.sorcery-glyph text{fill:color-mix(in srgb, var(--element-color) 72%, #fff)}}.sorcery-glyph text{font-family:var(--font-display);text-anchor:middle;font-size:12px}.sorcery-trace{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px var(--element-color))}.sorcery-hint{z-index:4;border-right:2px solid var(--element-color);text-align:right;background:#02080eb8;padding:8px 10px;display:grid;position:absolute;bottom:12px;right:14px}.sorcery-hint strong{color:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.sorcery-hint strong{color:color-mix(in srgb, var(--element-color) 72%, #fff)}}.sorcery-hint strong{font-size:.58rem}.sorcery-hint small{color:#728b98;margin-top:2px;font-size:.43rem}.shield-training-guide{grid-template-columns:auto repeat(2,minmax(0,1fr));gap:7px;width:min(520px,100%);margin-bottom:10px;display:grid}.shield-training-guide>span{color:#a8bfca;text-align:center;background:#030d16c7;border:1px solid #24e6ff38;place-items:center;min-height:36px;padding:6px 9px;font-size:.48rem;font-weight:800;display:grid}.shield-training-guide>span:first-child{color:var(--training-color)}.shield-training-guide>span:first-child strong{font-family:var(--font-display);margin:0 3px;font-size:.8rem}.shield-training-guide>span.danger{color:#ffab80;background:#ff4c1914;border-color:#ff602e7a}.shield-training-guide>span.safe{color:#8effdb;background:#5effd20f;border-color:#5effd26b}.training-challenge--shield{background:linear-gradient(90deg,#0000 49.5%,#24e6ff26 50%,#0000 50.5%),linear-gradient(#1a465ebd,#07131df5)}.training-challenge--shield:before{z-index:1;content:"";background:#80d4eb38;height:1px;position:absolute;inset:50% 0 auto}.shield-lane{z-index:2;color:#78a5b7;letter-spacing:.1em;background:#02080e94;padding:4px 7px;font-size:.45rem;font-weight:800;position:absolute;left:12px}.shield-lane--high{top:17%}.shield-lane--low{bottom:17%}.shield-lane.danger{color:#ffb08c;border-left:2px solid #ff633b}.shield-lane.safe{color:#9dffe3;border-left:2px solid #68ffd6}.training-fireball{z-index:9;background:radial-gradient(circle at 38% 38%,#fff3b4 0 8%,#ffad32 22%,#f13f16 52%,#a710041f 71%,#0000 72%);border-radius:50%;width:58px;height:58px;animation:1.8s linear infinite training-fireball-flight;position:absolute;right:-68px;box-shadow:0 0 16px #ff8f24,0 0 42px #ff4814ad}.training-fireball.is-paused{animation-play-state:paused}.training-fireball:after{filter:blur(4px);content:"";background:linear-gradient(90deg,#0000,#ff4c19c7);width:106px;height:26px;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.training-fireball--high{top:23%}.training-fireball--low{bottom:19%}.training-challenge--shield .shield-training-dragon{z-index:5;mix-blend-mode:screen;width:230px;height:205px;animation:1.8s ease-in-out infinite shield-dragon-hover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(#000 36%,#000000e6 54%,#0000 76%);mask-image:radial-gradient(#000 36%,#000000e6 54%,#0000 76%)}.training-challenge--shield .shield-training-dragon img{object-fit:cover;object-position:68% center;filter:brightness(1.33)contrast(1.08)saturate(1.12)}.training-challenge--shield .shield-training-dragon--high{top:29%}.training-challenge--shield .shield-training-dragon--low{top:72%}.training-challenge--shield.is-failed .shield-training-dragon{filter:saturate(.55)brightness(.75)}.shield-rounds{z-index:10;background:#02080ea8;gap:6px;padding:7px 9px;display:flex;position:absolute;top:12px;right:12px}.shield-rounds span{border:1px solid var(--training-color);border-radius:50%;width:9px;height:9px}.shield-rounds span.filled{background:var(--training-color);box-shadow:0 0 10px var(--training-color)}.shield-rounds span.filled.failed{background:#ff5d46;border-color:#ff5d46;box-shadow:0 0 10px #ff5d46b8}.shield-feedback{z-index:12;color:#78ffda;text-align:center;background:#02080eeb;border:1px solid;min-width:210px;padding:13px 17px;animation:.24s ease-out both shield-feedback-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 45px #00000070}.shield-feedback.failed{color:#ff8067}.shield-feedback small{letter-spacing:.14em;font-size:.42rem}.shield-feedback strong{color:#fff;font-family:var(--font-display);margin:2px 0 4px;font-size:1rem}.shield-feedback span{color:#a8bdc8;font-size:.48rem}.shield-dodge-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(420px,100%);margin-top:16px;display:grid}.shield-dodge-controls button{border:1px solid var(--training-color);min-height:54px;padding:9px 11px;display:grid}@supports (color:color-mix(in lab, red, red)){.shield-dodge-controls button{border:1px solid color-mix(in srgb, var(--training-color) 52%, #18384d)}}.shield-dodge-controls button{color:#e8f9ff;background:var(--training-color)}@supports (color:color-mix(in lab, red, red)){.shield-dodge-controls button{background:color-mix(in srgb, var(--training-color) 12%, #07111d)}}.shield-dodge-controls button{cursor:pointer}.shield-dodge-controls button small{color:#7d9aa8;font-size:.42rem}.shield-dodge-controls button strong{margin-top:3px;font-size:.67rem}.shield-dodge-controls button.recommended{background:linear-gradient(90deg, #6dffda21, transparent), var(--training-color);border-color:#6dffda}@supports (color:color-mix(in lab, red, red)){.shield-dodge-controls button.recommended{background:linear-gradient(90deg, #6dffda21, transparent), color-mix(in srgb, var(--training-color) 12%, #07111d)}}.shield-dodge-controls button.recommended{box-shadow:inset 0 0 18px #6dffda0f}.shield-dodge-controls button:hover,.shield-dodge-controls button:focus-visible{background:var(--training-color);border-color:#fff}@supports (color:color-mix(in lab, red, red)){.shield-dodge-controls button:hover,.shield-dodge-controls button:focus-visible{background:color-mix(in srgb, var(--training-color) 25%, #07111d)}}.shield-next-button{color:#06151c;cursor:pointer;background:linear-gradient(90deg,#75ffdc,#79dfff);border:1px solid #75ffdc;width:min(420px,100%);min-height:54px;margin-top:16px;font-size:.6rem;font-weight:900}.training-challenge--prayer{background:radial-gradient(circle,#70ffd82e,#0000 31%),radial-gradient(circle at 18% 27%,#ffffffd9 0 1px,#0000 2px),radial-gradient(circle at 78% 33%,#ffffffa6 0 1px,#0000 2px),radial-gradient(circle at 66% 78%,#ffffffb8 0 1px,#0000 2px),linear-gradient(#07192c,#050915);place-items:center;display:grid}.prayer-stars{z-index:4;gap:13px;display:flex;position:absolute;top:13px}.prayer-stars span{color:#70ffd840;border:1px solid #70ffd852;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.prayer-stars span.filled{color:#fff8c8;background:#70ffd821;box-shadow:0 0 22px #70ffd859}.prayer-pulse{z-index:3;aspect-ratio:1;background:radial-gradient(circle,#70ffd833,#0000 66%);border:1px solid #70ffd8b3;border-radius:50%;place-items:center;width:136px;animation:1.8s ease-in-out infinite prayer-sync-pulse;display:grid;position:relative;box-shadow:0 0 0 28px #70ffd808,0 0 58px #70ffd840,inset 0 0 35px #8f73ff26}.prayer-pulse:before,.prayer-pulse:after{content:"";border:1px dashed #fff8c873;border-radius:50%;animation:9s linear infinite sorcery-orbit-spin;position:absolute;inset:15px}.prayer-pulse:after{animation-duration:5s;animation-direction:reverse;inset:36px}.prayer-pulse span{color:#fff8c8;font-family:var(--font-display);text-shadow:0 0 18px #70ffd8;font-size:2rem}.prayer-dragon-name{z-index:4;text-align:center;display:grid;position:absolute;bottom:15px}.prayer-dragon-name small{color:#70ffd8;letter-spacing:.16em;font-size:.43rem}.prayer-dragon-name strong{font-family:var(--font-display);margin-top:3px;font-size:.78rem;font-weight:500}.timing-game .canyon-flight{height:170px;margin-top:18px}.timing-game .stop-button{margin-top:16px}.stop-button--strike{background:linear-gradient(#c64d20,#6c2114);border-color:#ffad5d}.stop-button--prayer{background:linear-gradient(#1b8573,#0b4d49);border-color:#fff1a3}.canyon-flight{border:1px solid var(--training-color);width:min(620px,70vw);height:210px;margin-top:20px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.canyon-flight{border:1px solid color-mix(in srgb, var(--training-color) 42%, #18384d)}}.canyon-flight{isolation:isolate;background:linear-gradient(#378fb8d1 0%,#7ebabc8f 42%,#193940eb 100%),#0b2430;box-shadow:inset 0 0 42px #00000061,0 18px 42px #00000040}.canyon-flight:after{z-index:8;content:"";pointer-events:none;border:8px solid #02080e4d;position:absolute;inset:0}.flight-status{z-index:9;border-left:2px solid var(--training-color);text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080e99;padding:7px 10px;display:grid;position:absolute;top:12px;left:14px}.flight-status span{color:var(--training-color);letter-spacing:.16em;font-size:.44rem;font-weight:900}.flight-status strong{margin-top:2px;font-size:.62rem}.canyon-sun{z-index:-1;background:#ffe19bc7;border-radius:50%;width:62px;height:62px;position:absolute;top:24px;left:74%;transform:translate(-50%);box-shadow:0 0 58px #ffdb916b}.canyon-cloud{z-index:1;filter:blur(7px);background:#ddf1ed47;border-radius:50%;width:170px;height:14px;animation:5s linear infinite canyon-cloud-drift;position:absolute}.cloud-a{top:58px;left:-170px}.cloud-b{width:230px;animation-duration:6.8s;animation-delay:-2.8s;top:98px;left:-240px}.canyon-wall{z-index:3;background:repeating-linear-gradient(112deg,#0000 0 18px,#ffc47017 19px 21px),linear-gradient(135deg,#673f29,#2d261f 58%,#171d1c);width:38%;animation:1.7s ease-in-out infinite alternate canyon-rush;position:absolute;top:30px;bottom:-44px;box-shadow:inset 0 0 24px #00000073}.canyon-left{clip-path:polygon(0 0,72% 12%,96% 44%,68% 66%,88% 100%,0 100%);left:-9%}.canyon-right{clip-path:polygon(100% 0,28% 12%,4% 44%,32% 66%,12% 100%,100% 100%);animation-delay:-.85s;right:-9%}.flight-speed-lines{z-index:4;opacity:.42;background:repeating-linear-gradient(95deg,#0000 0 48px,#e1f8ff52 50px 51px,#0000 53px 92px);animation:.55s linear infinite flight-lines;position:absolute;inset:0;transform:skew(-18deg)}.canyon-flight .training-dragon-artwork{z-index:6;mix-blend-mode:screen;will-change:transform;width:min(58%,340px);height:86%;animation:1.7s ease-in-out infinite dragon-flight;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(#000 34%,#000000eb 48%,#0000 76%);mask-image:radial-gradient(#000 34%,#000000eb 48%,#0000 76%)}.canyon-flight .training-dragon-artwork img{object-fit:cover;object-position:68% center;filter:brightness(1.42)contrast(1.12)saturate(1.2)}.flight-shadow{z-index:5;filter:blur(8px);background:#00000061;border-radius:50%;width:180px;height:22px;animation:1.7s ease-in-out infinite flight-shadow;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.stop-button{border:1px solid var(--training-color);color:#fff;background:var(--training-color);width:154px;height:72px;margin-top:52px}@supports (color:color-mix(in lab, red, red)){.stop-button{background:color-mix(in srgb, var(--training-color) 32%, #07111d)}}.stop-button{box-shadow:0 0 28px var(--training-color)}@supports (color:color-mix(in lab, red, red)){.stop-button{box-shadow:0 0 28px color-mix(in srgb, var(--training-color) 14%, transparent)}}.stop-button{cursor:pointer;font-size:1rem;font-weight:900}.training-result{place-content:center;justify-items:center;min-height:520px;display:grid}.grade{border:1px solid var(--training-color);width:116px;height:116px;color:var(--training-color);background:var(--training-color);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.grade{background:color-mix(in srgb, var(--training-color) 8%, transparent)}}.grade{box-shadow:0 0 44px var(--training-color)}@supports (color:color-mix(in lab, red, red)){.grade{box-shadow:0 0 44px color-mix(in srgb, var(--training-color) 15%, transparent)}}.grade{font-family:Georgia,serif;font-size:3.9rem;line-height:1}.grade-S{color:#fff1a3;border-color:#fff1a3;box-shadow:0 0 54px #fff1a338}.training-result>p{color:var(--muted);letter-spacing:.17em;margin:22px 0 0;font-size:.52rem;font-weight:800}.training-result>strong{font-size:3.1rem;line-height:1.1}.result-gain-list{gap:7px;width:min(300px,100%);margin:18px 0 10px;display:grid}.result-gain{background:#03091094;border:1px solid #2f789852;justify-content:space-between;align-items:center;width:100%;margin:0;padding:12px 16px;display:flex}.result-gain.primary{border-color:var(--training-color)}@supports (color:color-mix(in lab, red, red)){.result-gain.primary{border-color:color-mix(in srgb, var(--training-color) 60%, #fff)}}.result-gain.primary{background:linear-gradient(90deg, var(--training-color), transparent), #030910b8}@supports (color:color-mix(in lab, red, red)){.result-gain.primary{background:linear-gradient(90deg, color-mix(in srgb, var(--training-color) 13%, transparent), transparent), #030910b8}}.result-gain span{color:var(--muted);font-size:.7rem}.result-gain b{color:var(--training-color)}.training-result>.training-exp-note{color:#93aab6;letter-spacing:0;text-align:center;max-width:310px;margin:0 0 18px;font-size:.47rem;font-weight:500;line-height:1.55}.skill-unlocked{border:1px solid var(--amber);text-align:center;background:#ff9d2e14;min-width:270px;margin-bottom:18px;padding:12px;display:grid}.skill-unlocked small{color:var(--amber);letter-spacing:.14em;font-size:.48rem}.skill-unlocked strong{font-family:var(--font-display);margin-top:3px}.technique-progress{background:#050f19a3;border:1px solid #2f789852;padding:24px}.technique-progress h3{font-family:var(--font-display);margin:7px 0 24px;font-size:1.2rem}.technique-progress>div{border-top:1px solid #2f789838;grid-template-columns:32px 1fr;padding:15px 0;display:grid;position:relative}.technique-progress>div>span{color:#506a78;grid-row:1/3;font-size:.6rem;font-weight:800}.technique-progress>div>strong{color:#718995;font-size:.76rem}.technique-progress>div>small{color:#4f6572;margin-top:3px;font-size:.54rem}.technique-progress>div.unlocked>span,.technique-progress>div.unlocked>strong{color:var(--cyan)}.explore-layout{grid-template-columns:minmax(340px,.78fr) minmax(520px,1.4fr);gap:20px;width:min(1450px,100%);margin:0 auto;display:grid}.area-list{align-content:start;gap:8px;display:grid}.area-list>button{min-height:70px;color:var(--paper);text-align:left;cursor:pointer;background:#06101bb8;border:1px solid #2f78984d;grid-template-columns:44px 1fr auto;align-items:center;padding:11px 15px;transition:all .18s;display:grid;position:relative;overflow:hidden}.area-list>button:after{background:var(--area-color);content:"";opacity:0;width:2px;box-shadow:0 0 12px var(--area-color);position:absolute;top:0;bottom:0;left:0}.area-list>button:hover:not(:disabled),.area-list>button.active{border-color:var(--area-color)}@supports (color:color-mix(in lab, red, red)){.area-list>button:hover:not(:disabled),.area-list>button.active{border-color:color-mix(in srgb, var(--area-color) 52%, #18384d)}}.area-list>button:hover:not(:disabled),.area-list>button.active{background:var(--area-color)}@supports (color:color-mix(in lab, red, red)){.area-list>button:hover:not(:disabled),.area-list>button.active{background:color-mix(in srgb, var(--area-color) 6%, #06101b)}}.area-list>button:hover:not(:disabled),.area-list>button.active{transform:translate(4px)}.area-list>button.active:after{opacity:1}.area-list>button:disabled{opacity:.3;cursor:not-allowed}.area-list>button>span{border:1px solid var(--area-color);place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.area-list>button>span{border:1px solid color-mix(in srgb, var(--area-color) 42%, transparent)}}.area-list>button>span{color:var(--area-color);font-family:var(--font-display)}.area-list>button>div{display:grid}.area-list small{color:var(--muted);letter-spacing:.08em;font-size:.48rem}.area-list strong{font-family:var(--font-display);margin-top:3px;font-size:.82rem}.area-list i{color:var(--area-color);font-size:.56rem;font-style:normal}.area-detail-card{border:1px solid var(--area-color);grid-template-columns:.92fr 1fr;min-height:610px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.area-detail-card{border:1px solid color-mix(in srgb, var(--area-color) 44%, #18384d)}}.area-detail-card{background:#07111d}.area-visual{background:radial-gradient(circle, var(--area-color), transparent 42%), linear-gradient(145deg, var(--area-secondary), #030810);place-content:center;justify-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.area-visual{background:radial-gradient(circle, color-mix(in srgb, var(--area-color) 16%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--area-secondary) 8%, #08111f), #030810)}}.area-visual:before,.area-visual:after{aspect-ratio:1;border:1px solid var(--area-color);width:460px;position:absolute}@supports (color:color-mix(in lab, red, red)){.area-visual:before,.area-visual:after{border:1px solid color-mix(in srgb, var(--area-color) 23%, transparent)}}.area-visual:before,.area-visual:after{content:"";border-radius:50%;animation:42s linear infinite spin}.area-visual:after{border-style:dashed;width:330px;animation-duration:26s;animation-direction:reverse}.area-orbit{z-index:2;border:1px solid var(--area-color);width:150px;height:150px;color:var(--area-color);background:var(--area-color);border-radius:50%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.area-orbit{background:color-mix(in srgb, var(--area-color) 7%, transparent)}}.area-orbit{box-shadow:0 0 52px var(--area-color)}@supports (color:color-mix(in lab, red, red)){.area-orbit{box-shadow:0 0 52px color-mix(in srgb, var(--area-color) 17%, transparent)}}.area-orbit{font-family:var(--font-display);font-size:3.2rem}.area-number{z-index:2;color:#ffffffdb;margin-top:25px;font-size:3.5rem;font-weight:300;position:relative}.area-visual>p{z-index:2;color:var(--area-color);letter-spacing:.15em;margin:4px 0;font-size:.64rem;font-weight:800;position:relative}.area-copy{align-content:center;padding:clamp(28px,4vw,54px);display:grid}.area-copy .eyebrow{color:var(--area-color)}.area-copy h2{font-family:var(--font-display);margin:10px 0 20px;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.2}.area-copy>p:not(.eyebrow){color:#a3b7c2;margin:0 0 26px;font-size:.82rem;line-height:1.9}.area-copy dl{grid-template-columns:repeat(3,1fr);margin:0 0 28px;display:grid}.area-copy dl div{border:1px solid #2f789840;border-left:0;padding:12px;display:grid}.area-copy dl div:first-child{border-left:1px solid #2f789840}.area-copy dt{color:var(--muted);font-size:.5rem}.area-copy dd{color:var(--area-color);margin:4px 0 0;font-size:.77rem;font-weight:800}.arena-ready{grid-template-columns:minmax(460px,1.1fr) minmax(380px,.8fr);align-items:center;gap:40px;width:min(1320px,100%);min-height:590px;margin:0 auto;display:grid}.arena-stage-visual{aspect-ratio:1;background:radial-gradient(circle,#24e6ff1a,#0000 50%),repeating-radial-gradient(circle,#0000 0 54px,#24e6ff1a 55px,#0000 56px);border:1px solid #24e6ff38;border-radius:50%;justify-self:center;place-items:center;width:min(610px,100%);animation:75s linear infinite spin;display:grid;position:relative;box-shadow:0 0 70px #24e6ff0f}.arena-core{border:1px solid var(--cyan);text-align:center;background:#07131f;border-radius:50%;place-content:center;width:170px;height:170px;animation:75s linear infinite spin-reverse;display:grid;box-shadow:inset 0 0 38px #24e6ff1a,0 0 42px #24e6ff24}.arena-core span{font-family:Georgia,serif;font-size:4.8rem;line-height:.9}.arena-core small{color:var(--cyan);letter-spacing:.14em;margin-top:8px;font-size:.55rem}.arena-stage-visual>i{border:1px solid var(--fighter-color);width:58px;height:58px;color:var(--fighter-color);box-shadow:0 0 20px var(--fighter-color);background:#06111c;border-radius:50%;place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.arena-stage-visual>i{box-shadow:0 0 20px color-mix(in srgb, var(--fighter-color) 14%, transparent)}}.arena-stage-visual>i{font-family:var(--font-display);transform:rotate(calc(var(--i) * 90deg)) translateY(-244px) rotate(calc(var(--i) * -90deg)) rotate(-360deg);font-size:1rem;font-style:normal}.arena-ready article{background:#06101bbd;border:1px solid #2f78985c;padding:42px}.arena-ready h2{font-family:var(--font-display);margin:10px 0 28px;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.35}.arena-ready ul{gap:13px;margin:0 0 32px;padding:0;list-style:none;display:grid}.arena-ready li{color:#a1b5c0;grid-template-columns:32px 1fr;align-items:center;font-size:.75rem;display:grid}.arena-ready li span{color:var(--cyan);font-size:.55rem}.battle-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;width:min(1450px,100%);margin:0 auto;display:grid}.standings-panel{background:#050f19c2;border:1px solid #2f789857;padding:18px}.battle-round{border-bottom:1px solid #2f789840;justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-bottom:14px;display:flex}.battle-round small{color:var(--muted);letter-spacing:.14em;font-size:.52rem}.battle-round strong{font-size:1.8rem}.battle-round strong span{color:var(--muted);font-size:.7rem}.standings-panel>.eyebrow{margin-bottom:10px}.standings-panel>button{width:100%;min-height:52px;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #2f78982e;grid-template-columns:24px 30px 1fr auto;align-items:center;padding:7px 8px;display:grid}.standings-panel>button:hover:not(:disabled),.standings-panel>button.targeted{background:var(--fighter-color)}@supports (color:color-mix(in lab, red, red)){.standings-panel>button:hover:not(:disabled),.standings-panel>button.targeted{background:color-mix(in srgb, var(--fighter-color) 7%, transparent)}}.standings-panel>button.player{border:1px solid var(--cyan);background:#24e6ff12}.standings-panel>button>b{color:var(--muted);font-size:.72rem}.standings-panel>button>span{color:var(--fighter-color);font-family:var(--font-display)}.standings-panel>button>div{display:grid}.standings-panel>button strong{font-size:.7rem}.standings-panel>button i{color:var(--muted);font-size:.48rem;font-style:normal}.standings-panel>button em{color:var(--fighter-color);align-items:baseline;gap:2px;font-size:.85rem;font-style:normal;font-weight:800;display:inline-flex}.standings-panel>button em small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.4rem}.battle-command{isolation:isolate;background:#06101b;border:1px solid #2f789866;grid-template-rows:250px auto auto auto auto auto 1fr;min-height:640px;display:grid;overflow:hidden}.battle-sky{background:radial-gradient(circle at 50% 60%, var(--element-color), transparent 30%), repeating-radial-gradient(circle at 50% 78%, transparent 0 46px, #24e6ff14 47px, transparent 48px), linear-gradient(#071424, #030911);place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.battle-sky{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--element-color) 13%, transparent), transparent 30%), repeating-radial-gradient(circle at 50% 78%, transparent 0 46px, #24e6ff14 47px, transparent 48px), linear-gradient(#071424, #030911)}}.battle-sky{--battle-impact-x:42%;--battle-impact-y:50%;--battle-origin-x:18%;--battle-origin-y:48%;--battle-attack-x:105%;--battle-attack-y:0%}.battle-target-slot-0{--battle-impact-x:18%;--battle-impact-y:48%;--battle-origin-x:18%;--battle-origin-y:48%;--battle-attack-x:0%;--battle-attack-y:0%}.battle-target-slot-2{--battle-impact-x:64%;--battle-attack-x:210%}.battle-target-slot-3{--battle-impact-x:86%;--battle-attack-x:315%}.battle-incoming-from-1{--battle-origin-x:42%;--battle-origin-y:50%;--battle-impact-x:18%;--battle-impact-y:48%;--battle-attack-x:-105%;--battle-attack-y:0%}.battle-incoming-from-2{--battle-origin-x:64%;--battle-origin-y:50%;--battle-impact-x:18%;--battle-impact-y:48%;--battle-attack-x:-210%;--battle-attack-y:0%}.battle-incoming-from-3{--battle-origin-x:86%;--battle-origin-y:50%;--battle-impact-x:18%;--battle-impact-y:48%;--battle-attack-x:-315%;--battle-attack-y:0%}.battle-sky:before{aspect-ratio:1;content:"";border:1px dashed #24e6ff3d;border-radius:50%;width:430px;animation:28s linear infinite spin;position:absolute}.battle-dragon-field{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;width:100%;height:100%;padding:30px 22px 26px;display:grid;position:relative}.battle-fighter{min-width:0;height:204px;color:var(--paper);cursor:pointer;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:0;transition:opacity .22s,filter .22s,transform .22s;display:grid;position:relative}.battle-fighter:disabled{cursor:default}.battle-fighter-visual{min-width:0;min-height:0;display:block;position:relative}.battle-dragon-portrait{border:1px solid var(--phenotype-primary);width:100%;height:100%}@supports (color:color-mix(in lab, red, red)){.battle-dragon-portrait{border:1px solid color-mix(in srgb, var(--phenotype-primary) 34%, #16394c)}}.battle-dragon-portrait{clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);opacity:.76;background:#030914;transition:opacity .18s,filter .18s,transform .18s;box-shadow:0 12px 28px #0000005c}.battle-dragon-portrait img{object-position:68% center}.battle-dragon-portrait .dragon-phenotype__sigil,.parent-soul-artwork .dragon-phenotype__sigil{width:20px;height:20px;font-size:.42rem;bottom:6px;right:6px}.battle-fighter:hover:not(:disabled) .battle-dragon-portrait,.battle-fighter:focus-visible .battle-dragon-portrait,.battle-fighter.targeted .battle-dragon-portrait{border-color:var(--amber);opacity:1;box-shadow:0 0 0 1px #ff9d2e6b,0 0 30px #ff9d2e29}.battle-dragon-1{transform:translateY(-8px)}.battle-dragon-1 .battle-dragon-portrait{opacity:1}.battle-fighter-info{z-index:6;border:1px solid var(--fighter-color);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 7px;min-height:42px;padding:5px 7px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.battle-fighter-info{border:1px solid color-mix(in srgb, var(--fighter-color) 24%, #17384a)}}.battle-fighter-info{border-top-color:var(--fighter-color)}@supports (color:color-mix(in lab, red, red)){.battle-fighter-info{border-top-color:color-mix(in srgb, var(--fighter-color) 52%, #17384a)}}.battle-fighter-info{background:linear-gradient(90deg, var(--fighter-color), #02080ee6)}@supports (color:color-mix(in lab, red, red)){.battle-fighter-info{background:linear-gradient(90deg, color-mix(in srgb, var(--fighter-color) 8%, #02080ef5), #02080ee6)}}.battle-fighter-info{text-align:left;pointer-events:none}.battle-fighter-info>span{min-width:0;display:grid}.battle-fighter-info>span small{color:var(--muted);letter-spacing:.11em;font-size:.34rem}.battle-fighter-info>span strong{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.6rem;overflow:hidden}.battle-fighter-info>em{color:var(--fighter-color);grid-area:1/2;align-items:baseline;gap:2px;font-style:normal;display:inline-flex}.battle-fighter-info>em b{font-family:var(--font-display);font-size:.8rem}.battle-fighter-info>em small{letter-spacing:.04em;font-size:.34rem}.battle-fighter-info>i{background:#ffffff1f;grid-area:2/1;height:3px;display:block;overflow:hidden}.battle-fighter-info>i b{background:linear-gradient(90deg, var(--fighter-color), #fff3b8);height:100%;box-shadow:0 0 8px var(--fighter-color);transition:width .28s;display:block}.battle-fighter-hp{color:var(--muted);grid-area:2/2;font-size:.38rem}.battle-target-tap{z-index:6;color:var(--cyan);letter-spacing:.12em;pointer-events:none;background:#02080ed1;border:1px solid #24e6ff70;padding:3px 5px;font-size:.34rem;position:absolute;top:6px;right:6px}.battle-rival-awakening{z-index:7;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080ee0;border:1px solid #ffffff29;gap:2px;padding:3px 5px;display:grid;position:absolute;bottom:5px;left:5px;box-shadow:0 4px 12px #0000005c}.battle-rival-awakening.ready{border-color:var(--amber);box-shadow:0 0 0 1px #ff9d2e29,0 0 14px #ff9d2e47}.battle-rival-awakening>span{grid-template-columns:10px repeat(3,6px);align-items:center;gap:3px;display:grid}.battle-rival-awakening>span>em{font-size:.35rem;font-style:normal;font-weight:900;line-height:1}.battle-rival-awakening>span>i{background:#ffffff0a;border:1px solid;border-radius:50%;width:6px;height:6px}.battle-rival-awakening>span>i.lit{background:currentColor;box-shadow:0 0 7px}.battle-rival-awakening .strike{color:#ff5a46}.battle-rival-awakening .magic{color:#58aaff}.battle-defense-flash{z-index:10;color:#ffd06a;background:radial-gradient(circle,#ffd06a3d,#030a12b8 68%);border:2px solid #ffd06a;place-content:center;display:grid;position:absolute;inset:7%;box-shadow:inset 0 0 28px,0 0 34px}@supports (color:color-mix(in lab, red, red)){.battle-defense-flash{box-shadow:inset 0 0 28px currentColor, 0 0 34px color-mix(in srgb, currentColor 64%, transparent)}}.battle-defense-flash{text-align:center;pointer-events:none;animation:.72s ease-out both battle-defense-flash}.battle-defense-flash--guard{clip-path:polygon(25% 0,75% 0,100% 28%,88% 100%,12% 100%,0 28%)}.battle-defense-flash--shield{color:#6cecff;border-radius:50%}.battle-counter-line{--counter-angle:0deg;--counter-length:24%;z-index:11;width:var(--counter-length);background:linear-gradient(90deg, #fff, var(--battle-fx-accent));height:4px;box-shadow:0 0 9px #fff, 0 0 24px var(--battle-fx-accent);transform:rotate(var(--counter-angle));transform-origin:0;pointer-events:none;border-radius:999px;animation:.52s ease-out both battle-counter-line;position:absolute;top:48%;left:18%}.battle-counter-line:after{content:"";border-top:3px solid #fff;border-right:3px solid #fff;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)rotate(45deg)}.battle-counter-line--2{--counter-length:46%}.battle-counter-line--3{--counter-length:68%}.battle-defense-flash small{letter-spacing:.13em;font-size:.43rem}.battle-defense-flash strong{color:#fff;font-family:var(--font-display);text-shadow:0 0 12px;font-size:1.05rem}.battle-defense-flash em{letter-spacing:.11em;margin-top:2px;font-size:.44rem;font-style:normal;font-weight:900}.battle-fighter.defense-block .battle-dragon-portrait{opacity:1;filter:brightness(1.28) drop-shadow(0 0 22px var(--battle-fx-accent))}.battle-target-reticle{z-index:7;border:2px solid var(--cyan);pointer-events:none;border-radius:50%;width:72px;height:72px;animation:1.3s ease-in-out infinite battle-reticle;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);box-shadow:0 0 0 8px #24e6ff0f,0 0 24px #24e6ff6b,inset 0 0 18px #24e6ff1f}.battle-target-reticle:before,.battle-target-reticle:after,.battle-target-reticle>i:before,.battle-target-reticle>i:after{background:var(--cyan);content:"";position:absolute}.battle-target-reticle:before,.battle-target-reticle:after{width:16px;height:1px;top:50%}.battle-target-reticle:before{left:-9px}.battle-target-reticle:after{right:-9px}.battle-target-reticle>i:before,.battle-target-reticle>i:after{width:1px;height:16px;left:50%}.battle-target-reticle>i:before{top:-9px}.battle-target-reticle>i:after{bottom:-9px}.battle-command.is-resolving .battle-fighter:not(.attacking):not(.action-target){opacity:.2;filter:grayscale(.65)brightness(.55);transform:scale(.9)}.battle-fighter.attacking{z-index:5}.battle-fighter.attacking .battle-dragon-portrait{opacity:1;filter:brightness(1.28) drop-shadow(0 0 18px var(--phenotype-primary))}@supports (color:color-mix(in lab, red, red)){.battle-fighter.attacking .battle-dragon-portrait{filter:brightness(1.28) drop-shadow(0 0 18px color-mix(in srgb, var(--phenotype-primary) 72%, transparent))}}.battle-fighter.attacking .battle-dragon-portrait{transform-origin:50%}.battle-fighter.action-target{z-index:4}.battle-motion--rush .battle-fighter.attacking .battle-dragon-portrait{animation:battle-attacker-rush var(--battle-fx-duration) cubic-bezier(.2, .8, .2, 1) both}.battle-motion--double .battle-fighter.attacking .battle-dragon-portrait{animation:battle-attacker-double var(--battle-fx-duration) cubic-bezier(.2, .82, .24, 1) both}.battle-motion--cast .battle-fighter.attacking .battle-dragon-portrait{animation:battle-attacker-cast var(--battle-fx-duration) ease-in-out both}.battle-motion--guard .battle-fighter.attacking .battle-dragon-portrait{animation:battle-attacker-guard var(--battle-fx-duration) ease-in-out both}.battle-motion--channel .battle-fighter.attacking .battle-dragon-portrait{animation:battle-attacker-channel var(--battle-fx-duration) ease-in-out both}.battle-motion--storm .battle-fighter.attacking .battle-dragon-portrait{animation:battle-attacker-storm var(--battle-fx-duration) ease-in-out both}.battle-response--hit .battle-fighter.taking-hit .battle-dragon-portrait{filter:brightness(1.65) saturate(1.35) drop-shadow(0 0 24px var(--fighter-color));animation:.56s cubic-bezier(.2,.82,.3,1) both battle-target-recoil}.battle-response--bind .battle-fighter.taking-hit .battle-dragon-portrait{filter:brightness(1.3) saturate(.72) drop-shadow(0 0 28px var(--battle-fx-accent));animation:.76s ease-out both battle-target-bind}.battle-response--drain .battle-fighter.taking-hit .battle-dragon-portrait{filter:brightness(1.38) saturate(.82) drop-shadow(0 0 24px var(--battle-fx-secondary));animation:.82s ease-out both battle-target-drain}.battle-response--soft .battle-fighter.taking-hit .battle-dragon-portrait{filter:brightness(1.22) drop-shadow(0 0 20px var(--battle-fx-accent));animation:.72s ease-out both battle-target-soft}.battle-fighter.counter-hit .battle-dragon-portrait{z-index:12;opacity:1;filter:brightness(1.72)saturate(1.34)drop-shadow(0 0 26px #fff0ac);animation:.62s cubic-bezier(.18,.82,.28,1) both battle-counter-recoil}.battle-phase--impact{animation:.52s ease-out both battle-camera-shake}.battle-action-layer{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-fx-backdrop{opacity:0;background:radial-gradient(circle at var(--battle-impact-x) var(--battle-impact-y), var(--battle-fx-accent), transparent 30%), linear-gradient(105deg, transparent 22%, var(--battle-fx-secondary), transparent 74%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.battle-fx-backdrop{background:radial-gradient(circle at var(--battle-impact-x) var(--battle-impact-y), color-mix(in srgb, var(--battle-fx-accent) 22%, transparent), transparent 30%), linear-gradient(105deg, transparent 22%, color-mix(in srgb, var(--battle-fx-secondary) 12%, transparent), transparent 74%)}}.battle-action-layer--windup .battle-fx-backdrop{animation:battle-fx-backdrop var(--battle-impact-duration) ease-in both}.battle-motion--storm .battle-fx-backdrop{background:radial-gradient(circle at var(--battle-impact-x) var(--battle-impact-y), var(--battle-fx-accent), transparent 38%), linear-gradient(180deg, var(--battle-fx-secondary), transparent 72%)}@supports (color:color-mix(in lab, red, red)){.battle-motion--storm .battle-fx-backdrop{background:radial-gradient(circle at var(--battle-impact-x) var(--battle-impact-y), color-mix(in srgb, var(--battle-fx-accent) 31%, transparent), transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--battle-fx-secondary) 18%, #020610), transparent 72%)}}.battle-speed-line{opacity:0;background:linear-gradient(90deg, transparent, var(--battle-fx-accent), transparent);width:84%;height:2px;position:absolute;top:50%;left:12%}@supports (color:color-mix(in lab, red, red)){.battle-speed-line{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--battle-fx-accent) 76%, white 18%), transparent)}}.battle-speed-line{transform-origin:0}.battle-speed-line:before,.battle-speed-line:after{background:inherit;content:"";width:78%;height:1px;position:absolute;right:0}.battle-speed-line:before{top:-34px;transform:rotate(-5deg)}.battle-speed-line:after{top:31px;transform:rotate(5deg)}.battle-action-layer--windup .battle-speed-line{animation:battle-speed-lines var(--battle-impact-duration) ease-in both}.battle-speed-line.line-b{animation-delay:80ms;top:57%;transform:rotate(-4deg)}.battle-projectile{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:0;width:58px;height:16px;box-shadow:0 0 12px #fff, 0 0 28px var(--battle-fx-accent), -28px 0 42px var(--battle-fx-secondary);background:#fff;border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.battle-projectile{box-shadow:0 0 12px #fff, 0 0 28px var(--battle-fx-accent), -28px 0 42px color-mix(in srgb, var(--battle-fx-secondary) 55%, transparent)}}.battle-action-layer--sorcery .battle-projectile,.battle-action-layer--prayer .battle-projectile,.battle-action-layer--guard .battle-projectile,.battle-action-layer--shield .battle-projectile{animation:battle-projectile var(--battle-impact-duration) ease-in both}.battle-action-layer--strike .battle-projectile{background:linear-gradient(90deg, transparent, #fff 55%, var(--battle-fx-accent));width:120px;height:3px;rotate:var(--battle-fx-angle);animation:battle-projectile var(--battle-impact-duration) ease-in both;border-radius:0}.battle-action-layer--guard .battle-projectile,.battle-action-layer--shield .battle-projectile{background:var(--battle-fx-accent);border:1px solid #fff;border-radius:50%;width:48px;height:96px}@supports (color:color-mix(in lab, red, red)){.battle-action-layer--guard .battle-projectile,.battle-action-layer--shield .battle-projectile{background:color-mix(in srgb, var(--battle-fx-accent) 18%, transparent)}}.battle-action-layer--prayer .battle-projectile{background:radial-gradient(circle, #fff, var(--battle-fx-accent) 18%, transparent 66%);border:1px solid #fff4bb;border-radius:50%;width:82px;height:82px}.battle-motion--channel .battle-projectile{animation-name:battle-projectile-reverse}.battle-motion--guard .battle-projectile{animation-name:battle-projectile-guard}.battle-motion--storm .battle-projectile{animation-name:battle-projectile-storm}.battle-motion--double .battle-projectile{box-shadow:0 -18px 12px var(--battle-fx-accent), 0 18px 12px var(--battle-fx-secondary), 0 0 30px #fff}@supports (color:color-mix(in lab, red, red)){.battle-motion--double .battle-projectile{box-shadow:0 -18px 12px color-mix(in srgb, var(--battle-fx-accent) 72%, transparent), 0 18px 12px color-mix(in srgb, var(--battle-fx-secondary) 72%, transparent), 0 0 30px #fff}}.battle-motion--double .battle-projectile{animation-name:battle-projectile-double}.battle-motion--guard .battle-fx-geometry,.battle-motion--guard .battle-fx-symbol,.battle-motion--guard .battle-fx-particles{top:var(--battle-origin-y);left:var(--battle-origin-x)}.battle-fx-slot-1{--battle-impact-x:42%;--battle-impact-y:50%}.battle-fx-slot-2{--battle-impact-x:64%;--battle-impact-y:50%}.battle-fx-slot-3{--battle-impact-x:86%;--battle-impact-y:50%}.battle-projectile--extra,.battle-impact-burst--extra{animation-delay:90ms!important}.battle-fx-geometry{top:var(--battle-impact-y);left:var(--battle-impact-x);width:calc(74px * var(--battle-fx-intensity));aspect-ratio:1;border:2px solid var(--battle-fx-accent);opacity:0;box-shadow:0 0 18px var(--battle-fx-accent), inset 0 0 18px var(--battle-fx-secondary);position:absolute}@supports (color:color-mix(in lab, red, red)){.battle-fx-geometry{box-shadow:0 0 18px color-mix(in srgb, var(--battle-fx-accent) 65%, transparent), inset 0 0 18px color-mix(in srgb, var(--battle-fx-secondary) 30%, transparent)}}.battle-fx-geometry{transform:translate(-50%, -50%) rotate(var(--battle-fx-angle))}.battle-fx-geometry.geometry-b{width:calc(46px * var(--battle-fx-intensity));border-color:var(--battle-fx-secondary);rotate:45deg}.battle-action-layer--windup .battle-fx-geometry{animation:battle-fx-geometry var(--battle-impact-duration) ease-in both}.battle-fx-symbol{z-index:3;top:var(--battle-impact-y);left:var(--battle-impact-x);width:calc(56px * var(--battle-fx-intensity));aspect-ratio:1;border:1px solid var(--battle-fx-accent);place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.battle-fx-symbol{border:1px solid color-mix(in srgb, var(--battle-fx-accent) 72%, white 20%)}}.battle-fx-symbol{opacity:0;color:#fff;background:radial-gradient(circle, var(--battle-fx-accent), transparent 70%);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.battle-fx-symbol{background:radial-gradient(circle, color-mix(in srgb, var(--battle-fx-accent) 32%, transparent), transparent 70%)}}.battle-fx-symbol{box-shadow:0 0 28px var(--battle-fx-accent)}@supports (color:color-mix(in lab, red, red)){.battle-fx-symbol{box-shadow:0 0 28px color-mix(in srgb, var(--battle-fx-accent) 58%, transparent)}}.battle-fx-symbol{font-family:var(--font-display);font-size:calc(1rem * var(--battle-fx-intensity));text-shadow:0 0 12px var(--battle-fx-accent);transform:translate(-50%,-50%)}.battle-action-layer--windup .battle-fx-symbol{animation:battle-fx-symbol var(--battle-impact-duration) ease-out both}.battle-fx-particles{z-index:5;top:var(--battle-impact-y);left:var(--battle-impact-x);width:1px;height:1px;position:absolute}.battle-fx-particles i{width:calc(4px + 2px * var(--battle-fx-intensity));aspect-ratio:1;opacity:0;background:var(--battle-fx-accent);box-shadow:0 0 8px #fff, 0 0 16px var(--battle-fx-secondary);--particle-angle:calc((360deg / var(--particle-total)) * var(--particle-index) + var(--battle-fx-angle));border-radius:50%;position:absolute;top:-3px;left:-3px}.battle-action-layer--impact .battle-fx-particles i{animation:.72s ease-out both battle-fx-particle;animation-delay:calc(var(--particle-index) * 18ms)}.battle-impact-burst{top:var(--battle-impact-y);left:var(--battle-impact-x);aspect-ratio:1;opacity:0;width:20px;box-shadow:0 0 18px #fff, 0 0 52px var(--battle-fx-accent), 0 0 110px var(--battle-fx-secondary);background:#fff;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.battle-action-layer--impact .battle-impact-burst{animation:.62s ease-out both battle-impact-burst}:is(.battle-motif--claw,.battle-motif--fang,.battle-motif--volt-wing,.battle-motif--horn,.battle-motif--shadow-fang,.battle-motif--ultimate-strike) .battle-fx-geometry{background:linear-gradient(135deg, transparent 25%, var(--battle-fx-accent) 28% 38%, transparent 42% 54%, var(--battle-fx-secondary) 58% 68%, transparent 72%);clip-path:polygon(0 0,100% 45%,0 100%,22% 52%);border:0;border-radius:0}:is(.battle-motif--wave,.battle-motif--ruby,.battle-motif--arc,.battle-motif--white-flash,.battle-motif--mirror,.battle-motif--clock,.battle-motif--ultimate-magic) .battle-fx-geometry{background:radial-gradient(circle, transparent 42%, var(--battle-fx-accent) 44% 57%, transparent 59%);border-radius:50% 12%}@supports (color:color-mix(in lab, red, red)){:is(.battle-motif--wave,.battle-motif--ruby,.battle-motif--arc,.battle-motif--white-flash,.battle-motif--mirror,.battle-motif--clock,.battle-motif--ultimate-magic) .battle-fx-geometry{background:radial-gradient(circle, transparent 42%, color-mix(in srgb, var(--battle-fx-accent) 24%, transparent) 44% 57%, transparent 59%)}}:is(.battle-motif--chain,.battle-motif--snow,.battle-motif--rime,.battle-motif--lake,.battle-motif--judgment,.battle-motif--poison-moon,.battle-motif--blind-wing,.battle-motif--hour-fall) .battle-fx-geometry{box-shadow:0 0 0 10px var(--battle-fx-secondary), inset 0 0 28px var(--battle-fx-accent);border-style:dashed;border-radius:50%}@supports (color:color-mix(in lab, red, red)){:is(.battle-motif--chain,.battle-motif--snow,.battle-motif--rime,.battle-motif--lake,.battle-motif--judgment,.battle-motif--poison-moon,.battle-motif--blind-wing,.battle-motif--hour-fall) .battle-fx-geometry{box-shadow:0 0 0 10px color-mix(in srgb, var(--battle-fx-secondary) 8%, transparent), inset 0 0 28px color-mix(in srgb, var(--battle-fx-accent) 26%, transparent)}}:is(.battle-motif--scales,.battle-motif--arcane-shield,.battle-motif--iron-wall,.battle-motif--counter,.battle-motif--bastion,.battle-motif--zero-field,.battle-motif--stasis) .battle-fx-geometry{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--battle-fx-accent)}@supports (color:color-mix(in lab, red, red)){:is(.battle-motif--scales,.battle-motif--arcane-shield,.battle-motif--iron-wall,.battle-motif--counter,.battle-motif--bastion,.battle-motif--zero-field,.battle-motif--stasis) .battle-fx-geometry{background:color-mix(in srgb, var(--battle-fx-accent) 15%, transparent)}}:is(.battle-motif--healing-halo,.battle-motif--ribbon,.battle-motif--balance) .battle-fx-geometry{box-shadow:0 0 0 12px var(--battle-fx-accent), 0 0 32px var(--battle-fx-secondary);border-width:1px;border-radius:50%}@supports (color:color-mix(in lab, red, red)){:is(.battle-motif--healing-halo,.battle-motif--ribbon,.battle-motif--balance) .battle-fx-geometry{box-shadow:0 0 0 12px color-mix(in srgb, var(--battle-fx-accent) 6%, transparent), 0 0 32px var(--battle-fx-secondary)}}:is(.battle-motif--sun,.battle-motif--blood-eclipse) .battle-fx-geometry{background:conic-gradient(var(--battle-fx-secondary), transparent 18%, var(--battle-fx-accent) 36%, transparent 55%, var(--battle-fx-secondary));border-radius:50%}:is(.battle-motif--double-flash,.battle-motif--dual-soul,.battle-motif--reprise) .geometry-a{border-color:var(--battle-fx-accent);border-radius:50% 0}:is(.battle-motif--double-flash,.battle-motif--dual-soul,.battle-motif--reprise) .geometry-b{border-color:var(--battle-fx-secondary);border-radius:0 50%}.battle-skill-cutin{border-top:1px solid var(--element-color);min-width:310px;padding:10px 70px 11px 24px;display:grid;position:absolute;top:16px;left:0}@supports (color:color-mix(in lab, red, red)){.battle-skill-cutin{border-top:1px solid color-mix(in srgb, var(--element-color) 75%, white 10%)}}.battle-skill-cutin{border-bottom:1px solid var(--element-color)}@supports (color:color-mix(in lab, red, red)){.battle-skill-cutin{border-bottom:1px solid color-mix(in srgb, var(--element-color) 48%, transparent)}}.battle-skill-cutin{background:linear-gradient(90deg, #02080ef5, var(--element-color), transparent)}@supports (color:color-mix(in lab, red, red)){.battle-skill-cutin{background:linear-gradient(90deg, #02080ef5, color-mix(in srgb, var(--element-color) 16%, #02080ed1), transparent)}}.battle-skill-cutin{clip-path:polygon(0 0,100% 0,86% 100%,0 100%);animation:.36s ease-out both battle-cutin}.battle-skill-cutin small{color:var(--element-color);letter-spacing:.16em;font-size:.43rem}.battle-skill-cutin strong{font-family:var(--font-display);margin-top:2px;font-size:1.1rem}.battle-damage-number{z-index:9;top:clamp(12%, calc(var(--battle-impact-y) - 16%), 68%);left:var(--battle-impact-x);color:#fff4bf;text-align:center;text-shadow:0 0 10px #fff, 0 0 24px var(--element-color);animation:.72s ease-out both battle-damage-float;display:grid;position:absolute;transform:translate(-50%)}.battle-damage-number small{color:#fff;letter-spacing:.14em;font-size:.4rem}.battle-damage-number strong{font-family:Georgia,serif;font-size:2.15rem;line-height:1}.battle-dragon-mark{z-index:2;border:1px solid var(--element-color);width:118px;height:118px;color:var(--element-color);background:var(--element-color);border-radius:50%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.battle-dragon-mark{background:color-mix(in srgb, var(--element-color) 8%, #06101b)}}.battle-dragon-mark{box-shadow:0 0 44px var(--element-color)}@supports (color:color-mix(in lab, red, red)){.battle-dragon-mark{box-shadow:0 0 44px color-mix(in srgb, var(--element-color) 17%, transparent)}}.battle-dragon-mark{font-family:var(--font-display);font-size:2.7rem}.target-lock{z-index:5;background:linear-gradient(90deg,#ff9d2e14,#0000 64%),#030910f0;border-top:1px solid #ff9d2e4d;border-bottom:1px solid #ff9d2e33;grid-template-columns:auto minmax(110px,auto) 1fr;align-items:center;gap:12px;min-height:48px;padding:8px 18px;display:grid;position:relative}.target-lock small{color:var(--amber);letter-spacing:.14em;font-size:.48rem}.target-lock strong{font-family:var(--font-display);font-size:.86rem}.target-lock>span{color:var(--muted);text-align:right;font-size:.4rem}.battle-log-shell{z-index:7;position:relative}.battle-log{color:#9fb5c0;text-align:left;cursor:pointer;background:#02080eb8;border:1px solid #2f78983d;border-left:0;border-right:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:43px;padding:13px 20px;font-size:.69rem;transition:all .16s;display:grid}.battle-log:hover,.battle-log:focus-visible{color:#d8f8ff;background:#07141ff0;border-color:#24e6ff85;outline:none}.battle-log-label{color:var(--cyan);letter-spacing:.12em;font-size:.45rem;font-weight:900}.battle-log-message{min-width:0;line-height:1.65}.battle-log>b{color:var(--amber);white-space:nowrap;align-items:center;gap:6px;font-size:.48rem;display:inline-flex}.battle-log>b span{font-size:.72rem}.battle-log-history{background:linear-gradient(#24e6ff09,#0000 28%),#030a12fa;border-bottom:1px solid #24e6ff5c;box-shadow:0 22px 48px #00000052}.battle-log-history>header{border-bottom:1px solid #2f789847;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 18px;display:flex}.battle-log-history>header div{display:grid}.battle-log-history>header small{color:var(--cyan);letter-spacing:.13em;font-size:.42rem;font-weight:900}.battle-log-history>header h3{font-family:var(--font-display);margin-top:3px;font-size:.9rem}.battle-log-history>header button{width:38px;height:38px;color:var(--amber);cursor:pointer;background:#ff9d2e0f;border:1px solid #ff9d2e94;flex:none;place-items:center;font-size:1.25rem;line-height:1;display:grid}.battle-log-history>header button:hover,.battle-log-history>header button:focus-visible{color:#fff;outline:1px solid var(--amber);background:#ff9d2e2e}.battle-log-history ol{max-height:min(46svh,460px);margin:0;padding:8px 18px 14px;list-style:none;overflow-y:auto}.battle-log-history li{color:#839aa8;border-bottom:1px solid #2f78982e;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 8px;display:grid}.battle-log-history li>span{color:#527080;font-family:"Arial Narrow", var(--font-ui);font-size:.58rem}.battle-log-history li p{margin:0;font-size:.62rem;line-height:1.7}.battle-log-history li>small{color:var(--amber);letter-spacing:.1em;font-size:.38rem;font-weight:900}.battle-log-history li.latest{color:#ecfbff;box-shadow:inset 2px 0 var(--cyan);background:#24e6ff0a}.result-copy>.battle-log-shell{border-left:1px solid #2f78983d;border-right:1px solid #2f78983d;margin:16px 0}.battle-player-hud{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,1.5fr);gap:1px;padding:1px 18px 0;display:grid}.battle-player-hud>div{background:#07121ed1;border:1px solid #2f789847;align-content:center;min-height:52px;padding:7px 10px;display:grid}.battle-player-hud small{color:var(--muted);letter-spacing:.1em;font-size:.38rem}.battle-player-hud strong{color:var(--amber);font-family:var(--font-display);margin-top:2px;font-size:1rem}.battle-player-hud strong span{color:var(--muted);margin-left:2px;font-size:.5rem}.battle-player-hud>p{color:#aebbc4;background:#ff9d2e09;border:1px solid #ff9d2e38;align-content:center;min-height:52px;margin:0;padding:8px 12px;font-size:.46rem;line-height:1.55;display:grid}.mana-line{grid-template-columns:28px 1fr 64px;align-items:center;gap:10px;padding:10px 18px;display:grid}.mana-line>span{color:var(--cyan);font-size:.6rem;font-weight:800}.mana-line>div{background:#102331;height:6px;overflow:hidden}.mana-line>div i{background:linear-gradient(90deg, #3a78ff, var(--cyan));height:100%;box-shadow:0 0 10px var(--cyan);transition:width .28s;display:block}.mana-line>strong{color:var(--cyan);text-align:right;font-size:.64rem}.mana-line>strong small{color:var(--muted);margin-top:2px;font-size:.34rem;font-weight:500;display:block}.battle-awakening{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 18px 10px;display:grid}.battle-awakening>div{background:#07121ed6;border:1px solid #ffffff1f;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-height:54px;padding:7px 10px;display:grid}.battle-awakening>div>span{width:30px;height:30px;font-family:var(--font-display);border:1px solid;border-radius:50%;place-items:center;display:grid}.battle-awakening>div>div{display:grid}.battle-awakening>div small{color:var(--muted);letter-spacing:.08em;font-size:.33rem}.battle-awakening>div strong{margin-top:1px;font-size:.58rem}.battle-awakening>div>i{gap:5px;display:flex}.battle-awakening>div>i b{background:#ffffff08;border:1px solid;border-radius:50%;width:13px;height:13px}.battle-awakening>div>i b.lit{background:currentColor;animation:1s ease-in-out infinite awakening-marker-pulse;box-shadow:0 0 14px}.battle-awakening .strike{color:#ff5a46}.battle-awakening .magic{color:#58aaff}.battle-awakening>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:.43rem;line-height:1.55}.battle-awakening>.awakening-event{color:#d9e7ee;background:#ffffff09;border:1px solid #ffffff24;padding:8px 10px;font-size:.5rem;font-weight:800}.battle-awakening>.awakening-event--gain{color:#8bffda;background:#60ffc20f;border-color:#60ffc25c}.battle-awakening>.awakening-event--loss{color:#ff9a87;background:#ff5f4712;border-color:#ff5f476b}.battle-awakening>.awakening-event--blocked{color:#8ee9ff;background:#74ddff0f;border-color:#74ddff61}.battle-awakening>.awakening-event--spent{color:#ffe499;background:#ffd5690f;border-color:#ffd5696b}.battle-choice-area{align-content:start;gap:10px;padding:0 18px 18px;display:grid}.battle-technique-groups{gap:11px;display:grid}.battle-technique-group{gap:7px;display:grid}.battle-technique-group>header{border-bottom:1px solid #2f78984d;grid-template-columns:30px 1fr;align-items:center;min-height:34px;display:grid}.battle-technique-group>header>span{color:var(--element-color);font-family:var(--font-display);font-size:.58rem}.battle-technique-group>header>div{align-items:baseline;gap:8px;display:flex}.battle-technique-group>header small{color:var(--muted);letter-spacing:.12em;font-size:.36rem}.battle-technique-group>header strong{font-size:.62rem}.battle-ultimate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.battle-ultimate-grid>button{min-height:86px;color:var(--paper);text-align:left;background:#0c0e1be6;border:1px solid #6e7e9642;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.battle-ultimate-grid>button.ready{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.battle-ultimate-grid>button.ready{border-color:color-mix(in srgb, var(--amber) 70%, #fff)}}.battle-ultimate-grid>button.ready{cursor:pointer;background:linear-gradient(135deg,#ff5a4617,#58aaff14),#0c0e1bf0;box-shadow:inset 0 0 22px #ff9d2e12}.battle-ultimate-grid>button:disabled{opacity:.48}.battle-ultimate-grid>button>span{color:#ffd17d;width:38px;height:38px;font-family:var(--font-display);border:1px solid;place-items:center;font-size:1rem;display:grid}.battle-ultimate-grid>button>div{display:grid}.battle-ultimate-grid small,.battle-ultimate-grid i{color:var(--muted);font-size:.42rem;font-style:normal}.battle-ultimate-grid strong{margin:2px 0;font-size:.7rem}.battle-ultimate-grid>button>b{color:var(--amber);font-size:.48rem}.battle-attack-confirm{border:1px solid var(--amber);min-height:82px;color:var(--paper);text-align:left;cursor:pointer;background:linear-gradient(90deg,#ff9d2e24,#ff9d2e05),#08131f;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:12px 16px;display:grid;box-shadow:inset 0 0 26px #ff9d2e12}.battle-attack-confirm:hover:not(:disabled){background:linear-gradient(90deg,#ff9d2e38,#ff9d2e0d),#08131f}.battle-attack-confirm:disabled{opacity:.4;cursor:not-allowed}.battle-attack-confirm>span{border:1px solid var(--amber);width:42px;height:42px;color:var(--amber);font-family:var(--font-display);place-items:center;font-size:1.05rem;display:grid}.battle-attack-confirm>div{display:grid}.battle-attack-confirm small{color:var(--amber);letter-spacing:.08em;font-size:.42rem}.battle-attack-confirm strong{margin-top:3px;font-size:.76rem}.battle-attack-confirm>b{min-width:72px;color:var(--amber);text-align:center;border:1px solid #ff9d2e73;padding:8px 10px;font-size:.54rem}.battle-command-prompt{background:#24e6ff0a;border:1px solid #24e6ff38;align-items:center;gap:10px;min-height:48px;padding:8px 11px;display:flex}.battle-command-prompt>span{min-width:48px;height:25px;color:var(--cyan);letter-spacing:.08em;border:1px solid #24e6ff6b;place-items:center;font-size:.44rem;font-weight:900;display:grid}.battle-command-prompt>div{flex:1;display:grid}.battle-command-prompt strong{font-size:.68rem}.battle-command-prompt small{color:var(--muted);margin-top:2px;font-size:.46rem}.battle-command-prompt>button{min-height:34px;color:var(--amber);cursor:pointer;background:#ff9d2e0f;border:1px solid #ff9d2e61;padding:0 10px;font-size:.5rem}.skill-command-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.skill-command-grid>button{min-height:82px;color:var(--paper);text-align:left;cursor:pointer;background:#07121ed1;border:1px solid #2f78985c;grid-template-columns:42px 1fr auto;align-items:center;padding:11px 13px;transition:all .16s;display:grid}.skill-command-grid>button:hover:not(:disabled){border-color:var(--element-color);background:var(--element-color)}@supports (color:color-mix(in lab, red, red)){.skill-command-grid>button:hover:not(:disabled){background:color-mix(in srgb, var(--element-color) 7%, #07121e)}}.skill-command-grid>button:hover:not(:disabled){transform:translateY(-2px)}.skill-command-grid>button:disabled{opacity:.34;cursor:not-allowed}.skill-command-grid>button>span{border:1px solid var(--element-color);place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.skill-command-grid>button>span{border:1px solid color-mix(in srgb, var(--element-color) 52%, transparent)}}.skill-command-grid>button>span{color:var(--element-color);font-family:var(--font-display)}.skill-command-grid>button>div{display:grid}.skill-command-grid small,.skill-command-grid i{color:var(--muted);font-size:.45rem;font-style:normal}.skill-command-grid strong{margin:2px 0;font-size:.74rem}.skill-command-grid>button>b{color:var(--cyan);font-size:.54rem}.battle-target-picker{gap:10px;display:grid}.battle-target-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.battle-target-grid>button{border:1px solid var(--fighter-color);grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-height:74px;padding:9px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.battle-target-grid>button{border:1px solid color-mix(in srgb, var(--fighter-color) 35%, #1a4256)}}.battle-target-grid>button{color:var(--paper);background:linear-gradient(135deg, var(--fighter-color), #07121e)}@supports (color:color-mix(in lab, red, red)){.battle-target-grid>button{background:linear-gradient(135deg, color-mix(in srgb, var(--fighter-color) 7%, #07121e), #07121e)}}.battle-target-grid>button{text-align:left;cursor:pointer;transition:all .16s}.battle-target-grid>button:hover:not(:disabled),.battle-target-grid>button[aria-pressed=true]{border-color:var(--fighter-color);box-shadow:inset 0 0 22px var(--fighter-color), 0 0 16px var(--fighter-color)}@supports (color:color-mix(in lab, red, red)){.battle-target-grid>button:hover:not(:disabled),.battle-target-grid>button[aria-pressed=true]{box-shadow:inset 0 0 22px color-mix(in srgb, var(--fighter-color) 8%, transparent), 0 0 16px color-mix(in srgb, var(--fighter-color) 11%, transparent)}}.battle-target-grid>button:hover:not(:disabled),.battle-target-grid>button[aria-pressed=true]{transform:translateY(-2px)}.battle-target-grid>button:disabled{opacity:.34;cursor:not-allowed}.battle-target-grid>button>span{border:1px solid var(--fighter-color);width:30px;height:30px;color:var(--fighter-color);font-family:var(--font-display);place-items:center;display:grid}.battle-target-grid>button>div{display:grid}.battle-target-grid strong{font-size:.64rem}.battle-target-grid small{color:var(--muted);margin-top:3px;font-size:.44rem}.battle-target-grid>button>b{color:var(--fighter-color);font-size:.5rem}.battle-action-status{border:1px solid var(--element-color);grid-template-columns:62px 1fr auto;align-items:center;min-height:146px;padding:22px 26px;display:grid}@supports (color:color-mix(in lab, red, red)){.battle-action-status{border:1px solid color-mix(in srgb, var(--element-color) 42%, #193c50)}}.battle-action-status{background:radial-gradient(circle at 12% 50%, var(--element-color), transparent 26%), #040c15e0}@supports (color:color-mix(in lab, red, red)){.battle-action-status{background:radial-gradient(circle at 12% 50%, color-mix(in srgb, var(--element-color) 14%, transparent), transparent 26%), #040c15e0}}.battle-action-status>span{border:1px solid var(--element-color);width:48px;height:48px;color:var(--element-color);box-shadow:0 0 24px var(--element-color);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.battle-action-status>span{box-shadow:0 0 24px color-mix(in srgb, var(--element-color) 18%, transparent)}}.battle-action-status>span{font-family:var(--font-display);font-size:1.2rem}.battle-action-status>div{display:grid}.battle-action-status small{color:var(--element-color);letter-spacing:.12em;font-size:.44rem}.battle-action-status strong{font-family:var(--font-display);margin:4px 0;font-size:1rem}.battle-action-status i{color:var(--muted);font-size:.52rem;font-style:normal}.battle-action-status>b{color:#fff0bd;font-size:.58rem}@keyframes battle-defense-flash{0%{opacity:0;transform:scale(.58)rotate(-8deg)}45%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:.92;transform:scale(1)rotate(0)}}@keyframes battle-counter-line{0%{opacity:0;transform:rotate(var(--counter-angle)) scaleX(0)}38%{opacity:1;transform:rotate(var(--counter-angle)) scaleX(1.06)}to{opacity:0;transform:rotate(var(--counter-angle)) scaleX(1)}}@keyframes battle-counter-recoil{0%,to{transform:translate(0)scale(1)}28%{transform:translate(10%,-4%)scale(.9)rotate(3deg)}56%{transform:translate(-5%,2%)scale(1.06)rotate(-2deg)}}@keyframes battle-reticle{50%{opacity:.68;transform:translate(-50%,-58%)scale(.88)rotate(18deg)}}@keyframes battle-attacker-rush{0%,to{transform:translate(0)scale(1)}18%{transform:translate(-8%)scale(1.05)}58%{transform:translate(var(--battle-attack-x), var(--battle-attack-y)) scale(.9)}72%{transform:translate(var(--battle-attack-x), var(--battle-attack-y)) scale(1.08)}}@keyframes battle-attacker-double{0%,to{transform:translate(0)scale(1)}28%,72%{transform:translate(var(--battle-attack-x), var(--battle-attack-y)) scale(.92)}46%{transform:translate(0)scale(1.06)}}@keyframes battle-attacker-cast{0%,to{transform:scale(1)}45%{transform:translateY(-6px) scale(1.08) rotate(var(--battle-fx-angle))}}@keyframes battle-attacker-guard{0%,to{transform:scale(1)}52%{transform:scale(.94)}68%{transform:scale(1.12)}}@keyframes battle-attacker-channel{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.06)}}@keyframes battle-attacker-storm{0%,to{transform:scale(1)}46%{transform:scale(1.1)}70%{transform:scale(.96)}}@keyframes battle-target-recoil{0%,to{transform:translate(0)}18%{transform:translate(10px)rotate(1deg)}36%{transform:translate(-7px)rotate(-1deg)}56%{transform:translate(5px)}74%{transform:translate(-2px)}}@keyframes battle-target-bind{0%,to{transform:none}45%{transform:scale(.9)rotate(-2deg)}}@keyframes battle-target-drain{0%,to{opacity:1;transform:none}52%{opacity:.48;transform:scale(.88)}}@keyframes battle-target-soft{0%,to{transform:none}48%{transform:scale(1.04)}}@keyframes battle-camera-shake{0%,to{transform:translate(0)}18%{transform:translate(-5px,2px)}34%{transform:translate(6px,-2px)}50%{transform:translate(-4px,-1px)}68%{transform:translate(3px,2px)}}@keyframes battle-speed-lines{0%{opacity:0;transform:scaleX(.08)}35%{opacity:.92}to{opacity:0;transform:scaleX(1.18)}}@keyframes battle-fx-backdrop{0%,to{opacity:0}35%,72%{opacity:1}}@keyframes battle-fx-geometry{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--battle-fx-angle)) scale(.18)}70%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--battle-fx-angle) + 120deg)) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--battle-fx-angle) + 210deg)) scale(1.35)}}@keyframes battle-fx-symbol{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}62%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}@keyframes battle-fx-particle{0%{opacity:1;transform:rotate(var(--particle-angle)) translateX(4px)}to{opacity:0;transform:rotate(var(--particle-angle)) translateX(76px) scale(.25)}}@keyframes battle-projectile{0%{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:0;transform:scale(.42)}24%{opacity:1}to{top:var(--battle-impact-y);left:var(--battle-impact-x);opacity:.88;transform:scale(1.15)}}@keyframes battle-projectile-reverse{0%{top:var(--battle-impact-y);left:var(--battle-impact-x);opacity:0;transform:scale(.5)}20%{opacity:1}to{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:0;transform:scale(1.15)}}@keyframes battle-projectile-guard{0%{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:0;transform:scale(.3)}38%,58%{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:1;transform:scale(1.25)}to{top:var(--battle-impact-y);left:var(--battle-impact-x);opacity:0;transform:scale(.72)}}@keyframes battle-projectile-storm{0%{top:-12%;left:var(--battle-impact-x);opacity:0;transform:scale(1.8)}28%{opacity:1}to{top:var(--battle-impact-y);left:var(--battle-impact-x);opacity:0;transform:scale(.7)}}@keyframes battle-projectile-double{0%{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:0}32%{top:var(--battle-impact-y);left:var(--battle-impact-x);opacity:1}48%{top:var(--battle-origin-y);left:var(--battle-origin-x);opacity:.25}78%{top:var(--battle-impact-y);left:var(--battle-impact-x);opacity:1}to{opacity:0}}@keyframes battle-impact-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.08)}46%{opacity:1;transform:translate(-50%,-50%)scale(5.4)}to{opacity:0;transform:translate(-50%,-50%)scale(9.5)}}@keyframes battle-cutin{0%{opacity:0;transform:translate(-24%)}to{opacity:1;transform:translate(0)}}@keyframes battle-damage-float{0%{opacity:0;transform:translate(-50%,12px)scale(.7)}28%{opacity:1;transform:translate(-50%)scale(1.18)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}@keyframes awakening-marker-pulse{50%{filter:brightness(1.45);transform:scale(1.18)}}.arena-result{grid-template-columns:minmax(280px,.65fr) minmax(470px,1fr);align-items:center;gap:34px;width:min(1080px,100%);min-height:600px;margin:0 auto;display:grid}.rank-emblem{aspect-ratio:1;border:1px solid var(--amber);background:radial-gradient(circle,#ff9d2e24,#0000 62%),#07111d;border-radius:50%;place-content:center;justify-items:center;width:min(320px,100%);display:grid;box-shadow:0 0 0 22px #ff9d2e06,0 0 0 44px #ff9d2e05,0 0 65px #ff9d2e1f}.rank-emblem small{color:var(--amber);letter-spacing:.15em;font-size:.52rem}.rank-emblem strong{font-family:Georgia,serif;font-size:7rem;line-height:.9}.rank-emblem span{font-family:var(--font-display);margin-top:10px}.result-copy{background:#06101bc2;border:1px solid #2f789861;padding:36px}.result-copy h2{font-family:var(--font-display);word-break:keep-all;margin:8px 0 24px;font-size:clamp(1.8rem,3vw,2.75rem)}.reward-line{background:#24e6ff0d;border:1px solid #24e6ff47;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.reward-line span{color:var(--muted);font-size:.66rem}.reward-line strong{color:var(--cyan);font-size:1.15rem}.evolution-cinematic{z-index:100;background:radial-gradient(circle at 50% 42%, var(--element-color), transparent 28%), #01050af5;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.evolution-cinematic{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--element-color) 24%, transparent), transparent 28%), #01050af5}}.evolution-cinematic{animation:.42s ease-out both evolution-curtain}.evolution-flare{aspect-ratio:1;background:radial-gradient(circle, #fff 0 1%, var(--element-color) 2%, transparent 52%);filter:blur(2px);border-radius:50%;width:min(70vw,740px);animation:2.5s ease-in-out infinite evolution-flare;position:absolute}.evolution-rune{aspect-ratio:1;border:1px solid var(--element-color);width:min(68vw,660px);position:absolute}@supports (color:color-mix(in lab, red, red)){.evolution-rune{border:1px solid color-mix(in srgb, var(--element-color) 58%, transparent)}}.evolution-rune{box-shadow:0 0 0 42px var(--element-color), inset 0 0 52px var(--element-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.evolution-rune{box-shadow:0 0 0 42px color-mix(in srgb, var(--element-color) 3%, transparent), inset 0 0 52px color-mix(in srgb, var(--element-color) 10%, transparent)}}.evolution-rune{animation:18s linear infinite spin}.evolution-rune:before,.evolution-rune:after{border:1px dashed var(--element-color);position:absolute;inset:11%}@supports (color:color-mix(in lab, red, red)){.evolution-rune:before,.evolution-rune:after{border:1px dashed color-mix(in srgb, var(--element-color) 48%, transparent)}}.evolution-rune:before,.evolution-rune:after{content:"";border-radius:50%}.evolution-rune:after{border-style:solid;inset:28%}.rune-b{width:min(52vw,510px);animation-duration:11s;animation-direction:reverse}.evolution-cinematic>.evolution-dragon-artwork{z-index:2;width:min(62vw,620px);height:min(58vh,500px);animation:2.4s cubic-bezier(.2,.8,.2,1) both evolution-dragon;position:relative;-webkit-mask-image:radial-gradient(#000 35%,#000000f0 54%,#0000 78%);mask-image:radial-gradient(#000 35%,#000000f0 54%,#0000 78%)}.evolution-cinematic>.evolution-dragon-artwork img{object-position:68% center}.evolution-message{z-index:4;text-align:center;background:linear-gradient(90deg,#0000,#02080ee0 16% 84%,#0000);justify-items:center;padding:24px;display:grid;position:absolute;bottom:clamp(24px,6vh,72px);left:0;right:0}.evolution-message small{color:var(--element-color);letter-spacing:.2em;font-size:.52rem;font-weight:900}.evolution-message p{font-family:var(--font-display);margin:8px 0 4px;font-size:clamp(1.2rem,2.7vw,2rem)}.evolution-message h2{color:#fff4c2;font-family:var(--font-display);margin:0 0 16px;font-size:clamp(1.45rem,3.4vw,2.8rem)}.evolution-message button{border:1px solid var(--element-color);color:#fff;background:var(--element-color);min-width:220px;padding:12px 18px}@supports (color:color-mix(in lab, red, red)){.evolution-message button{background:color-mix(in srgb, var(--element-color) 16%, #07111d)}}.evolution-message button{cursor:pointer}.result-standings{grid-template-columns:1fr 1fr;margin:18px 0;display:grid}.result-standings>div{border-bottom:1px solid #2f78982e;grid-template-columns:26px 1fr auto;padding:8px 10px;font-size:.64rem;display:grid}.result-standings>div.player{color:var(--cyan);background:#24e6ff0f}.fusion-layout{grid-template-columns:minmax(520px,1.25fr) 320px;gap:18px;width:min(1380px,100%);margin:0 auto;display:grid}.fusion-chamber{background:radial-gradient(circle at 50% 40%,#24e6ff17,#0000 27%),#050f19c2;border:1px solid #2f78986b;grid-template-rows:1fr auto auto auto;grid-template-columns:1fr 130px 1fr;gap:18px;min-height:490px;padding:34px;display:grid}.parent-soul{text-align:center;background:#030910a8;border:1px solid #2f789857;align-content:center;justify-items:center;min-height:190px;padding:24px;display:grid}.parent-soul-artwork{border:1px solid var(--phenotype-primary);width:150px;height:92px;margin-bottom:14px}@supports (color:color-mix(in lab, red, red)){.parent-soul-artwork{border:1px solid color-mix(in srgb, var(--phenotype-primary) 45%, #214c62)}}.parent-soul-artwork{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 0 28px var(--phenotype-primary)}@supports (color:color-mix(in lab, red, red)){.parent-soul-artwork{box-shadow:0 0 28px color-mix(in srgb, var(--phenotype-primary) 12%, transparent)}}.parent-soul-artwork img{object-position:68% center}.parent-soul>span{border:1px solid var(--element-color);width:74px;height:74px;color:var(--element-color);box-shadow:0 0 28px var(--element-color);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.parent-soul>span{box-shadow:0 0 28px color-mix(in srgb, var(--element-color) 13%, transparent)}}.parent-soul>span{font-family:var(--font-display);font-size:1.8rem}.guest-soul>span{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 28px #24e6ff21}.parent-soul small{color:var(--muted);letter-spacing:.13em;font-size:.48rem}.parent-soul strong{font-family:var(--font-display);margin:6px 0;font-size:1rem}.parent-soul i{color:var(--muted);font-size:.56rem;font-style:normal}.fusion-core{color:#506a78;place-content:center;justify-items:center;display:grid}.fusion-core span{border:1px dashed #315466;border-radius:50%;place-items:center;width:92px;height:92px;font-family:Georgia,serif;font-size:2.9rem;display:grid}.fusion-core small{letter-spacing:.13em;margin-top:10px;font-size:.47rem}.fusion-core.active span{border-color:var(--cyan);color:var(--cyan);animation:1.5s ease-in-out infinite fusion-pulse;box-shadow:0 0 42px #24e6ff2e}.fusion-result{text-align:center;background:#0309108f;border:1px solid #2f789847;grid-column:1/-1;align-content:center;justify-items:center;min-height:88px;padding:14px;display:grid}.fusion-result small{color:var(--muted);letter-spacing:.14em;font-size:.48rem}.fusion-result strong{color:#607885;font-family:var(--font-display);margin:5px 0;font-size:1.45rem}.fusion-result span{color:var(--muted);font-size:.56rem}.fusion-result.revealed{border-color:#24e6ff8a;box-shadow:inset 0 0 26px #24e6ff0d}.fusion-result.revealed strong{color:var(--cyan)}.fusion-chamber>.module-primary{grid-column:1/-1}.fusion-confirm{min-height:48px;color:var(--amber);cursor:pointer;background:#ff9d2e0f;border:1px solid #ff9d2e75;grid-column:1/-1;font-size:.72rem;font-weight:800}.fusion-confirm:disabled{color:#536b78;cursor:not-allowed;border-color:#8fa9b833}.guest-soul-list{background:#050f19ad;border:1px solid #2f789857;padding:24px}.guest-soul-list h3,.inheritance-board h3{font-family:var(--font-display);margin:6px 0 20px;font-size:1.15rem}.guest-soul-list>button{width:100%;min-height:68px;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-top-color:#2f789833;grid-template-columns:38px 1fr auto;align-items:center;padding:10px;display:grid}.guest-soul-list>button:hover,.guest-soul-list>button.active{border-color:var(--soul-color);background:var(--soul-color)}@supports (color:color-mix(in lab, red, red)){.guest-soul-list>button:hover,.guest-soul-list>button.active{background:color-mix(in srgb, var(--soul-color) 6%, transparent)}}.guest-soul-list>button>span{color:var(--soul-color);font-family:var(--font-display)}.guest-soul-list>button>div{display:grid}.guest-soul-list strong{font-size:.7rem}.guest-soul-list small,.guest-soul-list i{color:var(--muted);font-size:.49rem;font-style:normal}.inheritance-board{background:#050f19ad;border:1px solid #2f789857;grid-column:1/-1;padding:24px;position:relative}.inherit-count{color:var(--cyan);font-size:1.5rem;position:absolute;top:24px;right:24px}.inherit-count span{color:var(--muted);font-size:.65rem}.inherit-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.inherit-grid button{color:#8099a7;cursor:pointer;background:#03091080;border:1px solid #2f789847;align-items:center;gap:9px;min-height:42px;padding:8px 10px;font-size:.65rem;display:flex}.inherit-grid button span{color:#526b78}.inherit-grid button.selected{border-color:var(--cyan);color:#fff;background:#24e6ff0f}.inherit-grid button.selected span{color:var(--cyan)}.birth-route-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(1380px,100%);margin:0 auto 18px;display:grid}.birth-route-tabs button{color:#7f98a6;text-align:left;cursor:pointer;background:#050f19b8;border:1px solid #2f78984d;grid-template-columns:42px 1fr;align-items:center;min-height:74px;padding:12px 18px;display:grid}.birth-route-tabs button>span{width:32px;height:32px;font-family:var(--font-display);border:1px solid;border-radius:50%;grid-row:1/3;place-items:center;display:grid}.birth-route-tabs button small{color:#586f7b;margin-top:3px;font-size:.53rem}.birth-route-tabs button.active{border-color:var(--cyan);color:var(--paper);box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(90deg,#24e6ff14,#0000),#050f19d1}.birth-route-tabs button.active>span{color:var(--cyan);box-shadow:0 0 18px #24e6ff2e}.parent-soul label{text-align:left;gap:5px;width:100%;margin-top:18px;display:grid}.parent-soul label b{color:#6f8997;letter-spacing:.08em;font-size:.5rem;font-weight:700}.parent-soul select{width:100%;min-width:0;height:38px;color:var(--paper);background:#071421;border:1px solid #2f78986b;border-radius:0;padding:0 28px 0 9px;font-size:.57rem}.parent-soul select:disabled{color:#536b78}.parent-soul .fusion-partner-note{color:#6f8997;letter-spacing:0;margin-top:3px;font-size:.45rem;line-height:1.5}.fusion-result em{color:var(--amber);letter-spacing:.08em;margin-top:7px;font-size:.58rem;font-style:normal;font-weight:800}.newborn-name{background:#030910b3;border:1px solid #2f789857;grid-column:1/-1;grid-template-columns:minmax(160px,.42fr) 1fr 44px;align-items:center;gap:12px;min-height:64px;padding:12px 15px;display:grid}.newborn-name>span{font-family:var(--font-display);gap:4px;font-size:.76rem;display:grid}.newborn-name small{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.13em;font-size:.45rem}.newborn-name input{color:#fff;background:#24e6ff0a;border:1px solid #24e6ff4d;border-radius:0;width:100%;height:40px;padding:0 12px}.newborn-name>b{color:var(--muted);text-align:right;font-size:.56rem}.fusion-rule-card{align-self:start}.fusion-analysis-card{background:#24e6ff0a;border:1px solid #24e6ff42;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.fusion-analysis-card>span{border:1px solid var(--cyan);width:42px;height:42px;color:var(--cyan);font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.fusion-analysis-card>div{gap:5px;display:grid}.fusion-analysis-card strong{font-size:.68rem}.fusion-analysis-card small{line-height:1.55}.fusion-guide-list{gap:0;margin:16px 0;padding:0;list-style:none;display:grid}.fusion-guide-list li{color:#8099a7;border-top:1px solid #2f78982e;grid-template-columns:30px 1fr;align-items:center;min-height:49px;font-size:.58rem;line-height:1.5;display:grid}.fusion-guide-list li span{color:var(--amber);font-family:var(--font-display)}.fusion-breed-legend{flex-wrap:wrap;gap:6px;display:flex}.fusion-breed-legend span{border:1px solid var(--breed-aura);padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.fusion-breed-legend span{border:1px solid color-mix(in srgb, var(--breed-aura) 32%, transparent)}}.fusion-breed-legend span{color:var(--breed-aura)}@supports (color:color-mix(in lab, red, red)){.fusion-breed-legend span{color:color-mix(in srgb, var(--breed-aura) 72%, #8fa9b8)}}.fusion-breed-legend span{background:var(--breed-aura)}@supports (color:color-mix(in lab, red, red)){.fusion-breed-legend span{background:color-mix(in srgb, var(--breed-aura) 4%, transparent)}}.fusion-breed-legend span{font-size:.5rem}.fusion-breed-legend span.active{border-color:var(--breed-aura);color:var(--breed-aura);box-shadow:0 0 16px var(--breed-aura)}@supports (color:color-mix(in lab, red, red)){.fusion-breed-legend span.active{box-shadow:0 0 16px color-mix(in srgb, var(--breed-aura) 13%, transparent)}}.egg-mode .fusion-chamber{grid-template-columns:1fr}.egg-choice-panel{background:radial-gradient(circle at 90px,#24e6ff1a,#0000 21%),#0309108f;border:1px solid #2f78984d;grid-column:1/-1;grid-template-columns:170px 1fr;align-items:center;gap:24px;min-height:240px;padding:22px;display:grid}.egg-choice-panel h2{font-family:var(--font-display);margin:7px 0 5px;font-size:1.22rem}.egg-choice-panel>div:nth-child(2)>p:last-child{color:var(--muted);margin:0;font-size:.6rem;line-height:1.7}.egg-orbit{aspect-ratio:1;border:1px solid #24e6ff52;border-radius:50%;place-items:center;width:130px;margin:auto;display:grid;position:relative;box-shadow:inset 0 0 34px #24e6ff17,0 0 34px #24e6ff14}.egg-orbit>span{border:1px solid var(--cyan);width:58px;height:76px;color:var(--cyan);border-radius:50% 50% 46% 46%;place-items:center;font-size:1.5rem;display:grid;box-shadow:inset 0 0 20px #24e6ff1f}.egg-orbit i{border:1px dashed #ff9d2e40;border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:12px}.egg-orbit i:nth-of-type(2){animation-duration:20s;animation-direction:reverse;inset:-8px}.egg-orbit i:nth-of-type(3){inset:35px -20px;transform:rotate(48deg)}.egg-choice-grid{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.egg-choice-grid button{color:#738c99;cursor:pointer;background:#050f19b8;border:1px solid #2f789847;place-content:center;justify-items:center;gap:4px;min-height:88px;display:grid}.egg-choice-grid button span{color:var(--egg-color);font-family:var(--font-display);font-size:1rem}.egg-choice-grid button strong{font-size:.61rem}.egg-choice-grid button small{font-size:.45rem}.egg-choice-grid button.active{border-color:var(--egg-color);color:#fff;background:var(--egg-color)}@supports (color:color-mix(in lab, red, red)){.egg-choice-grid button.active{background:color-mix(in srgb, var(--egg-color) 7%, #071421)}}.egg-choice-grid button.active{box-shadow:inset 0 -2px var(--egg-color)}.inheritance-board>div>small{color:var(--muted);font-size:.54rem}.inherit-empty{color:var(--muted);grid-column:1/-1;margin:0;font-size:.62rem}.birth-reveal{z-index:120;background:radial-gradient(circle at 34% 48%,#24e6ff2e,#0000 26%),#02060cf5;grid-template-columns:minmax(280px,500px) minmax(300px,480px);justify-content:center;align-items:center;gap:5vw;padding:40px;animation:.55s ease-out both evolution-curtain;display:grid;position:fixed;inset:0;overflow:hidden}.birth-reveal:before,.birth-reveal:after{aspect-ratio:1;content:"";border:1px solid #24e6ff33;border-radius:50%;width:62vmin;animation:34s linear infinite spin;position:absolute}.birth-reveal:after{border-style:dashed;border-color:#ff9d2e3b;width:46vmin;animation-direction:reverse}.birth-reveal-glow{aspect-ratio:1;filter:blur(40px);background:#24e6ff1c;border-radius:50%;width:34vmin;animation:2.3s ease-in-out infinite evolution-flare;position:absolute}.birth-reveal .birth-dragon-artwork{z-index:2;width:100%;height:min(62vh,560px);animation:1.2s ease-out both evolution-dragon;position:relative;-webkit-mask-image:radial-gradient(#000 36%,#000000eb 54%,#0000 78%);mask-image:radial-gradient(#000 36%,#000000eb 54%,#0000 78%)}.birth-reveal .birth-dragon-artwork img{object-position:68% center}.birth-reveal>div:last-child{z-index:3;background:linear-gradient(90deg,#24e6ff0d,#0000);border-left:1px solid #24e6ff6b;padding:34px;position:relative}.birth-reveal>div:last-child>small{color:var(--amber);font-size:.62rem}.birth-reveal h2{font-family:var(--font-display);margin:10px 0 5px;font-size:clamp(2.2rem,6vw,5rem);font-weight:500}.birth-reveal>div:last-child>p:last-of-type{color:var(--muted)}.birth-reveal button{border:1px solid var(--cyan);min-width:220px;min-height:48px;color:var(--cyan);cursor:pointer;background:#24e6ff12;margin-top:20px}.codex-elements{grid-template-columns:repeat(8,1fr);gap:8px;width:min(1450px,100%);margin:0 auto 18px;display:grid}.codex-elements button{color:#708a98;cursor:pointer;background:#06101bad;border:1px solid #2f789847;justify-content:center;align-items:center;gap:10px;min-height:54px;display:flex}.codex-elements button:hover,.codex-elements button.active{border-color:var(--codex-color);color:var(--codex-color);background:var(--codex-color)}@supports (color:color-mix(in lab, red, red)){.codex-elements button:hover,.codex-elements button.active{background:color-mix(in srgb, var(--codex-color) 6%, #06101b)}}.codex-elements button span{font-family:var(--font-display);font-size:1rem}.codex-elements button strong{font-size:.72rem}.codex-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;width:min(1450px,100%);margin:0 auto;display:grid}.lineage-index{align-content:start;gap:8px;display:grid}.lineage-index button{min-height:66px;color:var(--paper);text-align:left;cursor:pointer;background:#06101bad;border:1px solid #2f789847;grid-template-columns:38px 1fr;align-items:center;padding:10px 13px;display:grid}.lineage-index button:hover,.lineage-index button.active{border-color:var(--codex-color,var(--cyan));background:#24e6ff0b}.lineage-index button.locked{opacity:.4}.lineage-index button>span{color:var(--cyan);font-size:.58rem}.lineage-index button>div{display:grid}.lineage-index small{color:var(--muted);font-size:.48rem}.lineage-index strong{font-family:var(--font-display);margin-top:3px;font-size:.78rem}.codex-entry{border:1px solid var(--codex-color);grid-template-columns:minmax(360px,.95fr) minmax(380px,1fr);min-height:560px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.codex-entry{border:1px solid color-mix(in srgb, var(--codex-color) 40%, #18384d)}}.codex-entry{background:#07111d}.codex-dragon-silhouette{background:radial-gradient(circle at 56% 47%, var(--codex-color), transparent 37%), #030912;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.codex-dragon-silhouette{background:radial-gradient(circle at 56% 47%, color-mix(in srgb, var(--codex-color) 13%, transparent), transparent 37%), #030912}}.codex-dragon-artwork{width:100%;height:100%}.codex-dragon-silhouette img{object-fit:cover;object-position:68% center;opacity:.82;width:100%;height:100%}.codex-dragon-silhouette:after{content:"";background:linear-gradient(90deg,#0000 62%,#07111d);position:absolute;inset:0}.codex-dragon-silhouette>span{z-index:2;border:1px solid var(--codex-color);width:64px;height:64px;color:var(--codex-color);font-family:var(--font-display);background:#030911b8;place-items:center;font-size:1.65rem;display:grid;position:absolute;bottom:28px;left:28px}.codex-copy{align-content:center;padding:clamp(28px,4vw,54px);display:grid}.codex-copy .eyebrow{color:var(--codex-color)}.codex-copy h2{font-family:var(--font-display);margin:9px 0 20px;font-size:clamp(2rem,3.8vw,3.5rem)}.codex-copy>p:not(.eyebrow){color:#a0b5c0;margin:0 0 24px;font-size:.82rem;line-height:1.9}.codex-copy dl{margin:0}.codex-copy dl div{border-top:1px solid #2f789833;grid-template-columns:90px 1fr;padding:9px 0;font-size:.65rem;display:grid}.codex-copy dt{color:var(--muted)}.codex-copy dd{margin:0}.codex-skills{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.codex-skills span{border:1px solid var(--codex-color);padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.codex-skills span{border:1px solid color-mix(in srgb, var(--codex-color) 35%, transparent)}}.codex-skills span{color:var(--codex-color);background:var(--codex-color)}@supports (color:color-mix(in lab, red, red)){.codex-skills span{background:color-mix(in srgb, var(--codex-color) 5%, transparent)}}.codex-skills span{font-size:.57rem}.shop-layout{grid-template-columns:280px minmax(530px,1fr) 250px;gap:18px;width:min(1450px,100%);margin:0 auto;display:grid}.shopkeeper{text-align:center;background:radial-gradient(circle at 50% 20%,#ff9d2e1a,#0000 22%),#08111bc2;border:1px solid #ff9d2e57;align-content:start;justify-items:center;padding:28px 22px;display:grid}.shopkeeper.twins{border-color:var(--cyan);background:radial-gradient(circle at 50% 20%,#24e6ff1a,#0000 22%),#08111bc2}.keeper-portrait{border:1px solid var(--amber);width:112px;height:112px;color:var(--amber);font-family:var(--font-display);background:#ff9d2e0f;border-radius:50%;place-items:center;margin-bottom:20px;font-size:2.2rem;display:grid;box-shadow:0 0 35px #ff9d2e17}.shopkeeper.twins .keeper-portrait{border-color:var(--cyan);color:var(--cyan);background:#24e6ff0f}.shopkeeper>small{color:var(--amber);letter-spacing:.14em;font-size:.48rem;font-weight:800}.shopkeeper.twins>small{color:var(--cyan)}.shopkeeper h2{font-family:var(--font-display);margin:7px 0 16px;font-size:1.25rem}.shopkeeper>p{color:#a0b4bf;min-height:82px;margin:0;font-size:.7rem;line-height:1.8}.twin-condition{text-align:left;background:#03091080;border:1px solid #2f789840;width:100%;margin-top:24px;padding:14px;display:grid}.twin-condition span{color:var(--muted);font-size:.48rem}.twin-condition strong{margin:4px 0;font-size:.63rem}.twin-condition small{color:var(--cyan);font-size:.55rem}.shop-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;display:grid}.shop-grid article{background:#06101bb8;border:1px solid #2f78984d;align-content:start;min-height:260px;padding:20px;display:grid}.item-glyph{width:52px;height:52px;color:var(--amber);font-family:var(--font-display);background:#ff9d2e0f;border:1px solid #ff9d2e85;place-items:center;margin-bottom:18px;display:grid}.shop-grid article>small{color:var(--muted);letter-spacing:.12em;font-size:.44rem}.shop-grid h3{font-family:var(--font-display);margin:6px 0 9px;font-size:.95rem}.shop-grid p{color:#91a8b5;margin:0 0 20px;font-size:.64rem;line-height:1.7}.shop-grid button{min-height:42px;color:var(--amber);cursor:pointer;background:#ff9d2e0d;border:1px solid #ff9d2e73;justify-content:space-between;align-items:center;margin-top:auto;padding:0 11px;display:flex}.shop-grid button:disabled{color:#516873;cursor:not-allowed;border-color:#8fa9b833}.shop-grid button span,.shop-grid button strong{font-size:.58rem}.rank-ladder{background:#06101bb3;border:1px solid #2f78984d;padding:22px}.rank-ladder h3{font-family:var(--font-display);margin:6px 0 18px;font-size:1rem}.rank-ladder>div{color:#516a77;border-top:1px solid #2f789829;grid-template-columns:28px 1fr auto;align-items:center;min-height:39px;display:grid}.rank-ladder>div span,.rank-ladder>div i{font-size:.48rem;font-style:normal}.rank-ladder>div strong{font-size:.6rem}.rank-ladder>div.passed{color:#8aa2af}.rank-ladder>div.current{color:var(--cyan);background:#24e6ff0e}.module-placeholder{z-index:2;text-align:center;background:radial-gradient(circle at 50% 48%,#24e6ff14,#0000 22%),0 0;place-content:center;justify-items:center;min-height:calc(100svh - 72px);padding:40px 24px;display:grid;position:relative}.module-placeholder h1{font-family:var(--font-display);margin:10px 0;font-size:clamp(2.6rem,6vw,5rem)}.module-placeholder>p:not(.eyebrow){max-width:520px;color:var(--muted);margin:0 0 28px;line-height:1.8}.module-glyph{width:90px;height:90px;color:var(--cyan);font-family:var(--font-display);background:#24e6ff0f;border:1px solid #24e6ff6b;border-radius:50%;place-items:center;margin-bottom:24px;font-size:2rem;display:grid;box-shadow:0 0 38px #24e6ff1c}.mobile-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-10px)rotate(-5deg)}}@keyframes insert-coin{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}58%{opacity:1;transform:translateY(158px)rotate(180deg)scale(.72)}76%,to{opacity:0;transform:translateY(194px)rotate(260deg)scale(.25,.05)}}@keyframes slot-flare{0%,45%{box-shadow:0 0 20px #24e6ff24}68%{border-color:#fff;box-shadow:0 0 60px 18px #24e6ff61}to{box-shadow:0 0 26px #24e6ff42}}@keyframes credit-flash{0%{filter:brightness()}35%{filter:brightness(2.8);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}@keyframes egg-hatch{0%{transform:rotate(-2deg)translate(-3px)}to{transform:rotate(2deg)translate(3px)}}@keyframes birth-flare{0%{opacity:.15;transform:scale(.65)}75%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}@keyframes dragon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes crystal-pulse{0%,to{filter:brightness(.85)}50%{filter:brightness(1.35)}}@keyframes node-pulse{0%,to{filter:brightness(.9)}50%{filter:brightness(1.35)}}@keyframes insert-mini-coin{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}62%{opacity:1;transform:translateY(142px)rotate(180deg)scale(.68)}to{opacity:0;transform:translateY(174px)rotate(250deg)scale(.18,.04)}}@keyframes training-sweep{0%{left:0}50%{left:calc(100% - 4px)}to{left:0}}@keyframes training-strike-charge{0%,to{left:4%;transform:translate(-24%)scale(.86)}50%{left:96%;transform:translate(-78%)scale(1.02)}}@keyframes strike-dust-trail{0%{opacity:.18;transform:translate(-28%)}50%{opacity:.68}to{opacity:.1;transform:translate(240%)}}@keyframes sorcery-orbit-spin{to{transform:rotate(360deg)}}@keyframes training-fireball-flight{0%{right:-68px;transform:scale(.72)}50%{transform:scale(1.12)}to{right:calc(100% + 68px);transform:scale(.72)}}@keyframes shield-feedback-in{0%{opacity:0;transform:translate(-50%,-45%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes shield-dragon-hover{0%,to{transform:translate(-50%,-48%)scale(.96)}50%{transform:translate(-50%,-53%)scale(1.02)}}@keyframes prayer-sync-pulse{0%,to{opacity:.42;transform:scale(.58)}50%{opacity:1;transform:scale(1.18)}}@keyframes fusion-pulse{0%,to{filter:brightness(.9);transform:scale(.96)}50%{filter:brightness(1.4);transform:scale(1.05)}}@keyframes canyon-cloud-drift{to{transform:translate(850px)}}@keyframes canyon-rush{0%{transform:scale(1.02)translateY(-2px)}to{transform:scale(1.09)translateY(7px)}}@keyframes flight-lines{to{background-position:92px 0}}@keyframes dragon-flight{0%,to{transform:translate(-50%,-50%)rotate(-2deg)scale(.96)}50%{transform:translate(-50%,-56%)rotate(2deg)scale(1.03)}}@keyframes flight-shadow{0%,to{opacity:.46;transform:translate(-50%)scale(.88)}50%{opacity:.26;transform:translate(-50%)scale(1.08)}}@keyframes evolution-curtain{0%{opacity:0}to{opacity:1}}@keyframes evolution-flare{0%,to{opacity:.48;transform:scale(.84)}50%{opacity:1;transform:scale(1.12)}}@keyframes evolution-dragon{0%{opacity:0;transform:scale(.42)}38%{opacity:1;transform:scale(1.12)}68%{filter:brightness(3)saturate(0);transform:scale(.96)}to{opacity:1;transform:scale(1)}}.admin-catalog{background:radial-gradient(circle at 82% 5%,#24e6ff17,#0000 24%),linear-gradient(#040a12,#071321 42%,#040a12);min-height:100svh;padding-bottom:80px;position:relative;overflow:hidden}.admin-grid-glow{pointer-events:none;background-image:linear-gradient(#24e6ff09 1px,#0000 1px),linear-gradient(90deg,#24e6ff09 1px,#0000 1px);background-size:58px 58px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.admin-topbar{z-index:2;background:#040a12e0;border-bottom:1px solid #2f78984d;justify-content:space-between;align-items:center;min-height:76px;padding:0 max(28px,50vw - 730px);display:flex;position:relative}.admin-brand{color:var(--paper);align-items:center;gap:12px;text-decoration:none;display:flex}.admin-brand>span{border:1px solid var(--cyan);width:40px;height:40px;color:var(--cyan);font-family:var(--font-display);place-items:center;display:grid;box-shadow:0 0 20px #24e6ff21}.admin-brand>div{display:grid}.admin-brand strong{font-family:var(--font-display);letter-spacing:.08em;font-size:.9rem}.admin-brand small{color:var(--muted);letter-spacing:.12em;font-size:.46rem}.admin-user{align-items:center;gap:8px;display:flex}.admin-user>span{color:#b9cbd4;text-align:right;margin-right:8px;font-size:.62rem;display:grid}.admin-user small{color:#58717f;letter-spacing:.1em;font-size:.42rem}.admin-user a{color:var(--muted);border:1px solid #2f78984d;padding:8px 10px;font-size:.56rem;text-decoration:none}.admin-user a:hover{border-color:var(--cyan);color:var(--cyan)}.admin-hero{z-index:1;grid-template-columns:1fr auto;align-items:end;gap:32px;width:min(1400px,100% - 56px);margin:0 auto;padding:72px 0 42px;display:grid;position:relative}.admin-hero h1{font-family:var(--font-display);letter-spacing:.03em;margin:10px 0;font-size:clamp(2.1rem,4.4vw,4.4rem);font-weight:500}.admin-hero>div>p:last-child{max-width:720px;color:var(--muted);margin:0;font-size:.74rem;line-height:1.9}.admin-hero dl{grid-template-columns:repeat(3,110px);margin:0;display:grid}.admin-hero dl>div{text-align:center;border-left:1px solid #2f78984d;place-content:center;min-height:82px;display:grid}.admin-hero dt{color:var(--muted);letter-spacing:.1em;font-size:.5rem}.admin-hero dd{color:var(--cyan);font-family:var(--font-display);margin:5px 0 0;font-size:1.65rem}.admin-disclosure{z-index:1;background:#ff9d2e09;border:1px solid #ff9d2e40;grid-template-columns:90px 1fr;align-items:center;gap:18px;width:min(1400px,100% - 56px);margin:0 auto 16px;padding:13px 16px;display:grid;position:relative}.admin-disclosure span{color:var(--amber);letter-spacing:.1em;font-size:.57rem;font-weight:800}.admin-disclosure p{color:#899faa;margin:0;font-size:.56rem;line-height:1.7}.admin-filters{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050f19f0;border:1px solid #2f789852;grid-template-columns:minmax(220px,1fr) 160px 180px auto auto;gap:10px;width:min(1400px,100% - 56px);margin:0 auto 28px;padding:14px;display:grid;position:sticky;top:0}.admin-filters label{gap:5px;display:grid}.admin-filters label>span,.admin-filters legend{color:#6d8794;letter-spacing:.08em;font-size:.47rem}.admin-filters input,.admin-filters select{width:100%;height:40px;color:var(--paper);background:#071421;border:1px solid #2f789859;border-radius:0;padding:0 10px;font-size:.61rem}.admin-filters fieldset{border:0;gap:4px;min-width:214px;margin:0;padding:0;display:flex}.admin-filters legend{clip:rect(0 0 0 0);clip-path:inset(50%);position:absolute}.admin-filters fieldset button,.admin-reset{color:#76909d;cursor:pointer;background:#071421;border:1px solid #2f78984d;align-self:end;min-height:40px;padding:0 12px;font-size:.57rem}.admin-filters fieldset button.active{border-color:var(--cyan);color:var(--cyan);background:#24e6ff0f}.admin-reset:hover{border-color:var(--amber);color:var(--amber)}.admin-results{z-index:1;width:min(1400px,100% - 56px);margin:0 auto;position:relative}.admin-results-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.admin-results-heading h2{font-family:var(--font-display);margin:5px 0 0;font-size:1.5rem;font-weight:500}.admin-results-heading h2 small{color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;margin-left:7px;font-size:.5rem;font-weight:600}.admin-results-heading>strong{color:var(--cyan);font-family:var(--font-display);font-size:2rem}.admin-results-heading>strong span{color:var(--muted);font-family:var(--font-ui);margin-left:4px;font-size:.55rem}.admin-dragon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-dragon-card{border:1px solid var(--admin-aura);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.admin-dragon-card{border:1px solid color-mix(in srgb, var(--admin-aura) 25%, #18384d)}}.admin-dragon-card{background:#050f19d1}.admin-dragon-card:hover{border-color:var(--admin-aura)}@supports (color:color-mix(in lab, red, red)){.admin-dragon-card:hover{border-color:color-mix(in srgb, var(--admin-aura) 65%, var(--admin-element))}}.admin-dragon-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #0000003d}.admin-dragon-visual{background:radial-gradient(circle at 50% 55%, var(--admin-aura), transparent 36%), linear-gradient(180deg, #071421, #040a12);border-bottom:1px solid #2f789833;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.admin-dragon-visual{background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--admin-aura) 13%, transparent), transparent 36%), linear-gradient(180deg, #071421, #040a12)}}.admin-dragon-visual:after{content:"";background:linear-gradient(#0000,#03080ef2);height:38%;position:absolute;inset:auto 0 0}.admin-dragon-visual img{z-index:2;object-fit:contain;width:92%;height:238px;transition:transform .35s;position:relative}.admin-dragon-visual>.admin-dragon-artwork{width:100%;height:238px;transition:transform .35s}.admin-dragon-visual>.admin-dragon-artwork img{object-fit:cover;object-position:68% center;width:100%;height:100%}.admin-dragon-card:hover .admin-dragon-artwork{transform:scale(1.035)}.admin-aura-ring{aspect-ratio:1;border:1px solid var(--admin-aura);width:65%;position:absolute}@supports (color:color-mix(in lab, red, red)){.admin-aura-ring{border:1px solid color-mix(in srgb, var(--admin-aura) 36%, transparent)}}.admin-aura-ring{box-shadow:0 0 0 22px var(--admin-aura), inset 0 0 32px var(--admin-aura);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.admin-aura-ring{box-shadow:0 0 0 22px color-mix(in srgb, var(--admin-aura) 2%, transparent), inset 0 0 32px color-mix(in srgb, var(--admin-aura) 7%, transparent)}}.admin-register-id,.admin-breed-mark{z-index:4;position:absolute;top:12px}.admin-register-id{color:#698390;letter-spacing:.08em;font-size:.44rem;left:12px}.admin-breed-mark{border:1px solid var(--admin-aura);width:33px;height:33px;color:var(--admin-aura);font-family:var(--font-display);box-shadow:0 0 18px var(--admin-aura);border-radius:50%;place-items:center;display:grid;right:12px}@supports (color:color-mix(in lab, red, red)){.admin-breed-mark{box-shadow:0 0 18px color-mix(in srgb, var(--admin-aura) 14%, transparent)}}.admin-dragon-visual>small{z-index:4;color:var(--admin-element);letter-spacing:.1em;font-size:.47rem;position:absolute;bottom:12px;left:13px}.admin-dragon-copy{padding:16px}.admin-dragon-copy>p:first-child{color:var(--admin-aura);letter-spacing:.14em;margin:0;font-size:.46rem;font-weight:800}.admin-dragon-copy h3{font-family:var(--font-display);margin:6px 0 10px;font-size:.95rem;font-weight:500}.admin-dragon-copy>div{flex-wrap:wrap;gap:5px;display:flex}.admin-dragon-copy>div span{color:#88a0ac;border:1px solid #2f789840;padding:4px 6px;font-size:.47rem}.admin-dragon-description{color:#708995;min-height:3.2em;margin:12px 0 0;font-size:.55rem;line-height:1.6}.admin-phenotype-traits{border-top:1px solid #2f789833;gap:7px;margin:13px 0 0;padding-top:12px;display:grid}.admin-phenotype-traits>div{grid-template-columns:58px 1fr;gap:8px;display:grid}.admin-phenotype-traits dt,.admin-phenotype-traits dd{margin:0;font-size:.5rem;line-height:1.55}.admin-phenotype-traits dt{color:var(--admin-aura)}.admin-phenotype-traits dd{color:#8ba3ae}.admin-empty{min-height:360px;color:var(--muted);text-align:center;border:1px dashed #2f789852;place-content:center;justify-items:center;display:grid}.admin-empty>span{color:var(--cyan);font-size:2rem}.admin-empty h3{font-family:var(--font-display);margin:14px 0 3px}.admin-empty p{font-size:.62rem}.admin-empty button{border:1px solid var(--cyan);min-height:40px;color:var(--cyan);cursor:pointer;background:#24e6ff0d;margin-top:12px;padding:0 18px}.admin-section-tabs{z-index:2;background:#050f19db;border:1px solid #2f789857;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1400px,100% - 56px);margin:0 auto 22px;display:grid;position:relative}.admin-section-tabs button{color:#78909c;cursor:pointer;background:0 0;border:0;border-left:1px solid #2f789838;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.admin-section-tabs button:first-child{border-left:0}.admin-section-tabs button.active{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);background:linear-gradient(90deg,#24e6ff17,#0000)}.admin-section-tabs span{font-family:var(--font-display);font-size:.78rem}.admin-section-tabs b{color:inherit;font-size:.62rem}.admin-rule-disclosure{background:#24e6ff09;border-color:#24e6ff3d}.admin-rule-disclosure span{color:var(--cyan)}.admin-skill-mode{z-index:2;grid-template-columns:repeat(2,1fr);width:min(1400px,100% - 56px);margin:0 auto 12px;display:grid;position:relative}.admin-skill-mode button{color:#78909c;cursor:pointer;background:#050f19c7;border:1px solid #2f78984d;min-height:48px}.admin-skill-mode button+button{border-left:0}.admin-skill-mode button.active{border-color:var(--cyan);color:var(--cyan);background:#24e6ff0f}.admin-skill-mode b{margin-left:6px;font-size:.52rem}.admin-skill-filters{grid-template-columns:minmax(240px,1fr) 150px 150px 170px auto}.admin-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-skill-card{border:1px solid var(--skill-color);grid-template-rows:124px auto auto auto auto;min-width:0;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.admin-skill-card{border:1px solid color-mix(in srgb, var(--skill-color) 28%, #193d50)}}.admin-skill-card{background:radial-gradient(circle at 50% 0, var(--skill-color), transparent 34%), #050f19f0}@supports (color:color-mix(in lab, red, red)){.admin-skill-card{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--skill-color) 8%, transparent), transparent 34%), #050f19f0}}.admin-skill-card:hover{border-color:var(--skill-color)}@supports (color:color-mix(in lab, red, red)){.admin-skill-card:hover{border-color:color-mix(in srgb, var(--skill-color) 72%, white 8%)}}.admin-skill-card:hover{box-shadow:0 16px 44px #00000047}.admin-skill-fx{background:linear-gradient(105deg, transparent 15%, var(--skill-color), transparent 70%), #030a12;border-bottom:1px solid #2f789838;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.admin-skill-fx{background:linear-gradient(105deg, transparent 15%, color-mix(in srgb, var(--skill-color) 10%, transparent), transparent 70%), #030a12}}.admin-skill-fx:before,.admin-skill-fx:after,.admin-skill-fx>i{aspect-ratio:1;border:1px solid var(--skill-color);opacity:.44;content:"";width:76px;transform:rotate(var(--skill-angle));border-radius:50%;position:absolute}.admin-skill-fx:after{border-color:var(--skill-secondary);border-radius:20% 50%;width:42px}.admin-skill-fx>i:first-child{opacity:.16;border-style:dashed;width:140px}.admin-skill-fx>i:nth-child(2){width:12px;box-shadow:0 0 18px #fff, 0 0 46px var(--skill-color);background:#fff;border:0}.admin-skill-card:hover .admin-skill-fx:before{animation:1.15s ease-out both admin-skill-ring}.admin-skill-card:hover .admin-skill-fx:after{animation:1.15s ease-out 90ms reverse both admin-skill-ring}.admin-skill-card:hover .admin-skill-fx>i:first-child{animation:3s linear infinite spin}.admin-skill-card:hover .admin-skill-fx>i:nth-child(2){animation:1.1s ease-in-out both admin-skill-shot}.admin-skill-fx>span{z-index:2;border:1px solid var(--skill-color);color:#fff;background:var(--skill-color);place-items:center;width:42px;height:42px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.admin-skill-fx>span{background:color-mix(in srgb, var(--skill-color) 14%, #030a12)}}.admin-skill-fx>span{box-shadow:0 0 24px var(--skill-color)}@supports (color:color-mix(in lab, red, red)){.admin-skill-fx>span{box-shadow:0 0 24px color-mix(in srgb, var(--skill-color) 28%, transparent)}}.admin-skill-fx>span{font-family:var(--font-display);font-size:1.05rem}.admin-skill-kind--打撃 .admin-skill-fx:before{clip-path:polygon(0 0,100% 46%,0 100%,30% 50%);border-radius:0}.admin-skill-kind--ガード .admin-skill-fx:before,.admin-skill-kind--シールド .admin-skill-fx:before{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--skill-color);border-radius:0}@supports (color:color-mix(in lab, red, red)){.admin-skill-kind--ガード .admin-skill-fx:before,.admin-skill-kind--シールド .admin-skill-fx:before{background:color-mix(in srgb, var(--skill-color) 10%, transparent)}}.admin-skill-kind--祈り .admin-skill-fx:before{box-shadow:0 0 0 16px var(--skill-color), 0 0 34px var(--skill-color)}@supports (color:color-mix(in lab, red, red)){.admin-skill-kind--祈り .admin-skill-fx:before{box-shadow:0 0 0 16px color-mix(in srgb, var(--skill-color) 4%, transparent), 0 0 34px var(--skill-color)}}.admin-skill-card>header{justify-content:space-between;align-items:start;gap:12px;padding:14px 14px 0;display:flex}.admin-skill-card>header small{color:var(--skill-color);letter-spacing:.08em;font-size:.43rem}.admin-skill-card h3{font-family:var(--font-display);margin:4px 0 0;font-size:.92rem;font-weight:500}.admin-skill-card>header b{border:1px solid var(--skill-color);color:var(--skill-color);padding:4px 7px;font-size:.48rem}.admin-skill-card>p{color:#8ca0aa;min-height:3.4em;margin:10px 14px 0;font-size:.54rem;line-height:1.65}.admin-skill-card>dl{border-top:1px solid #2f78982e;border-bottom:1px solid #2f78982e;gap:5px;margin:12px 14px 0;padding:10px 0;display:grid}.admin-skill-card>dl>div{grid-template-columns:58px 1fr;gap:8px;display:grid}.admin-skill-card dt,.admin-skill-card dd{margin:0;font-size:.48rem;line-height:1.5}.admin-skill-card dt{color:var(--skill-color)}.admin-skill-card dd{color:#9aaeb7}.admin-skill-animation{grid-template-columns:44px 1fr;gap:9px;margin:12px 14px 15px;display:grid}.admin-skill-animation span{color:var(--amber);font-size:.48rem}.admin-skill-animation p{color:#8196a0;margin:0;font-size:.49rem;line-height:1.6}.admin-attribute-grid,.admin-cap-table-wrap,.admin-potential{z-index:1;width:min(1400px,100% - 56px);margin:0 auto;position:relative}.admin-attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:34px;display:grid}.admin-attribute-card{border:1px solid var(--attribute-color);padding:18px}@supports (color:color-mix(in lab, red, red)){.admin-attribute-card{border:1px solid color-mix(in srgb, var(--attribute-color) 30%, #193d50)}}.admin-attribute-card{background:radial-gradient(circle at 8% 0, var(--attribute-color), transparent 30%), #050f19f0}@supports (color:color-mix(in lab, red, red)){.admin-attribute-card{background:radial-gradient(circle at 8% 0, color-mix(in srgb, var(--attribute-color) 10%, transparent), transparent 30%), #050f19f0}}.admin-attribute-card>header{grid-template-columns:46px 1fr auto;align-items:center;gap:10px;display:grid}.admin-attribute-card>header>span{border:1px solid var(--attribute-color);width:42px;height:42px;color:var(--attribute-color);font-family:var(--font-display);place-items:center;font-size:1rem;display:grid}.admin-attribute-card>header small{color:var(--attribute-color);letter-spacing:.08em;font-size:.43rem}.admin-attribute-card h2{font-family:var(--font-display);margin:3px 0 0;font-size:1rem;font-weight:500}.admin-attribute-card>header b{border:1px solid var(--attribute-color);padding:5px 7px}@supports (color:color-mix(in lab, red, red)){.admin-attribute-card>header b{border:1px solid color-mix(in srgb, var(--attribute-color) 44%, transparent)}}.admin-attribute-card>header b{color:var(--attribute-color);font-size:.48rem}.admin-attribute-card>p{color:#8ca1aa;margin:14px 0;font-size:.55rem;line-height:1.65}.admin-cap-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.admin-cap-grid>div{text-align:center;background:#030a12ad;border:1px solid #2f789833;min-width:0;padding:8px 4px;display:grid}.admin-cap-grid>div.highest{border-color:var(--attribute-color);background:var(--attribute-color)}@supports (color:color-mix(in lab, red, red)){.admin-cap-grid>div.highest{background:color-mix(in srgb, var(--attribute-color) 7%, #030a12)}}.admin-cap-grid small{color:var(--muted);font-size:.38rem}.admin-cap-grid strong{color:var(--attribute-color);margin-top:3px;font-size:.66rem}.admin-attribute-card>dl{border-top:1px solid #2f78982e;gap:6px;margin:14px 0 0;padding-top:12px;display:grid}.admin-attribute-card>dl>div{grid-template-columns:48px 1fr;gap:8px;display:grid}.admin-attribute-card dt,.admin-attribute-card dd{margin:0;font-size:.5rem;line-height:1.55}.admin-attribute-card dt{color:var(--attribute-color)}.admin-attribute-card dd{color:#8da2ac}.admin-cap-table-wrap,.admin-potential{background:#050f19e6;border:1px solid #2f78984d;margin-bottom:34px;padding:18px}.admin-cap-table-wrap .admin-results-heading,.admin-potential .admin-results-heading{margin-bottom:14px}.admin-table-scroll{overflow-x:auto}.admin-cap-table,.admin-potential-table{border-collapse:collapse;width:100%;min-width:840px}.admin-cap-table th,.admin-cap-table td,.admin-potential-table th,.admin-potential-table td{color:#9cafb8;text-align:center;border:1px solid #2f789833;height:48px;padding:8px 10px;font-size:.54rem}.admin-cap-table thead th,.admin-potential-table thead th{color:var(--cyan);background:#24e6ff0a}.admin-cap-table th small{color:#56717f;margin-top:2px;font-size:.34rem;display:block}.admin-cap-table td.highest{color:#fff0b0;box-shadow:inset 0 -2px var(--amber);background:#ff9d2e14}.admin-potential-table tr.lucky{background:#70ffd80d}.admin-potential-table tr.apex{background:#ffb54d0f}.admin-potential-table tr.lucky th,.admin-potential-table tr.lucky td:last-child{color:#70ffd8}.admin-potential-table tr.apex th{color:var(--amber)}.admin-potential-note{color:#8196a0;margin:0 0 16px;font-size:.54rem;line-height:1.7}.admin-birth-rule{background:linear-gradient(90deg,#70ffd814,#0000);border:1px solid #70ffd857;grid-template-columns:58px 1fr;align-items:center;gap:14px;margin-top:16px;padding:15px;display:grid}.admin-birth-rule>span{color:#70ffd8;width:54px;height:54px;font-family:var(--font-display);border:1px solid #70ffd8;border-radius:50%;place-items:center;font-size:1.2rem;display:grid;box-shadow:0 0 26px #70ffd824}.admin-birth-rule>div{display:grid}.admin-birth-rule small{color:#70ffd8;letter-spacing:.1em;font-size:.42rem}.admin-birth-rule strong{font-family:var(--font-display);margin-top:3px;font-size:.88rem}.admin-birth-rule p{color:#8297a1;margin:4px 0 0;font-size:.5rem}@keyframes admin-skill-ring{0%{opacity:0;transform:rotate(var(--skill-angle)) scale(.3)}60%{opacity:.9}to{opacity:0;transform:rotate(calc(var(--skill-angle) + 150deg)) scale(1.7)}}@keyframes admin-skill-shot{0%{opacity:0;transform:translate(-110px,34px)scale(.4)}40%{opacity:1}to{opacity:0;transform:translate(110px,-34px)scale(1.25)}}@media (width<=1120px){.coin-stage{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:32px}.game-header{grid-template-columns:170px 1fr auto}.game-brand strong{font-size:.9rem}.game-brand small{display:none}.game-header nav button{min-width:54px;padding:0 6px;font-size:.67rem}.resource-bar>button{min-width:112px;padding:0 12px}.resource-bar .bgm-toggle{min-width:92px}.user-profile-chip{min-width:52px!important;padding:0 10px!important}.user-profile-chip>div{display:none}.card-holder-layout{grid-template-columns:230px minmax(0,1fr)}.soul-card-detail{grid-template-columns:1fr}.soul-card-visual{min-height:320px}.soul-card-visual:after{background:linear-gradient(#0000 52%,#06101b)}.element-select{grid-template-columns:1fr 300px}.element-grid{grid-template-columns:repeat(2,1fr)}.dragon-hud{margin-left:20px}.training-layout{grid-template-columns:220px 1fr}.technique-progress{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.technique-progress>.eyebrow,.technique-progress>h3{grid-column:1/-1}.technique-progress>div{border:1px solid #2f789838;padding:12px}.shop-layout{grid-template-columns:240px 1fr}.rank-ladder{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.rank-ladder>.eyebrow,.rank-ladder>h3{grid-column:1/-1}.rank-ladder>div{border:1px solid #2f789829;padding:0 7px}}@media (width<=900px){.coin-header{height:70px;padding:0 18px}.coin-account{gap:7px}.coin-account>div{min-width:0}.coin-account small,.coin-account .status-dot{display:none}.coin-account strong{max-width:92px;font-size:.58rem}.coin-account a{padding:6px;font-size:.48rem}.brand-lockup strong{font-size:1rem}.coin-stage{grid-template-columns:1fr;width:calc(100% - 34px);min-height:auto;padding:56px 0 96px}.coin-copy{text-align:center}.coin-copy h1{font-size:clamp(2.4rem,12vw,4rem)}.coin-copy .lead br{display:none}.feature-chips{justify-content:center}.coin-actions,.continue-button{width:100%}.coin-machine{aspect-ratio:.9;width:min(390px,100%)}.coin-button{width:128px}.coin-footer{justify-content:center;min-height:36px}.coin-footer span:first-child,.coin-footer span:last-child{display:none}.ritual-screen{padding:18px}.ritual-screen:before{width:130vw}.ritual-screen:after{width:96vw}.story-card,.naming-card{clip-path:polygon(7% 0,93% 0,100% 5%,100% 95%,93% 100%,7% 100%,0 95%,0 5%);padding:52px 26px 32px}.chapter-count{font-size:1.3rem;top:18px;right:24px}.story-card h1,.selection-heading h1,.naming-card h1,.birth-sequence h1{font-size:clamp(1.9rem,9vw,3rem)}.element-select{max-height:calc(100svh - 36px);padding:6px;display:block;overflow-y:auto}.selection-heading{margin-bottom:24px}.element-grid{grid-template-columns:repeat(2,1fr)}.element-card{min-height:146px;padding:15px}.element-detail{margin-top:14px;padding:22px}.element-detail>p{margin:18px 0}.game-header{grid-template-columns:1fr auto;min-height:62px}.game-brand{padding:0 14px}.game-brand>span{width:34px;height:34px}.game-brand strong{font-size:.87rem}.game-header>nav{display:none}.resource-bar>button{min-width:74px;padding:0 8px}.resource-bar .bgm-toggle{min-width:46px;padding:0 8px;display:flex}.resource-bar .bgm-toggle small,.resource-bar .bgm-toggle strong{display:none}.user-profile-chip{min-width:46px!important;padding:0 7px!important}.roost-view{min-height:calc(100svh - 62px);padding:316px 14px 168px;display:block;overflow-y:auto}.dragon-art{height:390px}.dragon-art img{object-position:65% center}.art-vignette{background:linear-gradient(#0000 58%,#040914 100%),linear-gradient(90deg,#03080f61,#0000)}.scan-disc{width:94vw;top:8%;right:-4%}.disc-b{width:70vw;top:18%;right:8%}.dragon-caption{top:252px;bottom:auto;right:16px}.dragon-hud{clip-path:polygon(6% 0,94% 0,100% 4%,100% 96%,94% 100%,6% 100%,0 96%,0 4%);width:100%;margin:0;padding:24px 19px}.dragon-hud>.eyebrow{margin-top:20px}.dragon-hud h1{font-size:3rem}.evolution-track{padding:15px}.stat-grid{grid-template-columns:repeat(2,1fr)}.roost-actions{grid-template-columns:1fr}.roost-bottom{background:#030911f5;border:1px solid #2f789857;grid-template-columns:1fr;min-height:auto;padding:0;bottom:72px;left:10px;right:10px}.roost-bottom>div{border-top:1px solid #2f789833;border-left:0;padding:10px 16px}.roost-bottom>div:first-child{border-top:0}.mobile-nav{z-index:30;min-height:66px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030911f7;border-top:1px solid #2f789875;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#718b9a;background:0 0;border:0;place-content:center;gap:3px;font-size:.58rem;font-weight:800;display:grid}.mobile-nav button span{color:inherit;font-family:var(--font-display);font-size:.88rem}.mobile-nav button.active{color:var(--cyan);background:#24e6ff0f}.module-placeholder{min-height:calc(100svh - 62px);padding-bottom:100px}.module-view{min-height:calc(100svh - 62px);padding:24px 14px 100px;overflow-x:hidden}.card-holder-layout{display:block}.soul-card-grid{grid-auto-columns:minmax(210px,74vw);grid-auto-flow:column;max-height:none;margin-bottom:12px;overflow-x:auto}.soul-card-detail{min-height:0;display:block}.soul-card-visual{min-height:360px}.soul-card-record{padding:28px 20px 34px}.soul-stat-grid{grid-template-columns:repeat(3,1fr)}.migration-screen{padding:14px}.migration-card{padding:36px 22px}.migration-card dl{grid-template-columns:1fr}.migration-card dl div{text-align:left;border-top:1px solid #2f78983d;border-left:0;grid-template-columns:1fr auto}.migration-card dl div:first-child{border-top:0}.module-heading{margin-bottom:22px;display:block}.module-heading h1{font-size:2.65rem}.module-heading>div:first-child>p:last-child{font-size:.72rem}.module-summary{border-top:1px solid #2f78984d;border-left:0;justify-content:flex-start;align-items:baseline;gap:10px;min-width:0;margin-top:18px;padding:10px 0 0;display:flex}.module-summary strong{font-size:1.6rem}.credit-modal>section{min-height:min(530px,100svh - 36px)}.training-layout{display:block}.training-menu{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.training-menu>button{grid-template-columns:36px 1fr;min-height:75px;padding:10px}.training-menu>button:hover,.training-menu>button.active{transform:translateY(-2px)}.training-simulator{min-height:520px;padding:17px}.simulator-top{grid-template-columns:40px 1fr}.simulator-top>i{display:none}.training-intro,.timing-game,.training-result{min-height:440px}.training-rings{width:150px}.training-rule{width:100%;min-width:0}.timing-rail,.timing-labels,.training-challenge{width:100%}.training-challenge{height:238px}.shield-dodge-controls{width:100%}.canyon-flight{width:100%;height:178px}.canyon-flight .training-dragon-artwork{width:58%}.technique-progress{margin-top:12px;display:block}.technique-progress>div{border:0;border-top:1px solid #2f789838}.explore-layout{display:block}.area-list{scroll-snap-type:x mandatory;gap:8px;margin:0 -14px 12px;padding:0 14px 8px;display:flex;overflow-x:auto}.area-list>button{scroll-snap-align:start;flex:0 0 250px}.area-list>button:hover:not(:disabled),.area-list>button.active{transform:translateY(-2px)}.area-detail-card{grid-template-columns:1fr;min-height:0}.area-visual{min-height:320px}.area-orbit{width:120px;height:120px}.area-visual:before{width:340px}.area-visual:after{width:240px}.area-copy{padding:28px 20px}.area-copy dl{grid-template-columns:1fr}.area-copy dl div{border-top:0;border-left:1px solid #2f789840}.area-copy dl div:first-child{border-top:1px solid #2f789840}.arena-ready{grid-template-columns:1fr;gap:20px}.arena-stage-visual{width:min(84vw,420px)}.arena-stage-visual>i{width:44px;height:44px;transform:rotate(calc(var(--i) * 90deg)) translateY(-165px) rotate(calc(var(--i) * -90deg)) rotate(-360deg)}.arena-core{width:126px;height:126px}.arena-core span{font-size:3.5rem}.arena-ready article{padding:26px 20px}.battle-layout{flex-direction:column;display:flex}.standings-panel{grid-template-columns:repeat(2,1fr);gap:3px;padding:12px;display:grid}.standings-panel>.battle-round,.standings-panel>.eyebrow{grid-column:1/-1}.standings-panel>button{border:1px solid #2f789829;grid-template-columns:18px 24px 1fr auto;min-height:46px;padding:5px}.battle-command{grid-template-rows:250px auto auto auto auto auto 1fr;min-height:0}.battle-sky{--battle-impact-x:75%;--battle-impact-y:26%;--battle-origin-x:25%;--battle-origin-y:26%;--battle-attack-x:105%;--battle-attack-y:0%}.battle-target-slot-0{--battle-impact-x:25%;--battle-impact-y:26%;--battle-origin-x:25%;--battle-origin-y:26%;--battle-attack-x:0%;--battle-attack-y:0%}.battle-target-slot-2{--battle-impact-x:25%;--battle-impact-y:74%;--battle-attack-x:0%;--battle-attack-y:180%}.battle-target-slot-3{--battle-impact-x:75%;--battle-impact-y:74%;--battle-attack-x:105%;--battle-attack-y:180%}.battle-incoming-from-1{--battle-origin-x:75%;--battle-origin-y:26%;--battle-impact-x:25%;--battle-impact-y:26%;--battle-attack-x:-105%;--battle-attack-y:0%}.battle-incoming-from-2{--battle-origin-x:25%;--battle-origin-y:74%;--battle-impact-x:25%;--battle-impact-y:26%;--battle-attack-x:0%;--battle-attack-y:-180%}.battle-incoming-from-3{--battle-origin-x:75%;--battle-origin-y:74%;--battle-impact-x:25%;--battle-impact-y:26%;--battle-attack-x:-105%;--battle-attack-y:-180%}.battle-counter-line{top:26%;left:25%}.battle-counter-line--1{--counter-angle:0deg;--counter-length:50%}.battle-counter-line--2{--counter-angle:90deg;--counter-length:48%}.battle-counter-line--3{--counter-angle:44deg;--counter-length:69%}.battle-fx-slot-1{--battle-impact-x:75%;--battle-impact-y:26%}.battle-fx-slot-2{--battle-impact-x:25%;--battle-impact-y:74%}.battle-fx-slot-3{--battle-impact-x:75%;--battle-impact-y:74%}.battle-dragon-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:14px}.battle-fighter{height:108px}.battle-dragon-portrait{height:100%}.battle-fighter-info{padding:4px 5px}.battle-fighter-info>span small{font-size:.28rem}.battle-fighter-info>span strong{font-size:.52rem}.battle-fighter-hp{font-size:.3rem}.battle-target-reticle{width:48px;height:48px}.battle-target-grid{grid-template-columns:1fr}.battle-player-hud{grid-template-columns:repeat(3,minmax(0,1fr));padding:1px 12px 0}.battle-player-hud>p{grid-column:1/-1;min-height:0}.battle-awakening,.battle-ultimate-grid{grid-template-columns:1fr}.battle-awakening{padding:0 12px 10px}.battle-choice-area{padding-left:12px;padding-right:12px}.battle-attack-confirm{grid-template-columns:42px 1fr}.battle-attack-confirm>b{grid-column:1/-1}.battle-skill-cutin{min-width:250px;padding-left:16px}.skill-command-grid{grid-template-columns:1fr}.skill-command-grid>button{min-height:76px}.battle-log{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px 12px}.battle-log-label{grid-column:1/-1}.battle-log-message{font-size:.61rem}.battle-log-history>header{padding:10px 12px}.battle-log-history ol{max-height:52svh;padding:6px 10px 12px}.battle-log-history li{grid-template-columns:26px minmax(0,1fr);gap:7px}.battle-log-history li>small{grid-column:2}.arena-result{grid-template-columns:1fr;gap:38px;padding:35px 0}.rank-emblem{justify-self:center;width:240px}.rank-emblem strong{font-size:5rem}.result-copy{padding:24px 18px}.result-standings{grid-template-columns:1fr}.fusion-layout{display:block}.fusion-chamber{grid-template-columns:1fr 54px 1fr;gap:8px;padding:18px 12px}.parent-soul{min-height:160px;padding:14px 8px}.parent-soul-artwork{width:112px;height:72px}.parent-soul>span{width:54px;height:54px}.parent-soul strong{font-size:.76rem}.fusion-core span{width:50px;height:50px;font-size:1.8rem}.fusion-core small{display:none}.guest-soul-list,.inheritance-board{margin-top:12px}.inherit-grid{grid-template-columns:repeat(2,1fr)}.codex-elements{margin-left:-14px;margin-right:-14px;padding:0 14px 8px;display:flex;overflow-x:auto}.codex-elements button{flex:0 0 82px}.codex-layout{display:block}.lineage-index{margin:0 -14px 12px;padding:0 14px 8px;display:flex;overflow-x:auto}.lineage-index button{flex:0 0 180px}.codex-entry{grid-template-columns:1fr}.codex-dragon-silhouette{min-height:330px}.codex-dragon-silhouette:after{background:linear-gradient(#0000 50%,#07111d)}.codex-copy{padding:28px 20px}.shop-layout{display:block}.shopkeeper{margin-bottom:12px}.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-grid article{min-height:240px;padding:16px}.rank-ladder{margin-top:12px;display:block}.rank-ladder>div{border:0;border-top:1px solid #2f789829}}@media (width<=1120px){.admin-filters{grid-template-columns:minmax(240px,1fr) 160px 180px}.admin-filters fieldset{grid-column:1/3}.admin-reset{grid-column:3}.admin-dragon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-skill-filters{grid-template-columns:minmax(240px,1fr) 150px 150px}}@media (width<=900px){.birth-route-tabs{grid-template-columns:1fr}.birth-route-tabs button{min-height:64px}.parent-soul label{margin-top:10px}.parent-soul select{height:34px;font-size:.5rem}.newborn-name{grid-template-columns:1fr 40px}.newborn-name>span{grid-column:1/-1}.egg-choice-panel{text-align:center;grid-template-columns:1fr}.egg-orbit{width:106px}.egg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.birth-reveal{text-align:center;grid-template-columns:1fr;align-content:center;gap:10px;padding:24px}.birth-reveal .birth-dragon-artwork{width:min(320px,72vw);height:min(38vh,300px);margin:auto}.birth-reveal>div:last-child{border-top:1px solid #24e6ff6b;border-left:0;padding:22px}.admin-topbar{min-height:68px;padding:0 16px}.admin-brand small,.admin-user>span{display:none}.admin-user a{padding:7px;font-size:.49rem}.admin-hero{grid-template-columns:1fr;width:calc(100% - 28px);padding:48px 0 28px}.admin-hero dl{grid-template-columns:repeat(3,1fr)}.admin-hero dl>div:first-child{border-left:0}.admin-disclosure,.admin-filters,.admin-results,.admin-section-tabs,.admin-skill-mode,.admin-attribute-grid,.admin-cap-table-wrap,.admin-potential{width:calc(100% - 28px)}.admin-disclosure{grid-template-columns:1fr;gap:5px}.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr));position:relative;top:auto}.admin-search,.admin-filters fieldset,.admin-reset{grid-column:1/-1}.admin-filters fieldset{grid-template-columns:repeat(3,1fr);min-width:0;display:grid}.admin-dragon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section-tabs button{min-height:52px;padding:0 10px}.admin-skill-grid,.admin-attribute-grid{grid-template-columns:1fr}.admin-skill-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-dragon-visual{min-height:220px}.admin-dragon-visual>.admin-dragon-artwork,.admin-dragon-visual img{height:200px}}@media (width<=560px){.timing-game{padding:18px 0}.timing-game>p{text-align:center;margin-bottom:22px;font-size:.58rem}.training-challenge{height:220px}.training-challenge--strike .strike-training-dragon{width:148px;height:132px}.strike-rock{width:66px;height:88px}.sorcery-glyph{width:210px;height:210px}.training-challenge--shield .shield-training-dragon{width:190px;height:175px}.shield-training-guide{grid-template-columns:1fr 1fr}.shield-training-guide>span:first-child{grid-column:1/-1}.shield-training-guide>span{font-size:.58rem}.shield-dodge-controls{grid-template-columns:1fr}.shield-dodge-controls button small{font-size:.52rem}.shield-dodge-controls button strong{font-size:.72rem}.target-lock{grid-template-columns:auto 1fr;gap:4px 10px;padding:9px 12px}.target-lock>span{text-align:left;grid-column:1/-1}.battle-choice-area{padding:0 10px 12px}.battle-command-prompt{flex-wrap:wrap}.battle-command-prompt>button{width:100%}.battle-action-status{grid-template-columns:46px 1fr;min-height:126px;padding:18px 15px}.battle-action-status>b{grid-column:2;margin-top:5px}.battle-skill-cutin{min-width:220px;top:8px}.battle-damage-number strong{font-size:1.65rem}.admin-brand>span{width:34px;height:34px}.admin-brand strong{font-size:.72rem}.admin-user a:first-of-type{display:none}.admin-hero dl>div{min-height:70px}.admin-dragon-grid{grid-template-columns:1fr}.admin-section-tabs span{font-size:.58rem}.admin-section-tabs b{font-size:.46rem}.admin-skill-mode{grid-template-columns:1fr}.admin-skill-mode button+button{border-top:0;border-left:1px solid #2f78984d}.admin-attribute-card{padding:14px}.admin-attribute-card>header{grid-template-columns:42px 1fr}.admin-attribute-card>header b{grid-column:1/-1}.admin-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-birth-rule{grid-template-columns:1fr}.admin-dragon-visual{min-height:280px}.admin-dragon-visual>.admin-dragon-artwork,.admin-dragon-visual img{height:256px}}.account-controls{border-left:1px solid #2f789847;justify-content:flex-end;align-items:center;gap:12px;min-width:300px;padding:8px 10px 8px 16px;display:flex}.coin-header .account-controls{border-left:0}.account-identity{align-items:center;gap:9px;min-width:128px;display:flex}.account-identity>span{width:32px;height:32px;color:var(--cyan);font-family:var(--font-display);clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);background:#24e6ff12;border:1px solid #24e6ff7a;flex:0 0 32px;place-items:center;font-size:.72rem;display:grid}.account-identity>div{min-width:0;display:grid}.account-identity small{color:#67818e;letter-spacing:.08em;font-size:.43rem}.account-identity strong{max-width:116px;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.account-actions{gap:6px;display:flex}.account-actions button,.account-signout{color:#9cb1bc;cursor:pointer;background:#030a12b8;border:1px solid #8fa9b84d;min-height:32px;padding:0 11px;font-size:.52rem}.account-actions button:hover,.account-signout:hover{border-color:var(--cyan);color:var(--cyan)}.account-actions .account-register{border-color:var(--cyan);color:#031018;background:var(--cyan);font-weight:900;box-shadow:0 0 20px #24e6ff24}.account-modal{z-index:1000;overscroll-behavior:contain;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-overflow-scrolling:touch;background:#01050adb;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.account-dialog{overscroll-behavior:contain;clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);background:radial-gradient(circle at 90% 0,#24e6ff1a,#0000 32%),#071421;border:1px solid #24e6ff70;flex:none;width:min(480px,100%);max-height:calc(100dvh - 32px);margin-block:auto;padding:40px;position:relative;overflow-y:auto;box-shadow:0 32px 100px #00000094}.account-dialog-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#02080ebf;border:1px solid #8fa9b840;font-size:1rem;position:absolute;top:16px;right:18px}.account-dialog-glyph,.admin-login-glyph{border:1px solid var(--cyan);width:54px;height:54px;color:var(--cyan);font-family:var(--font-display);background:#24e6ff0f;place-items:center;margin-bottom:20px;font-size:1.1rem;display:grid;box-shadow:0 0 30px #24e6ff21}.account-dialog h2,.admin-login-card h1{font-family:var(--font-display);margin:10px 0 12px;font-size:clamp(1.7rem,5vw,2.5rem);font-weight:500}.account-dialog>p:not(.eyebrow),.admin-login-card>p:not(.eyebrow){color:#8fa5af;margin:0;font-size:.67rem;line-height:1.8}.account-dialog form,.admin-login-card form{gap:14px;margin-top:24px;display:grid}.account-dialog label,.admin-login-card label{gap:7px;display:grid}.account-dialog label>span,.admin-login-card label>span{color:#8ea5b0;letter-spacing:.08em;font-size:.54rem;font-weight:800}.account-dialog input,.admin-login-card input{width:100%;height:46px;color:var(--paper);background:#02080ed1;border:1px solid #2f78986b;border-radius:0;padding:0 13px}.account-dialog label>small{color:#5e7885;font-size:.48rem}.account-dialog .module-primary,.admin-login-card .module-primary{width:100%;min-height:48px;margin-top:4px}.account-dialog-note{color:#5f7783;text-align:center;margin-top:16px;font-size:.5rem;line-height:1.6;display:block}.account-error{background:#ff5b5b12;border:1px solid #ff5b5b6b;padding:10px 12px;color:#ffb0b0!important;margin:0!important;font-size:.57rem!important;line-height:1.6!important}.admin-login-screen{background:radial-gradient(circle at 50% 40%,#24e6ff1f,#0000 28%),linear-gradient(145deg,#03070d,#071321 58%,#03070d);place-items:center;min-height:100svh;padding:28px;display:grid;position:relative;overflow:hidden}.admin-login-card{z-index:2;background:#050f1af0;border:1px solid #24e6ff61;width:min(520px,100%);padding:clamp(34px,6vw,58px);position:relative;box-shadow:0 30px 100px #00000080}.admin-user form{margin:0}.admin-user form button{min-height:31px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #2f78984d;padding:0 10px;font-size:.56rem}.admin-user form button:hover{border-color:var(--cyan);color:var(--cyan)}.admin-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-account-metrics,.admin-user-registry{z-index:1;width:min(1400px,100% - 56px);margin-left:auto;margin-right:auto;position:relative}.admin-account-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.admin-account-metrics article{background:radial-gradient(circle at 90% 10%,#24e6ff17,#0000 34%),#050f19e6;border:1px solid #2f789852;align-content:center;min-height:140px;padding:22px;display:grid}.admin-account-metrics small{color:#627d89;letter-spacing:.13em;font-size:.45rem}.admin-account-metrics strong{color:var(--cyan);font-family:var(--font-display);margin:7px 0 3px;font-size:2.2rem;font-weight:500}.admin-account-metrics span{color:#8da3ad;font-size:.58rem}.admin-user-registry{background:#050f19e6;border:1px solid #2f78984d;padding:20px}.admin-user-table{border-collapse:collapse;width:100%;min-width:980px}.admin-user-table th,.admin-user-table td{color:#9cafb8;text-align:left;border:1px solid #2f789833;min-height:52px;padding:11px 12px;font-size:.54rem}.admin-user-table th{color:var(--cyan);letter-spacing:.06em;background:#24e6ff0a;font-size:.47rem}.admin-user-table td:first-child{gap:3px;display:grid}.admin-user-table td:first-child strong{color:var(--paper);font-size:.63rem}.admin-user-table td:first-child small{color:#617c88;font-size:.43rem}.admin-user-table td b{color:var(--cyan);font-size:.72rem}@media (width<=1120px){.resource-bar .account-controls{min-width:210px;padding-left:9px}.game-header .account-identity{min-width:34px}.game-header .account-identity>div{display:none}}@media (width<=900px){.coin-header .account-controls{gap:6px;min-width:0;padding:4px 0}.coin-header .account-identity{min-width:32px}.coin-header .account-identity>div{display:none}.resource-bar .account-controls{gap:4px;min-width:104px;padding:4px 6px}.resource-bar .account-identity{display:none}.account-actions{gap:3px}.account-actions button,.account-signout{min-height:30px;padding:0 7px;font-size:.46rem}.admin-account-metrics{grid-template-columns:1fr}}@media (width<=560px){.brand-lockup>div,.coin-header .account-identity{display:none}.account-dialog{clip-path:none;padding:34px 24px 30px}.admin-login-card{padding:34px 24px}.admin-section-tabs button{min-height:50px;padding:0 8px}.admin-account-metrics,.admin-user-registry{width:calc(100% - 28px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.battle-skill-cutin,.battle-damage-number{opacity:1!important;animation:none!important}.battle-action-layer--windup .battle-fx-symbol,.battle-action-layer--impact .battle-impact-burst{opacity:.72!important;animation:none!important}.battle-fighter.taking-hit .battle-dragon-portrait,.battle-fighter.attacking .battle-dragon-portrait{animation:none!important}.training-fireball{animation:none!important;right:calc(50% - 29px)!important;transform:scale(1)!important}}@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}