@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(../media/alegreya-latin-700-normal.3w4lsqu0x-0pb.woff2)format("woff2"),url(../media/alegreya-latin-700-normal.02kpbx9e-l11t.woff)format("woff")}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--ease-out:cubic-bezier(0, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171320;--sheet:#251e31;--ink:#fff1dc;--muted:#cec0d3;--line:#554260;--clay:#ffc088;--forest:#82d7bf;--forest-dark:#a1e8d4;--gold:#ffd383;--coral:#ffa494;--rose:#f6b2d1;--sky:#a7d9fb;--night:#1c1424;--lift:0 22px 48px -26px #06020ce6, 0 2px 6px #06020c4d;--radius:14px;--ease-out:cubic-bezier(.16, 1, .3, 1)}html{scrollbar-color:#6a4a61 var(--paper);caret-color:var(--clay)}body{background:var(--paper);min-width:280px;color:var(--ink);isolation:isolate;margin:0;font-family:system-ui,sans-serif;line-height:1.55}body:before{content:"";z-index:-1;opacity:.77;pointer-events:none;background:url(../media/painted-backdrop.0zwwzo03gm2q5.webp) 50%/100% 100% no-repeat;position:fixed;inset:0}::selection{color:#2b211a;background:#e9b573}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.54}button,summary{touch-action:manipulation}button,input{font:inherit}h1,h2,h3,p{margin:0}h1,h2,.wordmark{font-family:Alegreya,Georgia,serif;font-weight:700}h1{color:#ffe2a8;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.25rem,5vw,4.3rem);line-height:.99}h2{color:#ffbcab;letter-spacing:-.015em;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.12}h3{font-size:1rem;font-weight:750}p{max-width:65ch;color:var(--muted)}.frame{width:min(100% - 48px,1160px);margin-inline:auto}.masthead{background:#24192c;position:relative}.masthead:after{content:"";background:radial-gradient(circle at 6px 3px, var(--gold) 2px, transparent 2.6px) 0 0 / 36px 6px, radial-gradient(circle at 18px 3px, var(--coral) 2px, transparent 2.6px) 0 0 / 36px 6px, radial-gradient(circle at 30px 3px, var(--forest) 2px, transparent 2.6px) 0 0 / 36px 6px, linear-gradient(#715268, #715268) 0 2.5px / 100% 1px no-repeat;pointer-events:none;height:6px;position:absolute;inset:auto 0 -5px}.masthead-inner{justify-content:space-between;align-items:center;gap:12px;min-height:76px;display:flex}.wordmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1;display:inline-flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 4px 5px #06020c8c);flex:none;width:42px;height:52px;rotate:-8deg}.wordmark-art{flex-direction:column;align-items:center;gap:1px;display:inline-flex}.wordmark-letters{gap:.26em;padding-top:.08em;display:inline-flex}.wordmark-word{display:inline-flex}.wordmark-word span{-webkit-text-stroke:.16em #3a1f37;paint-order:stroke fill;text-shadow:0 .09em .16em #06020c99;display:inline-block}.wordmark-word span:nth-child(3n+1){rotate:-4deg}.wordmark-word span:nth-child(3n+2){translate:0 -.05em;rotate:3deg}.wordmark-word span:nth-child(3n){translate:0 .03em;rotate:-1deg}.wordmark-word:first-child span:nth-child(4n+1){color:var(--gold)}.wordmark-word:first-child span:nth-child(4n+2){color:var(--coral)}.wordmark-word:first-child span:nth-child(4n+3){color:var(--clay)}.wordmark-word:first-child span:nth-child(4n){color:var(--rose)}.wordmark-word:last-child span:nth-child(odd){color:#92ddc9}.wordmark-word:last-child span:nth-child(2n){color:var(--sky)}.wordmark-flourish{width:0;min-width:92%;height:auto;overflow:visible}.wordmark-flourish path{fill:none;stroke:var(--coral);stroke-width:1.6px;stroke-linecap:round}.wordmark-flourish .wordmark-flourish-diamond{fill:var(--gold);stroke:#3a1f37;stroke-width:1.2px}.wordmark-flourish circle{fill:var(--forest)}.wordmark-flourish circle:nth-of-type(odd){fill:var(--gold)}.masthead-controls,.language{align-items:center;gap:3px;display:flex}.sound-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);border-radius:8px;place-items:center;margin-inline-end:4px;display:grid}.sound-toggle[aria-pressed=true]{color:var(--clay)}.sound-toggle:hover{color:var(--ink);background:#422d43}.sound-toggle svg{width:21px;height:21px}.language button,.places button,.refresh{min-height:44px;color:var(--muted);border:1px solid #0000;border-radius:7px;padding:6px 12px;font-size:.88rem;font-weight:720}.language button[aria-pressed=true],.places button[aria-current=page]{color:var(--clay);background:#422d43;border-color:#6a4a61}.language button:hover:not(:disabled),.places button:hover:not(:disabled),.refresh:hover:not(:disabled){border-color:var(--line);color:var(--ink)}.language button,.places button,.refresh,.primary,.secondary,.choice{transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .12s var(--ease-out)}.game{padding-block:26px 56px}.toolbar{justify-content:space-between;align-items:center;gap:6px;display:flex}.places,.refresh{box-shadow:var(--lift);background:#1c1424db;border:1px solid #3f2f49;border-radius:11px}.places{gap:3px;padding:3px;display:flex}.refresh{border-color:#3f2f49}.places button,.refresh,.primary,.secondary,.text-action{justify-content:center;align-items:center;gap:8px;display:inline-flex}.places svg,.refresh svg,.primary svg,.secondary svg,.text-action svg{flex-shrink:0;width:18px;height:18px}.inventory{box-shadow:var(--lift);background:#1c1424db;border:1px solid #3f2f49;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px;margin:14px 0 0;padding:4px;font-size:.8rem;display:grid}.inventory div{border-radius:8px;flex-direction:column-reverse;align-items:center;gap:1px;padding:7px 4px 6px;display:flex}.inventory div+div{box-shadow:-1px 0 #3a2b44}.inventory dt{color:var(--muted);white-space:nowrap}.inventory dd{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin:0;font-size:1.12rem;font-weight:800;line-height:1.2;display:inline-flex}.inventory dd svg{width:19px;height:19px;color:var(--gold)}.inventory [data-empty] dd,.inventory [data-empty] dd svg{color:#9d8aa5}.spread{border:1px solid var(--line);border-radius:var(--radius);background:var(--sheet);box-shadow:var(--lift);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;margin-top:18px;display:grid;overflow:clip}.portrait{--stage:#7a3a41;--stage-edge:#3b1d29;background:radial-gradient(ellipse 70% 62% at 50% 40%, var(--stage), var(--stage-edge) 78%);color:#fff3db;min-width:0;min-height:450px;position:relative;overflow:hidden}.portrait:before{content:"";background:radial-gradient(closest-side,#0a040e8c,#0000);border-radius:50%;height:9%;position:absolute;inset:auto 22% 9%}.portrait[data-element=water]{--stage:#3f5a78;--stage-edge:#1b2333}.portrait[data-element=earth]{--stage:#62503c;--stage-edge:#2a2019}.welcome-art{background:#24182e}.welcome-art:before{content:none}.welcome-art>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.welcome .spread-copy>p{margin-top:17px;font-size:clamp(1.05rem,2.2vw,1.24rem)}.welcome .spread-copy>.primary{margin-top:24px}.portrait-still,.portrait-reaction,.creature-art{position:absolute;inset:0}.creature-art img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.creature-art.is-moving img:not(.portrait-motion){visibility:hidden}.creature-look{scale:var(--look-scale,1);transform-origin:50% 93%;position:absolute;inset:0}.creature-tint{filter:var(--look-filter,none);position:absolute;inset:0}.edition-badge{border:1px solid var(--edition-border,#a5804f);background:var(--night);max-inline-size:100%;color:var(--edition-ink,var(--gold));border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:3px 8px;font-size:.8125rem;font-weight:750;display:inline-flex}.edition-badge svg{flex:none;width:13px;height:13px}.edition-badge[data-tier=copper]{--edition-ink:#ffba9b;--edition-border:#a45c43}.edition-badge[data-tier=silver]{--edition-ink:#d6ecff;--edition-border:#708dab}.edition-badge[data-tier=platinum]{--edition-ink:#f1e6ff;--edition-border:#a493cf}.edition-badge[data-tier=artist]{--edition-ink:#f9c797;--edition-border:#a76e8e}.edition-serial{font-variant-numeric:tabular-nums;color:var(--muted)}.traits .edition-trait{background:0 0;border:0;padding:0}.is-shiny .creature-look:after{content:"";mix-blend-mode:overlay;-webkit-mask:var(--look-mask) center / contain no-repeat;-webkit-mask:var(--look-mask) center / contain no-repeat;-webkit-mask:var(--look-mask) center / contain no-repeat;-webkit-mask:var(--look-mask) center / contain no-repeat;mask:var(--look-mask) center / contain no-repeat;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#fff7dccc 50%,#0000 62%) 0 0/300% 100% no-repeat;animation:3.4s ease-in-out infinite shiny-sweep;position:absolute;inset:0}.is-shiny:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 22%,#fff6d6 0 2px,#0000 3px),radial-gradient(circle at 82% 14%,#fff6d6 0 2.5px,#0000 3.5px),radial-gradient(circle at 70% 64%,#ffe3a3 0 2px,#0000 3px),radial-gradient(circle at 30% 70%,#fff6d6 0 1.5px,#0000 2.5px);animation:2.2s ease-in-out infinite alternate shiny-twinkle;position:absolute;inset:8% 14% 30%}.is-moving .creature-look:after{display:none}.creature-art[data-edition] .creature-look:before,.creature-art[data-edition] .creature-look:after,.creature-art[data-edition] .creature-tint:after,.creature-art[data-edition]:before,.creature-art[data-edition]:after{content:"";pointer-events:none;position:absolute}.creature-art[data-edition] .creature-look:after,.creature-art[data-edition] .creature-tint:after{-webkit-mask:var(--look-mask) center / contain no-repeat;-webkit-mask:var(--look-mask) center / contain no-repeat;-webkit-mask:var(--look-mask) center / contain no-repeat;-webkit-mask:var(--look-mask) center / contain no-repeat;mask:var(--look-mask) center / contain no-repeat;inset:0}.creature-art[data-edition].is-moving .creature-tint:after{display:none}.creature-art[data-edition=copper]{--metal:255 150 90;--metal-light:#ffe2cc}.creature-art[data-edition=silver]{--metal:196 226 255;--metal-light:#fff}.creature-art[data-edition=gold]{--metal:255 212 84;--metal-light:#fff6c8}.creature-art:is([data-edition=copper],[data-edition=silver],[data-edition=gold]) .creature-look:before{background:radial-gradient(closest-side, rgb(var(--metal) / .5), rgb(var(--metal) / .16) 55%, transparent 74%);border-radius:50%;animation:3.2s ease-in-out infinite edition-aura;inset:4% 6% 2%}.creature-art:is([data-edition=copper],[data-edition=silver],[data-edition=gold]) .creature-look:after{background:linear-gradient(112deg, transparent 34%, rgb(var(--metal) / .55) 44%, var(--metal-light) 50%, rgb(var(--metal) / .55) 56%, transparent 66%) 0 0 / 300% 100% no-repeat, linear-gradient(180deg, #ffffff57, transparent 42%, #0000004d);mix-blend-mode:hard-light;animation:2.9s cubic-bezier(.5,0,.2,1) infinite edition-glint}.creature-art:is([data-edition=copper],[data-edition=silver],[data-edition=gold]):before{z-index:1;background:radial-gradient(circle at 16% 20%, var(--metal-light) 0 2px, transparent 3.5px), radial-gradient(circle at 84% 12%, var(--metal-light) 0 2.5px, transparent 4px), radial-gradient(circle at 74% 66%, var(--metal-light) 0 2px, transparent 3.5px), radial-gradient(circle at 26% 74%, var(--metal-light) 0 1.5px, transparent 3px);filter:drop-shadow(0 0 4px rgb(var(--metal)));animation:1.9s ease-in-out infinite alternate shiny-twinkle;inset:6% 10% 26%}.creature-art[data-edition=platinum] .creature-look:before{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffffff57 0 5deg, transparent 5deg 15deg, #ceb8ff4d 15deg 19deg, transparent 19deg 30deg);border-radius:50%;animation:26s linear infinite edition-rays;top:-10%;bottom:-6%;left:50%;translate:-50%;-webkit-mask:radial-gradient(closest-side,#000 22%,#0000008c 52%,#0000 78%);mask:radial-gradient(closest-side,#000 22%,#0000008c 52%,#0000 78%)}.creature-art[data-edition=platinum] .creature-look:after{mix-blend-mode:color;opacity:.78;background:linear-gradient(118deg,#ff8fe0,#8fe6ff 20%,#fff2a0 40%,#b99cff 60%,#8fffd2 80%,#ff8fe0) 0 0/320% 320%;animation:7s linear infinite edition-opal}.creature-art[data-edition=platinum] .creature-tint:after{mix-blend-mode:soft-light;background:linear-gradient(112deg,#0000 38%,#fffffff2 50%,#0000 62%) 0 0/300% 100% no-repeat;animation:2.4s cubic-bezier(.5,0,.2,1) infinite edition-glint}.creature-art[data-edition=platinum]:before,.creature-art[data-edition=platinum]:after{z-index:1;filter:drop-shadow(0 0 5px #d6beff);background:radial-gradient(circle at 14% 18%,#fff 0 2px,#0000 4px),linear-gradient(#fff,#fff) calc(14% - 6.5px) 18%/18px 1.5px no-repeat,linear-gradient(#fff,#fff) 14% calc(18% - 5.8px)/1.5px 18px no-repeat,radial-gradient(circle at 86% 10%,#fff 0 2.5px,#0000 4.5px),linear-gradient(#fff,#fff) calc(86% + 7.9px) 10%/22px 1.5px no-repeat,linear-gradient(#fff,#fff) 86% calc(10% - 8.8px)/1.5px 22px no-repeat,radial-gradient(circle at 78% 70%,#fff 0 2px,#0000 4px),linear-gradient(#fff,#fff) calc(78% + 4.5px) 70%/16px 1.5px no-repeat,linear-gradient(#fff,#fff) 78% calc(70% + 3.2px)/1.5px 16px no-repeat;animation:1.6s ease-in-out infinite alternate shiny-twinkle;inset:2% 6% 20%}.creature-art[data-edition=platinum]:after{animation-duration:2.1s;animation-delay:-.8s;transform:scaleX(-1)translateY(9%)}.creature-art[data-design=marigold]{--artist-a:255 158 48;--artist-b:232 70 146}.creature-art[data-design=rain]{--artist-a:96 232 204;--artist-b:108 150 255}.creature-art[data-design=picado]{--artist-a:255 86 190;--artist-b:92 226 255}.creature-art[data-edition=artist] .creature-look:before{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, rgb(var(--artist-a) / .8) 0 2.5deg, transparent 2.5deg 6deg, rgb(var(--artist-b) / .8) 6deg 8.5deg, transparent 8.5deg 12deg);border-radius:50%;animation:40s linear infinite edition-rays;top:1%;bottom:1%;left:50%;translate:-50%;-webkit-mask:radial-gradient(closest-side,#0000 90%,#000 91% 94.5%,#0000 95.5% 97%,#000 97.8% 98.8%,#0000 99.6%);mask:radial-gradient(closest-side,#0000 90%,#000 91% 94.5%,#0000 95.5% 97%,#000 97.8% 98.8%,#0000 99.6%)}.creature-art[data-design=marigold] .creature-look:after{mix-blend-mode:screen;background:radial-gradient(9px 5px at 20% 30%,#ffd678f2,#0000 70%) 0 0/46px 62px,radial-gradient(7px 4px at 70% 70%,#ff963ce6,#0000 70%) 0 0/38px 54px,linear-gradient(200deg,#ffaa3c61,#0000 55%,#e846924d);animation:6s linear infinite artist-petals}.creature-art[data-design=rain] .creature-look:after{mix-blend-mode:screen;background:repeating-linear-gradient(101deg,#0000 0 11px,#d6fff699 11px 12.2px,#0000 12.2px 23px) 0 0/100% 46px,linear-gradient(#60e8cc4d,#0000 60%,#6c96ff4d);animation:.9s linear infinite artist-rain}.creature-art[data-design=picado] .creature-look:after{mix-blend-mode:color;opacity:.7;background:linear-gradient(90deg,#ff4fb8 0 20%,#45d7ff 20% 40%,#ffd84a 40% 60%,#7be05a 60% 80%,#ff8a3c 80% 100%) 0 0/130px 100%;animation:7s linear infinite artist-picado}.creature-art[data-design=picado] .creature-tint:after{mix-blend-mode:soft-light;background:radial-gradient(circle,#ffffffe6 0 1.6px,#0000 2.4px) 0 0/13px 13px,radial-gradient(circle,#ffffff8c 0 3px,#0000 3.8px) 6.5px 6.5px/26px 26px}.creature-art[data-edition=artist]:before{z-index:1;background:radial-gradient(circle at 12% 24%, rgb(var(--artist-a)) 0 2px, transparent 3.5px), radial-gradient(circle at 88% 16%, rgb(var(--artist-b)) 0 2.5px, transparent 4px), radial-gradient(circle at 80% 72%, rgb(var(--artist-a)) 0 2px, transparent 3.5px), radial-gradient(circle at 20% 78%, rgb(var(--artist-b)) 0 1.5px, transparent 3px);filter:drop-shadow(0 0 4px rgb(var(--artist-a)));animation:2.4s ease-in-out infinite alternate shiny-twinkle;inset:4% 8% 24%}@keyframes edition-glint{0%{background-position:125% 0,0 0}60%,to{background-position:-45% 0,0 0}}@keyframes edition-aura{0%,to{opacity:.55;scale:.96}50%{opacity:1;scale:1.04}}@keyframes edition-rays{to{rotate:1turn}}@keyframes edition-opal{to{background-position:320% 320%}}@keyframes artist-petals{to{background-position:0 -62px,0 -108px,0 0}}@keyframes artist-rain{to{background-position:-9px 46px,0 0}}@keyframes artist-picado{to{background-position:130px 0}}@keyframes shiny-sweep{0%{background-position:120% 0}55%,to{background-position:-40% 0}}@keyframes shiny-twinkle{0%{opacity:.25}to{opacity:1}}.kind{color:var(--muted);margin-top:2px;font-size:.95rem;font-weight:650}.name-choice{background:#2c2238;border:1px solid #6a4a61;border-radius:12px;min-width:0;margin:16px 0 4px;padding:14px}.name-choice legend{color:var(--gold);padding:0 6px;font:700 1.15rem/1.2 Alegreya,Georgia,serif}.name-choice p{font-size:.86rem}.name-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.name-option{cursor:pointer;background:#241b2e;border:1px solid #3f2f49;border-radius:9px;align-items:center;gap:8px;min-height:48px;padding:6px 10px;font-weight:750;display:flex}.name-option:has(:checked){border-color:var(--gold);background:#3a2d2a}.name-option input{accent-color:var(--gold);width:16px;height:16px;margin:0}.name-option small{color:var(--muted);font-size:.8125rem;font-weight:600;display:block}.traits{flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0;list-style:none;display:flex}.traits li{color:var(--ink);background:#2c2238;border:1px solid #3f2f49;border-radius:999px;align-items:center;gap:7px;padding:3px 11px 3px 6px;font-size:.8rem;font-weight:700;display:inline-flex}.swatch{background:linear-gradient(135deg,#e8552d,#f5b03d);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff40}[data-species=ollin] .swatch{background:linear-gradient(135deg,#6f7f99,#b5643a)}[data-species=nubeja] .swatch{background:linear-gradient(135deg,#f08a7e,#9fb9e8)}.traits .trait-shiny{color:var(--gold);background:#3a2d1c;border-color:#8a6a2c;padding-left:9px}.trait-shiny svg{width:14px;height:14px}.motion-button,.element-chip,.motion-note{color:#fff1dc;background:#22182a;border:1px solid #725967;position:absolute}.motion-button{border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:.83rem;font-weight:700;display:inline-flex;bottom:14px;right:14px}.motion-button:hover{border-color:var(--clay);color:var(--clay)}.motion-note{border-radius:8px;padding:6px 10px;font-size:.82rem;bottom:14px;right:14px}.element-chip{background:#1c1424e0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px 5px 8px;font-size:.8125rem;font-weight:750;display:inline-flex;top:16px;left:16px}.element-chip svg{color:#ffb997;width:15px;height:15px}.element-chip[data-element=earth] svg{color:#e6cb88}.element-chip[data-element=water] svg{color:var(--sky)}.portrait-reaction img{animation:.55s cubic-bezier(.16,1,.3,1) creature-react}.hatch-egg{pointer-events:none;position:absolute;inset:0}.egg-half{position:absolute;inset:0}.egg-half img{object-fit:contain}.egg-top{clip-path:polygon(0 0,100% 0,100% 56%,89% 52%,80% 58%,70% 51%,60% 58%,50% 51%,40% 58%,30% 51%,20% 58%,11% 52%,0 56%)}.egg-bottom{clip-path:polygon(0 56%,11% 52%,20% 58%,30% 51%,40% 58%,50% 51%,60% 58%,70% 51%,80% 58%,89% 52%,100% 56%,100% 100%,0 100%)}.hatch-glow{opacity:.35;background:radial-gradient(closest-side,#fff4c9,#ffc078b3 45%,#0000);border-radius:50%;position:absolute;inset:22% 28% 12%}.hatch-egg{transform-origin:50% 92%;animation:1.1s ease-in-out infinite egg-wobble}.hatch-egg .egg-top{animation:1.1s ease-in-out infinite egg-strain}.hatch-egg .hatch-glow{animation:1.1s ease-in-out infinite glow-pulse}.hatch-egg.is-bursting{animation:.55s ease-in-out egg-wobble}.hatch-egg.is-bursting .egg-top{animation:egg-top-fly .7s .5s var(--ease-out) both}.hatch-egg.is-bursting .egg-bottom{animation:egg-bottom-fall .7s .5s var(--ease-out) both}.hatch-egg.is-bursting .hatch-glow{animation:glow-burst .6s .45s var(--ease-out) both}.egg-preload{visibility:hidden}.hatch-egg:not([data-ready]),.hatch-egg:not([data-ready]) *{animation-play-state:paused!important}.portrait-hatched:has(.hatch-egg:not([data-ready])) .creature-art img{animation-play-state:paused}.portrait-hatched .creature-art img{animation:creature-emerge .75s .62s var(--ease-out) both}@keyframes egg-wobble{0%,to{rotate:0deg}20%{rotate:-6deg}40%{rotate:5deg}60%{rotate:-3deg}80%{rotate:2deg}}@keyframes egg-strain{0%,to{translate:0}45%{translate:0 -5px}}@keyframes glow-pulse{0%,to{opacity:.2}45%{opacity:.75}}@keyframes egg-top-fly{to{opacity:0;translate:-14% -46%;rotate:-28deg}}@keyframes egg-bottom-fall{to{opacity:0;translate:6% 18%;rotate:9deg}}@keyframes glow-burst{0%{opacity:.5;scale:1}25%{opacity:.8;scale:1.6}to{opacity:0;scale:2.2}}@keyframes creature-emerge{0%{opacity:0;translate:0 12%;scale:.55}60%{opacity:1;translate:0;scale:1.06}to{opacity:1;scale:1}}.action-burst{--burst:var(--gold);z-index:2;pointer-events:none;position:absolute;inset:0}.action-burst[data-kind=play]{--burst:var(--rose)}.action-burst[data-track=attack]{--burst:var(--coral)}.action-burst[data-track=speed]{--burst:var(--sky)}.burst-hero{border:2px solid var(--burst);width:76px;height:76px;color:var(--burst);box-shadow:0 10px 22px -8px #06020ccc, 0 0 0 6px var(--burst);background:#1c1424e6;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12%;left:calc(50% - 38px)}@supports (color:color-mix(in lab, red, red)){.burst-hero{box-shadow:0 10px 22px -8px #06020ccc, 0 0 0 6px color-mix(in oklab, var(--burst) 18%, transparent)}}.burst-hero{animation:burst-hero 1.5s var(--ease-out) both}.burst-hero svg{width:42px;height:42px}.action-burst[data-kind=train] .burst-hero,.action-burst[data-kind=evolve] .burst-hero{animation-name:burst-strike;bottom:38%}.burst-spark{color:var(--burst);opacity:0;animation:burst-spark 1.4s calc(.25s + var(--i) * 70ms) var(--ease-out) both;position:absolute;top:52%;left:50%}.burst-spark svg{width:20px;height:20px}.burst-spark:nth-child(2){--dx:-86px;--dy:-64px}.burst-spark:nth-child(3){--dx:-38px;--dy:-104px}.burst-spark:nth-child(4){--dx:14px;--dy:-122px}.burst-spark:nth-child(5){--dx:62px;--dy:-96px}.burst-spark:nth-child(6){--dx:96px;--dy:-52px}.burst-gains{animation:burst-gains 2.3s var(--ease-out) both;justify-items:center;gap:4px;display:grid;position:absolute;top:12%;left:50%;translate:-50%}.burst-gains span{border:1px solid var(--burst);padding:4px 11px}@supports (color:color-mix(in lab, red, red)){.burst-gains span{border:1px solid color-mix(in oklab, var(--burst) 55%, #3f2f49)}}.burst-gains span{color:var(--burst);white-space:nowrap;font-variant-numeric:tabular-nums;background:#1c1424e6;border-radius:999px;font-size:.85rem;font-weight:800}.action-burst[data-kind=evolve]>*{animation-delay:1.1s}.action-burst[data-kind=evolve] .burst-hero{display:none}.meters [data-gain] progress{animation:meter-glow 1.4s var(--ease-out)}.meters [data-gain] .number{color:var(--meter);font-weight:800}@keyframes burst-hero{0%{opacity:0;transform:translateY(24px)scale(.4)}22%{opacity:1;transform:translateY(0)scale(1.15)}45%{transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-70px)scale(.7)}}@keyframes burst-strike{0%{opacity:0;transform:scale(.3)rotate(-35deg)}25%{opacity:1;transform:scale(1.35)rotate(8deg)}50%{transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.6)}}@keyframes burst-spark{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.1)}}@keyframes burst-gains{0%{opacity:0;transform:translateY(12px)}12%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes meter-glow{30%{box-shadow:0 0 0 3px color-mix(in oklab, var(--meter) 45%, transparent)}}.portrait-evolving,.evolve-old,.evolve-new{position:absolute;inset:0}.evolve-old img{animation:1.3s ease-in both evolve-out}.evolve-glow{animation:glow-burst 1s .85s var(--ease-out) both}.evolve-new img{animation:creature-emerge .9s 1.1s var(--ease-out) both}@keyframes evolve-out{45%{filter:brightness(1.9)saturate(.6);transform:scale(1.04)}to{filter:brightness(4)saturate(0);opacity:0;transform:scale(1.1)}}.plaza-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.plaza-head p{margin-top:9px}.portrait.plaza-stage{aspect-ratio:1;border-radius:12px;width:220px;height:auto;min-height:0}.plaza-stage .burst-hero{width:56px;height:56px;left:calc(50% - 28px)}.plaza-stage .burst-hero svg{width:30px;height:30px}.plaza-stage .burst-gains{grid-auto-flow:column;top:auto;bottom:8px}.plaza-stage .burst-gains span{padding:2px 9px;font-size:.8125rem}@keyframes creature-react{35%{filter:brightness(1.15);transform:scale(1.055)}}.portrait-placeholder{color:#fff3db;text-align:center;align-content:center;justify-items:center;gap:6px;min-height:160px;padding:16px;display:grid}.portrait-placeholder strong{font:700 clamp(3.25rem,9vw,7rem)/1 Alegreya,Georgia,serif}.portrait-placeholder span{font-size:.82rem}.spread-copy{align-self:center;padding:clamp(22px,4vw,48px)}.spread-copy>p,.sheet>p{margin-top:9px}.spread-copy h2{margin-top:24px}.level{font-variant-numeric:tabular-nums;color:var(--clay);font-weight:720}.choices{border:0;min-width:0;margin:16px 0;padding:0}.choices legend{margin-bottom:4px;font-weight:750}.choice{border:1px solid #0000;border-bottom-color:var(--line);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-height:49px;padding:11px 10px;display:grid}.choice:hover{background:#30253d}.choice:has(:checked){background:#3d2a40;border-color:#91677d;border-radius:8px}.choice input{accent-color:var(--forest);width:16px;height:16px;margin-top:6px}.choice strong,.choice small{display:block}.choice small{color:var(--muted);font-size:.85rem}.starter-choice{grid-template-columns:auto 44px minmax(0,1fr) auto;align-items:center}.starter-choice input{margin-top:0}.choice-thumb{background:radial-gradient(circle at 50% 40%,#7a3a41,#3b1d29);border-radius:8px;width:44px;height:44px;position:relative;overflow:hidden}.choice:has([value=ollin]) .choice-thumb{background:radial-gradient(circle at 50% 40%,#62503c,#2a2019)}.choice:has([value=nubeja]) .choice-thumb{background:radial-gradient(circle at 50% 40%,#3f5a78,#1b2333)}.choice-element{color:#ffb997;font-size:.8125rem;font-weight:750}.choice-element[data-element=earth]{color:#e6cb88}.choice-element[data-element=water]{color:#a7d9fb}.primary,.secondary{text-align:center;border:1px solid #0000;border-radius:8px;min-height:46px;padding:9px 17px;font-weight:750}.primary{background:var(--clay);color:#2b1924;box-shadow:0 6px 14px -8px #ffa06499}.primary:hover:not(:disabled){background:#ffdbb7}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px)scale(.985)}.secondary{border-color:var(--line);color:var(--ink);background:#32263d}.secondary:hover:not(:disabled){border-color:var(--clay);background:#442e47}.spread-copy>.primary{margin-top:12px}.actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px;display:flex}.sheet{border:1px solid var(--line);border-radius:var(--radius);background:var(--sheet);box-shadow:var(--lift);margin-top:18px;padding:clamp(19px,4vw,35px)}.roster-switch,.roster-switch label{flex-wrap:wrap;align-items:center;gap:8px 16px;font-weight:750;display:flex}.roster-switch{margin-block:16px}.roster-jump{color:var(--forest-dark);text-underline-offset:.22em}.roster-count{color:var(--muted);margin-inline-start:4px;font:650 .95rem/1.3 system-ui,sans-serif}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:16px;margin-block:18px 14px;padding:0;list-style:none;display:grid}.roster-grid>li{min-width:0}.roster-card{border:1px solid var(--line);background:var(--night);border-radius:13px;height:100%;overflow:hidden}.roster-card[data-active]{border-color:#9d715e}.roster-card-art{--stage:#693843;background:radial-gradient(ellipse at 50% 48%, var(--stage), var(--night) 92%);height:clamp(142px,24vw,186px);position:relative;overflow:hidden}.roster-card-art[data-element=water]{--stage:#405975}.roster-card-art[data-element=earth]{--stage:#61503a}.roster-card-art[data-element=air]{--stage:#3f5b54}.roster-card-art[data-element=light]{--stage:#63523c}.roster-card-art[data-element=shadow]{--stage:#553968}.roster-card-art .creature-art{inset:8px 0 3px}.roster-level,.roster-active{background:var(--night);color:var(--gold);border-radius:6px;padding:4px 8px;font-size:.8125rem;font-weight:750;position:absolute;top:11px}.roster-level{inset-inline-start:11px}.roster-active{color:var(--forest);inset-inline-end:11px}.roster-card-body{padding:14px}.roster-card-heading h3{overflow-wrap:anywhere;font:700 1.45rem/1.1 Alegreya,Georgia,serif}.roster-card-heading p,.roster-progress{font-size:.83rem}.roster-progress{margin-block-start:5px}.roster-card .traits{margin-block:10px}.roster-stats,.roster-care{text-align:center;font-variant-numeric:tabular-nums;gap:5px;margin-block:8px 0;display:grid}.roster-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-care{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-stats>div{background:var(--sheet);border-radius:6px;padding-block:6px}.roster-stats dt,.roster-care dt{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.roster-stats dd,.roster-care dd,.roster-value dd{margin:0;font-weight:750}.roster-stat-bonus{color:var(--forest-dark);white-space:nowrap;font-size:.8em}.roster-care dd{font-size:.88rem}.roster-details{margin-block:9px 0}.roster-details summary{font-size:.85rem}.roster-details p{margin-block-end:6px;font-size:.81rem}.roster-card-footer{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-block-start:9px;display:flex}.roster-value{margin:0}.roster-value dt{color:var(--muted);font-size:.8125rem}.roster-value dd{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.roster-value svg{width:16px;height:16px}.roster-note{margin-block-end:0}.roster-card-actions{flex-wrap:wrap;gap:6px;display:flex}.roster-card-actions button{padding-inline:9px;font-size:.82rem}.roster-card-actions svg{block-size:16px;inline-size:16px}.share-dialog{border:1px solid var(--line);background:var(--sheet);max-block-size:calc(100dvh - 24px);inline-size:min(760px,100% - 24px);color:var(--ink);box-shadow:var(--lift);border-radius:14px;margin:auto;padding:clamp(16px,3.2vw,26px);position:fixed;inset:0;overflow:auto}.share-dialog::backdrop{background:#120d18ba}.trade-panel h2{align-items:center;gap:8px;display:flex}.trade-panel h2 svg{block-size:22px;inline-size:22px;color:var(--clay);flex:none}.trade-rules{color:var(--muted);gap:4px;margin:10px 0 14px;padding-inline-start:1.2em;list-style:outside;display:grid}.trade-rules li{max-inline-size:65ch}.trade-panel .live-lobby li{flex-wrap:wrap;justify-content:space-between}.trade-banner>svg{color:var(--clay)}.trade-room{margin-block-end:16px}.trade-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.trade-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:14px;display:grid}.trade-side{align-content:start;gap:6px;display:grid}.trade-side h3{color:var(--muted);font-size:.9rem}.trade-card{border:1px solid var(--line);background:#2c2238;border-radius:12px;gap:3px;padding:8px;display:grid}.trade-card-art{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#4a3558,#241a2c);border-radius:8px;position:relative;overflow:hidden}.trade-card strong{color:var(--ink);overflow-wrap:anywhere;margin-block-start:4px}.trade-card span{color:var(--muted);font-size:.85rem}.trade-card .trade-value{color:var(--clay);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-weight:800;display:inline-flex}.trade-value svg{block-size:16px;inline-size:16px}.trade-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;padding:18px 10px}.trade-pick{gap:6px;font-weight:750;display:grid}.trade-pick select{border:1px solid var(--line);min-block-size:48px;inline-size:100%;color:var(--ink);font:inherit;background:#1b1524;border-radius:8px;padding:8px 10px;font-weight:500}.trade-note{color:#ffd6a8;margin-block-start:10px}.trade-ok{color:var(--forest);align-items:center;gap:8px;font-weight:700;display:flex}.trade-ok svg{flex:none;block-size:20px;inline-size:20px}.trade-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-block:14px 8px;display:flex}.account-toggle{position:relative}.account-toggle[data-unsaved]:after{content:"";background:var(--clay);border-radius:50%;block-size:9px;inline-size:9px;position:absolute;inset-block-start:9px;inset-inline-end:9px;box-shadow:0 0 0 2px #24192c}.welcome .spread-copy>.welcome-signin{margin-top:10px}.account-dialog{inline-size:min(480px,100% - 24px)}.account-form{gap:14px;display:grid}.account-form>p{margin:0}.account-kind{border:0;gap:6px;margin:0;padding:0;display:grid}.account-kind legend{margin-block-end:6px;padding:0;font-weight:750}.account-field{gap:6px;font-weight:750;display:grid}.account-field input{border:1px solid var(--line);min-block-size:48px;inline-size:100%;color:var(--ink);font:inherit;background:#1b1524;border-radius:8px;padding:10px 12px;font-weight:500}.account-field input:focus-visible{outline-offset:2px;border-color:var(--clay)}.account-field .account-code{letter-spacing:.3em;font-variant-numeric:tabular-nums;max-inline-size:13ch;font-size:1.5rem;font-weight:700}.account-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.account-games{gap:8px;margin:0;padding:0;list-style:none;display:grid}.account-games button{text-align:start;justify-items:start;gap:2px;min-block-size:56px;inline-size:100%;padding:10px 14px;display:grid}.account-games small{color:var(--muted);font-size:.85rem;font-weight:500}.account-error{color:#ffe2d9;background:#40202b;border:1px solid #a8545c;border-radius:8px;padding:10px 12px}.account-note{color:var(--forest);align-items:center;gap:8px;font-weight:700;display:flex}.account-note svg{flex:none;block-size:20px;inline-size:20px}.account-portfolio{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.account-portfolio div{border:1px solid var(--line);background:#2c2238;border-radius:8px;padding:10px}.account-portfolio dt{color:var(--muted);font-size:.8125rem}.account-portfolio dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:800}.account-danger,.text-action.account-danger{color:#ffb4a8}.primary.account-danger{color:#1f0f14;box-shadow:none;background:#e2685e}.primary.account-danger:hover:not(:disabled){background:#f08a80}.account-dialog a,.doc a{color:var(--clay);text-underline-offset:.22em}.doc{padding-block:24px 48px}.doc-sheet{max-inline-size:720px;margin-inline:auto}.doc-sheet h1{margin-block:4px 12px}.doc-sheet h2{margin-block:20px 6px;font-size:1.125rem}.doc-sheet ul{color:var(--muted);margin:0;padding-inline-start:1.2em;list-style:outside}.doc-sheet li{max-inline-size:65ch;margin-block:4px}.doc-sheet .fine{margin-block-start:12px}.doc-brand{color:var(--clay);letter-spacing:.02em;font-weight:800}.doc-form{justify-items:start;gap:10px;margin-block:22px 8px;display:grid}.doc-form .primary{white-space:normal;text-align:start;min-block-size:52px}.sell-dialog{inline-size:min(440px,100% - 24px)}.sell-dialog h2{margin-block-end:8px}.sell-dialog .fine{margin-block-start:8px}.sell-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-block-start:18px;display:flex}.sell-actions button{align-items:center;gap:6px;display:inline-flex}.sell-actions svg{block-size:18px;inline-size:18px}.roster-sale-note{margin-block-start:6px}body:has(.share-dialog[open]){overflow:hidden}.share-header{justify-content:space-between;align-items:center;gap:10px;margin-block-end:12px;display:flex}.share-close{border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;block-size:44px;inline-size:44px;display:grid}.share-close:hover{background:#422d43}.share-close svg{block-size:19px;inline-size:19px}.share-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.share-preview{background:var(--night);border-radius:8px;place-items:center;min-block-size:10rem;display:grid;overflow:hidden}.share-preview img{object-fit:contain;block-size:auto;max-block-size:65dvh;inline-size:100%}.share-preview p{text-align:center;padding:15px}.share-caption{color:var(--muted);gap:6px;margin-block-start:14px;font-size:.83rem;display:grid}.share-caption textarea{resize:vertical;border:1px solid var(--line);background:var(--night);inline-size:100%;color:var(--ink);font:inherit;border-radius:7px;padding:8px 10px}.share-options .actions a{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.share-options .fine{margin-block-start:9px}@media (max-width:610px){.share-layout{grid-template-columns:minmax(0,1fr)}.share-preview img{max-block-size:38dvh}}.game-guide-link{min-height:44px;color:var(--forest-dark);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;align-items:center;gap:6px;padding-inline:5px;font-size:.87rem;font-weight:750;display:inline-flex}.game-guide-link:hover{text-underline-offset:.23em;text-decoration:underline}.game-guide-link svg{width:17px;height:17px}#game-guide{scroll-margin-top:16px}.guide-sections{margin-block-start:15px}.guide-sections details{border-block-start:1px solid var(--line);margin:0}.guide-sections summary{color:var(--ink)}.guide-sections details p{margin-block:5px 12px}.guide-figures{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:6px 15px;max-inline-size:36rem;margin-block:9px 13px;display:grid}.guide-figures>div{flex-direction:column;display:flex}.guide-figures dt{color:var(--muted);font-size:.82rem}.guide-figures dd{color:var(--gold);font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem;font-weight:750}.guide-figures .guide-stat-bonus{color:var(--forest-dark);font-size:.85rem}[data-species=brumascua] .swatch{background:linear-gradient(135deg,#36a6ad,#ed9952)}.roster-switch select,.pairing select{border:1px solid var(--line);background:var(--sheet);min-height:44px;max-inline-size:100%;color:var(--ink);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;padding:6px 12px}.roster-switch select{min-inline-size:min(14rem,100%)}.pairing-lock{margin-block-start:12px}.pairing-parents{gap:14px;margin-block:16px;display:grid}.pairing-thumb{aspect-ratio:1;background:var(--scene-light,#493550);border-radius:8px;flex:none;inline-size:56px;display:block;position:relative}.pairing-preview,.roster-egg{border-block-start:1px solid var(--line);margin-block-start:16px;padding-block-start:14px}.pairing-outcomes{margin-block:9px;padding:0;list-style:none}.pairing-outcomes li{align-items:center;gap:12px;max-inline-size:26rem;padding-block:5px;display:flex}.pairing-outcomes strong{font-variant-numeric:tabular-nums;margin-inline-start:auto}.pairing-ready{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-block:12px;display:flex}.pairing-ready img{object-fit:contain}.pairing-ready button,.pairing-submit{margin-block-start:10px}.roster-egg summary{cursor:pointer;font-weight:750}.roster-egg p{margin-block-start:8px}.roster-egg .actions{margin-block-start:10px}.notice{z-index:30;background:#4a2837;border:1px solid #a67172;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 15px;display:flex;position:sticky;top:12px;box-shadow:0 18px 40px -8px #06020ce6}.notice p{color:#ffe2d9}.notice-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.notice .text-action{color:#ffe2d9}#roster-egg{scroll-margin-block-start:16px}.provisional-art{z-index:3;border:1px dashed var(--gold);color:var(--gold);background:#1c1424e0;border-radius:999px;padding:3px 10px;font-size:.8125rem;font-weight:750;position:absolute;inset-block-start:10px;inset-inline-end:10px}.portrait[data-stage="2"],.preview-art[data-stage="2"]{box-shadow:inset 0 0 0 2px #ffd38359,0 0 28px -6px #ffd38380}.portrait[data-stage="3"],.preview-art[data-stage="3"]{box-shadow:inset 0 0 0 2px #f6b2d180,0 0 36px -4px #f6b2d199}.preview-art{position:relative}.arena-stone{flex-basis:100%;align-items:center;gap:6px;margin:0;display:flex}.arena-stone svg{width:16px;height:16px;color:var(--sky)}.live-arena{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.live-arena h2{align-items:center;gap:8px;font-size:1.35rem;display:flex}.live-arena h2 svg{width:24px;height:24px;color:var(--sky)}.live-status{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.live-toggle{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#2c2238;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:750;display:inline-flex}.live-toggle[aria-pressed=true]{border-color:var(--forest);background:#213a37}.live-dot{background:#75677d;border-radius:50%;flex:none;block-size:10px;inline-size:10px}.live-toggle[aria-pressed=true] .live-dot,.live-lobby .live-dot{background:var(--forest);box-shadow:0 0 0 3px #82d7bf40}.live-card{border:1px solid var(--sky);background:#24283a;border-radius:12px;gap:8px;margin-top:12px;padding:14px;display:grid}.live-timer{color:var(--ink);font-variant-numeric:tabular-nums;background:#34405a;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:2px 10px;font-weight:800;display:inline-flex}.live-timer[data-urgent]{color:#ffd6cc;background:#5a2f3a}.live-timer svg{width:16px;height:16px}.live-rival{align-items:center;gap:6px;display:flex}.live-rival[data-connection=reconnecting]{color:var(--coral)}.live-rival svg{width:16px;height:16px}.live-lobby ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.live-lobby li{border:1px solid var(--line);background:#2c2238;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.live-size{border:1px solid var(--line);border-radius:12px;gap:4px;padding:3px;display:inline-flex}.live-size button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 12px;font-weight:750}.live-size button[aria-pressed=true]{color:var(--ink);background:#44304a}.live-outcome[data-result=win] p:first-child{color:var(--forest-dark);font-weight:750}.live-outcome[data-result=loss] p:first-child{color:var(--coral);font-weight:750}.ranked h2 svg{color:var(--gold,#f2c45a)}.ranked-standing{border:1px solid var(--line);background:#2c2238;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;margin:12px 0 8px;padding:12px 14px;display:grid}.ranked-standing>svg{block-size:40px;inline-size:40px;color:var(--tier,#c9a27a);grid-row:span 2}.ranked-standing>div{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.ranked-standing strong{color:var(--ink);font-size:1.25rem}.ranked-standing span{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:750}.ranked-standing .fine{margin:0}.ranked-standing[data-tier=barro]{--tier:#c98f6b}.ranked-standing[data-tier=madera]{--tier:#c9a27a}.ranked-standing[data-tier=cobre]{--tier:#e39a5c}.ranked-standing[data-tier=plata]{--tier:#cfd6e4}.ranked-standing[data-tier=jade]{--tier:#82d7bf}.ranked-standing[data-tier=obsidiana]{--tier:#b79cf0}.ranked-queue p:first-child{align-items:center;gap:8px;display:flex}.ranked-queue svg{block-size:18px;inline-size:18px;color:var(--sky)}.ranked-ladder{margin-top:16px}.ranked-ladder h3{font-size:1.05rem}.ranked-ladder ol{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.ranked-ladder li[data-me]{border-color:var(--clay);background:#44304a}.ranked-place{inline-size:28px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-weight:800}.ranked-points{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.ranked-badge{color:#f2c45a;background:#4a3a22;border-radius:999px;margin-inline-end:8px;padding:1px 8px;font-size:.8125rem;font-weight:800;display:inline-block}.ranked-change{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.ranked-change[data-direction=up]{color:var(--forest)}.ranked-change[data-direction=down]{color:var(--coral)}.live-banner{z-index:31;border:1px solid var(--sky);background:#24283a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex;position:sticky;top:12px;box-shadow:0 18px 40px -8px #06020ce6}.live-banner>svg{width:28px;height:28px;color:var(--sky)}.live-banner>div:first-of-type{flex:1;min-width:160px;display:grid}.live-banner strong{color:var(--ink)}.live-banner span{color:var(--muted);font-size:.875rem}.live-banner-actions{gap:8px;display:flex}.challenge{border:1px solid var(--gold);background:#2f2530;border-radius:12px;margin-top:16px;padding:14px}.challenge[data-claimed]{border-color:var(--line)}.challenge h2{align-items:center;gap:8px;font-size:1.35rem;display:flex}.challenge h2 svg{width:24px;height:24px;color:var(--gold)}.challenge-team{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.challenge-team li{color:var(--ink);align-items:center;gap:10px;display:flex}.challenge-team li>span:last-child{display:grid}.challenge-team small{color:var(--muted);font-size:.8125rem}.challenge .secondary{margin-top:10px}.collection h2{align-items:center;gap:8px;display:flex}.collection h2 svg{width:26px;height:26px;color:var(--gold)}.collection-progress{color:var(--ink);align-items:center;gap:10px;margin:12px 0;font-weight:750;display:flex}.collection-progress progress{accent-color:var(--gold);flex:1}.collection-marks{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.collection-editions{border:1px solid var(--line);background:#2c2238;border-radius:12px;margin:4px 0 2px;padding:12px}.collection-editions h3{color:var(--ink);align-items:baseline;gap:8px;display:flex}.collection-editions h3 small{color:var(--muted);font-size:.8125rem;font-weight:750}.collection-editions .fine{margin:2px 0 10px}.collection-editions dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px 16px;margin:0;display:grid}.collection-editions dt{color:var(--muted);align-items:center;gap:6px;font-weight:750;display:flex}.collection-editions dd{color:var(--muted);margin:0;padding-inline-start:24px;font-size:.8125rem}.collection-editions div[data-found] dt{color:var(--ink)}.collection-editions dt svg{width:18px;height:18px;color:var(--line);flex:none}.collection-editions div[data-found] dt svg{color:var(--forest)}.collection-marks li{color:var(--muted);align-items:center;gap:5px;font-size:.8125rem;display:inline-flex}.collection-marks li:before{content:"";border:1.5px solid var(--line);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.collection-marks li:has(svg):before{content:none}.collection-marks li[data-found]{color:var(--ink);font-weight:650}.collection-marks li[data-found]:before{border-color:var(--forest);background:var(--forest)}.collection-marks svg{width:13px;height:13px;color:var(--forest)}.collection-marks li[data-found] svg{color:var(--gold)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.collection-card{border:1px solid var(--line);background:#2c2238;border-radius:12px;gap:12px;padding:10px;display:flex}.collection-card[data-playable=false]{opacity:.6}.collection-art{aspect-ratio:1;background:var(--scene-light,#493550);border-radius:10px;flex:none;inline-size:88px;position:relative;overflow:hidden}.collection-card[data-found=false] .collection-art img{filter:brightness(0)opacity(.55)}.collection-body{flex:1;align-content:start;gap:6px;min-width:0;display:grid}.collection-body h3{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.collection-body h3 small{color:var(--rose);font-size:.8125rem;font-weight:750}.picker-cards{border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;margin:12px 0 0;padding:0;display:grid}.picker-cards legend{color:var(--ink);margin-bottom:8px;padding:0;font-weight:750}.picker-card{border:1px solid var(--line);cursor:pointer;background:#2c2238;border-radius:12px;align-items:center;gap:10px;min-height:64px;padding:6px 10px 6px 6px;display:flex;position:relative}.picker-card:has(input:checked){border-color:var(--clay);background:#44304a}.picker-card:has(input:focus-visible){outline:3px solid var(--clay);outline-offset:2px}.picker-card input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.picker-card>span:last-child{min-width:0;display:grid}.picker-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-card small{color:var(--muted);font-size:.8125rem}button[aria-busy=true]{position:relative;opacity:1!important}button[aria-busy=true]:after{content:"";border:2px solid;border-inline-end-color:#0000;border-radius:50%;block-size:14px;inline-size:14px;margin-inline-start:6px;animation:.8s linear infinite busy-spin}@keyframes busy-spin{to{transform:rotate(1turn)}}.nido-tabs{border:1px solid var(--line);background:#221a2b;border-radius:12px;flex-wrap:wrap;gap:4px;margin-top:14px;padding:3px;display:flex}.nido-tabs button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:0 12px;font-weight:750}.nido-tabs button[aria-pressed=true]{color:var(--ink);background:#44304a}.guide-dialog{border:1px solid var(--line);background:var(--sheet);max-block-size:min(88vh,900px);inline-size:min(100% - 24px,820px);color:var(--ink);border-radius:16px;padding:0;overflow:auto}.guide-dialog::backdrop{background:#0a0610b8}.guide-dialog .game-guide{box-shadow:none;border:0;margin:0}.guide-close{float:inline-end;z-index:2;margin:10px 10px 0 0;position:sticky;top:10px}.reward-stone{color:var(--sky);background:#233849;border-radius:999px;padding:2px 10px;font-weight:800}.level-up{color:var(--gold);background:#3a2c2a;border-radius:999px;padding:2px 10px;font-weight:800}.replay-speed[aria-pressed=true]{border-color:var(--clay);background:#44304a}.bond,.care-streak,.shop{border:1px solid var(--line);background:#2c2238;border-radius:10px;margin-top:14px;padding:12px 14px}.bond{gap:6px;display:grid}.bond-head{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bond-head svg{width:20px;height:20px;color:var(--rose)}.bond-bonus{color:var(--rose);background:#4a3046;border-radius:999px;padding:1px 8px;font-size:.8125rem;font-weight:750}.bond progress{inline-size:100%;accent-color:var(--rose)}.bond[data-tier=inseparable]{border-color:var(--rose)}.care-streak{align-items:center;gap:12px;display:flex}.care-streak>svg{width:30px;height:30px;color:var(--coral);flex-shrink:0}.care-streak>div{gap:2px;min-width:0;display:grid}.care-streak strong{color:var(--ink)}.care-streak span{color:var(--muted);font-size:.875rem}.care-streak[data-today]>svg{color:var(--gold)}.streak-notice{color:var(--gold);margin-top:12px;font-weight:750}.shop h3{color:var(--ink)}.shop ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.shop li{align-items:center;gap:10px;display:flex}.shop li>svg{width:22px;height:22px;color:var(--gold)}.shop li>span{color:var(--ink);flex:1;align-items:center;gap:4px;display:inline-flex}.shop li>span svg{width:15px;height:15px;color:var(--gold)}.daily-gift{border:1px solid var(--line);background:#2c2238;border-radius:10px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.daily-gift[data-available]{border-color:var(--gold);background:#3a2c2a}.daily-gift>svg{width:30px;height:30px;color:var(--gold);flex-shrink:0}.daily-gift>div{flex:1;gap:2px;min-width:0;display:grid}.daily-gift strong{color:var(--ink)}.daily-gift span{color:var(--muted);font-size:.875rem}.arena-rank{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.arena-rank div{border:1px solid var(--line);background:#2c2238;border-radius:10px;padding:8px 14px}.arena-rank dt{color:var(--muted);font-size:.8125rem}.arena-rank dd{color:var(--ink);align-items:center;gap:6px;margin:0;font-size:1.35rem;font-weight:800;display:flex}.arena-rank dd svg{width:18px;height:18px;color:var(--gold)}.team-picker{border:0;margin:14px 0 0;padding:0}.team-picker legend{color:var(--ink);padding:0;font-weight:750}.team-picker ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.team-member{border:1px solid var(--line);inline-size:100%;min-height:60px;color:var(--ink);text-align:start;cursor:pointer;background:#2c2238;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.team-member[aria-pressed=true]{border-color:var(--clay);background:#44304a}.team-member:hover:not(:disabled){border-color:var(--clay)}.team-thumb{aspect-ratio:1;background:var(--scene-light,#493550);border-radius:8px;flex:none;inline-size:48px;position:relative;overflow:hidden}.team-name{flex:1;min-width:0;display:grid}.team-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-name small{color:var(--muted);font-size:.8125rem}.team-slot{aspect-ratio:1;background:var(--clay);color:#2b211a;border-radius:50%;flex:none;place-items:center;inline-size:28px;font-weight:800;display:grid}.companion-next{margin-top:10px}.text-action{min-height:44px;color:var(--forest-dark);font-weight:750}.text-action:hover{text-underline-offset:4px;text-decoration:underline}.action-feedback{color:var(--forest-dark);font-size:.87rem}.action-feedback:empty{display:none}.meters,.tracks{gap:9px;margin-top:15px;display:grid}.meters label{--meter:var(--forest);grid-template-columns:minmax(0,88px) minmax(50px,1fr) 28px;align-items:center;gap:8px;font-size:.92rem;display:grid}.meters [data-meter=hunger]{--meter:var(--gold)}.meters [data-meter=happiness]{--meter:var(--rose)}.meters [data-low]{--meter:#ff8d7a}.meters [data-low] .number{color:#ffb4a6;font-weight:750}progress{appearance:none;width:100%;height:9px;color:var(--meter,var(--forest));background:#3d2e47;border:0;border-radius:5px}progress::-webkit-progress-bar{background:#3d2e47;border-radius:5px;box-shadow:inset 0 1px 2px #06020c80}progress::-webkit-progress-value{background:var(--meter,var(--forest));transition:inline-size .5s var(--ease-out);border-radius:5px}progress::-moz-progress-bar{background:var(--meter,var(--forest));border-radius:5px}.number{text-align:end;font-variant-numeric:tabular-nums;font-size:.86rem}.tracks{gap:8px;max-width:560px;padding:0;list-style:none}.tracks li{--track:var(--coral);background:#2c2238;border:1px solid #3f2f49;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 12px;display:flex}.tracks li[data-track=defense]{--track:var(--gold)}.tracks li[data-track=speed]{--track:var(--sky)}.tracks li[data-leading]{border-color:var(--track)}@supports (color:color-mix(in lab, red, red)){.tracks li[data-leading]{border-color:color-mix(in oklab, var(--track) 55%, #3f2f49)}}.tracks li[data-leading]{background:var(--track)}@supports (color:color-mix(in lab, red, red)){.tracks li[data-leading]{background:color-mix(in oklab, var(--track) 9%, #2c2238)}}.track-name{align-items:center;gap:12px;min-width:0;display:flex}.track-icon{background:var(--track);border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.track-icon{background:color-mix(in oklab, var(--track) 16%, #241b2e)}}.track-icon{color:var(--track)}.track-icon svg{width:24px;height:24px}.track-name strong{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.track-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:650}.track-path{color:var(--muted);font-size:.85rem;display:block}.track-path em{white-space:nowrap;color:var(--track);font-style:normal;font-weight:720}.fine{font-size:.88rem}.hints{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.hints li{color:#ffd9c9;align-items:flex-start;gap:7px;font-size:.86rem;display:flex}.hints svg{width:16px;height:16px;color:var(--coral);flex-shrink:0;margin-top:3px}.training-rule{margin-top:6px}.track-share{background:#3d2e47;border-radius:3px;width:min(180px,100%);height:4px;margin-top:6px;display:block;position:relative}.track-share span{border-radius:inherit;background:var(--track);height:100%;display:block}.track-share:after{content:"";background:var(--ink);opacity:.7;border-radius:1px;width:2px;position:absolute;inset:-3px auto -3px 60%}.requirements{grid-template-columns:repeat(3,minmax(0,150px));gap:10px;margin:16px 0;display:grid}.requirements div{--meter:#8f7a99;background:#2c2238;border:1px solid #3f2f49;border-radius:10px;gap:4px;padding:10px 11px 11px;display:grid}.requirements div[data-met=true]{--meter:var(--forest);border-color:#3f6b62}.requirements dt{color:var(--muted);align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.requirements dt svg{width:15px;height:15px;color:var(--meter);flex-shrink:0}.requirements dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem;font-weight:800}.requirements progress{height:5px}.evolution .choices{max-width:440px}.evolution-preview{justify-items:start;gap:10px;display:grid}.preview-art{aspect-ratio:1;background:radial-gradient(ellipse 70% 62% at 50% 40%, var(--stage,#7a3a41), var(--stage-edge,#3b1d29) 78%);border-radius:12px;width:min(340px,100%);position:relative;overflow:hidden}.preview-art[data-element=water]{--stage:#3f5a78;--stage-edge:#1b2333}.preview-art[data-element=earth]{--stage:#62503c;--stage-edge:#2a2019}.preview-art img,.preview-art video{object-fit:contain}.replay{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.battle-turns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.battle-turns>div{background:var(--night);border-radius:8px;padding:10px 12px}.battle-turns dt{color:var(--muted);font-size:.83rem;font-weight:700}.battle-turns>div:first-child dt{color:var(--forest-dark)}.battle-turns dd{overflow-wrap:anywhere;margin:2px 0 0}.battle-teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.battle-teams ul{padding:0;list-style:none}.battle-teams li{grid-template-columns:minmax(0,1fr) auto minmax(42px,.65fr) auto;align-items:center;gap:8px;margin-top:8px;display:grid}.battle-teams li>:first-child{overflow-wrap:anywhere}.battle-teams li[data-attacking]>:first-child{color:var(--forest-dark);font-weight:750}.battle-teams li small{color:var(--muted);display:block}.battle-speed{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.battle-speed strong,.battle-attack-order strong{color:var(--ink)}.battle-speed-bonus,.battle-attack-order [aria-current] strong{color:var(--forest-dark)}.battle-attack-order ol{padding-inline-start:1.8rem;list-style:decimal}.battle-attack-order li::marker{color:var(--gold);font-variant-numeric:tabular-nums}.battle-attack-order li+li{margin-block-start:5px}.hp[data-side=opponent]{--meter:var(--coral)}.hp[data-low]{--meter:#ff7a6b}.battle-result{color:var(--forest-dark);font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#24403c,#2c2238 70%);border:1px solid #3f6b62;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:-6px 0 18px;padding:14px 18px;font-weight:720;display:flex}.battle-result h3{color:var(--gold);margin-right:4px;font:700 1.7rem/1.1 Alegreya,Georgia,serif}.battle-result[data-winner=opponent]{color:var(--muted);background:linear-gradient(100deg,#45263a,#2c2238 70%);border-color:#6b4255}.battle-result[data-winner=opponent] h3{color:var(--coral)}.battle-progress{color:var(--ink);font-weight:650}.battle-next{margin:-8px 0 12px}.battle-result[data-winner=draw]{border-color:var(--line);background:#2c2238}.duel{border-radius:12px;overflow:hidden}.replay-controls.actions{gap:8px;margin-block:8px 16px;scroll-margin-block-end:20px}.replay-controls .secondary{padding-inline:12px}.replay-controls .secondary[aria-disabled=true]{opacity:.65;cursor:default;border-color:var(--line);background:#32263d}.duel-nameplates,.duel-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.duel-nameplate{border-block-end:2px solid var(--line);background:var(--night);text-align:center;overflow-wrap:anywhere;padding:8px 10px 6px}.duel-nameplate[data-turn=attacking]{border-block-end-color:var(--gold)}.duel-nameplate[data-turn=next]{border-block-end-color:var(--forest-dark)}.duel-health{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;max-inline-size:13rem;margin:2px auto;display:grid}.duel-health .hp{height:7px}.duel-health .number{white-space:nowrap;font-weight:720}.duel-health .hp[data-low]+.number{color:var(--coral)}.duel-nameplate .battle-speed{display:block}.duel-nameplate .battle-speed small{margin-inline-start:5px;font-size:.8125rem}.duel-turn-markers{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 8px;min-block-size:1.3rem;font-size:.8125rem;font-weight:750;display:flex}.duel-turn-attacking{color:var(--gold)}.duel-turn-next{color:var(--forest-dark)}.duel-field{position:relative;overflow:hidden}.duelist{--stage:#4a2f45;--stage-edge:#241a2c;background:radial-gradient(ellipse 75% 70% at 50% 45%, var(--stage), var(--stage-edge));height:clamp(150px,34vw,280px);position:relative;overflow:hidden}.duelist[data-element=fire]{--stage:#6b3440}.duelist[data-element=water]{--stage:#34506b}.duelist[data-element=earth]{--stage:#574634}.duelist[data-element=air]{--stage:#3e5c56}.duelist[data-element=light]{--stage:#685344}.duelist[data-element=shadow]{--stage:#513762}.duelist-figure{transform-origin:50% 91%;position:absolute;inset:6% 8% 0}.duelist[data-defeated] .duelist-figure{opacity:.28;filter:saturate(.45)}.duelist[data-mirrored] .creature-art{transform:scaleX(-1)}.duelist:first-child{--facing:1}.duelist:nth-child(2){--facing:-1}.duelist[data-action=strike] .duelist-figure,.duelist[data-action=signature] .duelist-figure{animation:duel-strike .55s var(--ease-out) both}.duelist:is([data-action=strike],[data-action=signature]){z-index:1;overflow:visible}.arena-motion{visibility:hidden}.arena-motion[data-ready]{visibility:visible}.creature-look:has(.arena-motion[data-ready]) img:not(.arena-motion){visibility:hidden}.duel-travel{--direction:1;--origin:25%;--trail:var(--gold);z-index:2;pointer-events:none;animation:.27s ease-out both duel-travel;position:absolute;inset:0}.duel-travel[data-side=opponent]{--direction:-1;--origin:75%}.duel-travel[data-special][data-element=fire]{--trail:var(--coral)}.duel-travel[data-special][data-element=water]{--trail:var(--sky)}.duel-travel[data-special][data-element=earth]{--trail:var(--clay)}.duel-travel[data-special][data-element=air]{--trail:var(--forest)}.duel-travel[data-special][data-element=shadow]{--trail:var(--rose)}.duel-travel:before,.duel-travel:after{top:53%;left:var(--origin);content:"";background:var(--trail);position:absolute}.duel-travel:before{width:18%;height:clamp(9px,2.8vw,20px);transform:translate(-50%, -50%) scaleX(var(--direction));clip-path:polygon(0 44%,65% 8%,100% 46%,68% 84%,0 100%,38% 59%)}.duel-travel:after{width:13px;height:13px;transform:translate(-50%,-50%)rotate(45deg)}.duel-travel[data-special]:before{width:27%;height:clamp(15px,4vw,32px)}.duelist[data-action=hit] .duelist-figure,.duelist[data-action=burn] .duelist-figure{animation:duel-hit .46s var(--ease-out) both}.duelist[data-action=miss] .duelist-figure{animation:duel-dodge .49s var(--ease-out) both}.duelist[data-action=knockout] .duelist-figure{animation:duel-knockout .59s var(--ease-out) both}.duelist[data-action=heal] .duelist-figure,.duelist[data-action=recover] .duelist-figure{animation:duel-heal .58s var(--ease-out) both}.duelist[data-action=status] .duelist-figure{animation:duel-status .5s var(--ease-out) both}.duel-effect{--effect:var(--gold);color:var(--effect);pointer-events:none;position:absolute;inset:28% 16% 18%}.duel-effect:before{content:"";background:currentColor;position:absolute;top:50%;left:50%}.duelist[data-action=strike] .duel-effect,.duelist[data-action=signature] .duel-effect{animation:duel-swipe .39s var(--ease-out) both}.duelist[data-action=signature] .duel-effect{--effect:var(--coral)}.duelist[data-action=strike] .duel-effect:before,.duelist[data-action=signature] .duel-effect:before{clip-path:polygon(0 72%,76% 0,100% 35%,86% 100%);width:67%;height:14%;transform:translate(-50%,-50%)skew(-22deg)rotate(-23deg)}.duelist[data-action=hit] .duel-effect,.duelist[data-action=burn] .duel-effect,.duelist[data-action=knockout] .duel-effect{animation:duel-impact .48s var(--ease-out) both}.duelist:is([data-action=hit],[data-action=burn],[data-action=knockout]) .duel-effect:before{aspect-ratio:1;clip-path:polygon(49% 0,60% 34%,88% 12%,76% 42%,100% 50%,72% 60%,90% 89%,60% 77%,49% 100%,40% 72%,12% 90%,24% 61%,0 50%,31% 42%,12% 12%,41% 33%);width:clamp(48px,14vw,120px);translate:-50% -50%}.duelist[data-action=burn] .duel-effect,.duelist[data-action=knockout] .duel-effect{--effect:var(--coral)}.duelist:is([data-action=heal],[data-action=recover],[data-action=status]) .duel-effect{--effect:var(--forest);animation:duel-impact .6s var(--ease-out) both}.duelist[data-action=status] .duel-effect{--effect:var(--rose)}.duelist:is([data-action=heal],[data-action=recover],[data-action=status]) .duel-effect:before{background:0 0;border:2px solid;border-radius:50%;width:68%;height:80%;translate:-50% -50%}.duel-move{z-index:3;background:var(--night);max-inline-size:calc(100% - 16px);color:var(--gold);text-align:center;border-radius:8px;padding:3px 11px;font-size:.8125rem;font-weight:750;position:absolute;top:8px;left:50%;translate:-50%}.versus{border:2px solid var(--gold);background:var(--night);width:44px;height:44px;color:var(--gold);border-radius:50%;place-items:center;font:700 1rem/1 Alegreya,Georgia,serif;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 16px -4px #06020ccc}.damage{color:#ffe2a8;text-align:center;white-space:nowrap;animation:damage-rise .85s var(--ease-out) both;pointer-events:none;justify-items:center;gap:3px;display:grid;position:absolute;top:22%;left:50%;translate:-50%}.damage strong{-webkit-text-stroke:.13em #402234;paint-order:stroke fill;font:700 clamp(1.55rem,6vw,2.65rem)/1 Alegreya,Georgia,serif}.damage small{background:var(--night);color:inherit;border-radius:6px;padding:3px 6px;font-size:.8125rem;font-weight:750}.duelist:is([data-action=heal],[data-action=recover]) .damage{color:var(--forest-dark)}.duel[data-paused] :is(.duelist-figure,.duel-effect,.duel-travel,.damage){animation-play-state:paused}.duel[data-stepped] .damage{animation:none}@keyframes damage-rise{0%{opacity:0;transform:translateY(12px)scale(.84)}25%,70%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@keyframes duel-strike{0%{transform:translate(0)}15%{transform:translateX(calc(-9% * var(--facing))) scale(.96, .88)}38%{transform:translateX(calc(46% * var(--facing))) scale(1.12, .96)}to{transform:translate(0)}}@keyframes duel-hit{23%{transform:translateX(calc(-17% * var(--facing))) rotate(calc(-8deg * var(--facing)));filter:brightness(1.45)}52%{transform:translateX(calc(-4% * var(--facing)))}}@keyframes duel-dodge{33%{transform:translateX(calc(-23% * var(--facing))) scale(.96, .91)}}@keyframes duel-knockout{0%{opacity:1;transform:translateY(0)}24%{transform:translateX(calc(-16% * var(--facing))) rotate(calc(-9deg * var(--facing)));filter:brightness(1.4)}to{opacity:.28;filter:saturate(.45);transform:translateY(5%)}}@keyframes duel-heal{38%{filter:brightness(1.24);transform:translateY(-5%)scale(1.045)}}@keyframes duel-status{30%{filter:saturate(1.55);transform:scale(.96,.91)}}@keyframes duel-swipe{0%{opacity:0;transform:translateX(calc(-17% * var(--facing))) scale(.55)}42%{opacity:.83}to{opacity:0;transform:translateX(calc(42% * var(--facing))) scale(1.2)}}@keyframes duel-impact{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.55)}}@keyframes duel-travel{0%{opacity:0;transform:translate(0)}20%{opacity:.9}84%{opacity:1;transform:translateX(calc(50% * var(--direction)))}to{opacity:0;transform:translateX(calc(52% * var(--direction)))}}details{margin-top:15px}summary{cursor:pointer;min-height:44px;padding-block:8px;font-weight:720}details ol{color:var(--muted);padding-left:20px}@media (max-width:680px){.replay-controls.actions{scroll-margin-block-end:calc(94px + env(safe-area-inset-bottom))}.frame{width:calc(100% - 24px)}.masthead-inner{min-height:64px}.brand-mark{width:31px;height:39px}.wordmark{gap:7px}.game{padding-top:12px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.spread{grid-template-columns:minmax(0,1fr)}.portrait{height:clamp(240px,74vw,340px);min-height:0}.wordmark{font-size:1.72rem}.game:has(.inventory){grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:8px;display:grid}.game>:not(.toolbar,.inventory){grid-column:1/-1}.toolbar{grid-area:1/2}.inventory{grid-area:1/1;margin-top:0}.refresh{width:48px;height:100%}.refresh-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.refresh svg{width:20px;height:20px}.notice{inset:auto 12px calc(84px + env(safe-area-inset-bottom));margin:0;position:fixed}.places{inset:auto 12px calc(10px + env(safe-area-inset-bottom));z-index:20;background:#1c1424f5;border-color:#5a4364;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;display:grid;position:fixed;box-shadow:0 -2px #06020c33,0 18px 40px -8px #06020ce6}.places button{border-radius:11px;flex-direction:column;gap:2px;min-height:54px;padding:6px 4px;font-size:.8rem}.places svg{width:22px;height:22px}.battle-teams{grid-template-columns:minmax(0,1fr);gap:12px}.spread-copy{padding:20px}.requirements{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.plaza-head{grid-template-columns:minmax(0,1fr);gap:14px}.portrait.plaza-stage{aspect-ratio:auto;width:100%;height:170px}.requirements div{padding:9px 9px 10px}.tracks li{gap:8px;padding:9px 8px 9px 9px}.track-icon{width:38px;height:38px}.versus{width:38px;height:38px;font-size:.9rem}}@media (max-width:440px){.masthead-inner{gap:6px}.wordmark{gap:5px;font-size:clamp(1.12rem,5.2vw,1.45rem)}.masthead-controls{gap:1px}.sound-toggle{margin-inline-end:1px}.language button{padding-inline:6px}}@media (max-width:350px){.inventory dt{font-size:.72rem}.inventory dd svg{display:none}.choice{gap:6px;padding-inline:5px}.starter-choice{grid-template-columns:auto 36px minmax(0,1fr)}.choice-thumb{width:36px;height:36px}.choice-element{display:none}}@media (prefers-reduced-motion:reduce){button[aria-busy=true]:after{opacity:.6;border-inline-end-color:currentColor;animation:none}.portrait-reaction img,.duel .duelist-figure,.duel .duel-effect,.duel .damage,.portrait-hatched .creature-art img{animation:none!important}.duel-effect,.duel-travel,.arena-motion{display:none}.creature-look:has(.arena-motion[data-ready]) img:not(.arena-motion){visibility:visible}.hatch-egg,.hatch-egg *{animation:none!important}.is-shiny .creature-look:after,.is-shiny:before,.creature-art[data-edition] .creature-look:before,.creature-art[data-edition] .creature-look:after,.creature-art[data-edition] .creature-tint:after,.creature-art[data-edition]:before,.creature-art[data-edition]:after{animation:none}.burst-hero,.burst-spark{display:none}.burst-gains,.meters [data-gain] progress{animation:none}.hatch-egg.is-bursting{display:none}*,:before,:after{transition-duration:0s!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}