:root{--sky: #F6F1E7;--cloud: #FFFFFF;--line: #E7DFD0;--track: #EFE8DB;--dusk: #2B2342;--dusk-2: #3A3058;--dusk-deep: #1A1528;--ink: #2A2430;--ink-dim: #6E6578;--ember: #FF8A3D;--ember-soft: rgba(255, 138, 61, .18);--gold: #F7C948;--good: #4CC38A;--hurt: #F25C5C;--locked: #C9C1B3;--on-dusk: #F6F1E7;--on-dusk-dim: rgba(246, 241, 231, .72);--dusk-line: rgba(246, 241, 231, .16);--glass: rgba(255, 255, 255, .86);--el-ember: #FF6B4A;--el-tide: #3FB8E6;--el-stone: #A98B6A;--el-gale: #B9E6F2;--el-gale-edge: #5FCFD9;--el-bloom: #6FD08C;--el-void: #9B7FE8;--f-display: "Fredoka", "Nunito Sans", system-ui, sans-serif;--f-body: "Nunito Sans", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--display: var(--f-display);--body: var(--f-body);--mono: var(--f-mono);--r: 16px;--r-lg: 24px;--gutter: 16px;--max: 1180px;--ease: cubic-bezier(.2, .8, .2, 1);--lift: 0 4px 0 var(--ink);--lift-sm: 0 3px 0 var(--ink);--glow: 0 0 24px rgba(255, 138, 61, .45);--glow-hover: 0 0 36px 6px rgba(255, 138, 61, .45)}@media(min-width:900px){:root{--gutter: 32px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--f-body);line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2{font-family:var(--f-display);font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.1}button{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}:focus-visible{outline:3px solid var(--ember);outline-offset:2px;border-radius:8px}img{display:block;max-width:100%}.muted{color:var(--ink-dim)}.small{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wordmark{display:inline-flex;align-items:center;gap:2px;font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:.04em;line-height:1;color:var(--ink);white-space:nowrap}.wordmark__e{width:.62em;height:.78em;flex:0 0 auto;fill:currentColor;margin-right:.02em;translate:0 -.02em}.wordmark__e .wordmark__flame{fill:var(--ember);stroke:var(--ink);stroke-width:3}.wordmark--compact .wordmark__rest{display:none}.topnav{position:sticky;top:8px;z-index:30;display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:6px 8px 6px 6px;min-height:58px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topnav .wordmark{font-size:20px;padding-left:4px}.topnav__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-display);font-weight:600;font-size:18px}.topnav__right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}@media(max-width:599px){.topnav:has(.topnav__title) .wordmark__rest{display:none}.topnav:has(.topnav__title) .wordmark{font-size:24px;padding-left:2px}}@media(min-width:600px){.topnav__title{display:flex;align-items:center;gap:12px}.topnav__title:before{content:"";flex:0 0 1px;height:22px;background:var(--line)}}@media(min-width:900px){.topnav{top:16px;margin:16px var(--gutter) 0;padding:8px 10px 8px 8px;min-height:64px}.topnav .wordmark{font-size:22px;padding-left:6px}}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 8px;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.eyebrow:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--ember)}.page-title{padding:20px var(--gutter) 4px;display:flex;flex-direction:column;align-items:flex-start}.page-title h1{font-size:clamp(28px,4.2vw,44px);font-weight:600}.page-title>p:not(.eyebrow){margin:8px 0 0;max-width:40em;font-size:15px;font-weight:600;color:var(--ink-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;font-family:var(--f-display);font-weight:600;font-size:19px;line-height:1.1;text-align:center;border:2px solid var(--ink);transition:box-shadow .25s var(--ease),background-color .2s,transform .1s}.btn:active:not(:disabled){transform:translateY(3px)}.btn--ember{background:var(--ember);color:var(--ink);box-shadow:var(--lift)}.btn--ember:hover:not(:disabled){box-shadow:var(--lift),var(--glow-hover)}.btn--ember:active:not(:disabled){box-shadow:0 1px 0 var(--ink)}.btn--ember:disabled{background:var(--locked);box-shadow:var(--lift);color:#2a243099}.btn--ghost{background:transparent;color:var(--on-dusk);border-color:var(--dusk-line)}.btn--ghost-light,.btn--cloud{background:var(--cloud);color:var(--ink);box-shadow:var(--lift)}.btn--ghost-light:hover:not(:disabled),.btn--cloud:hover:not(:disabled){background:#fffbf4}.btn--ghost-light:active:not(:disabled),.btn--cloud:active:not(:disabled){box-shadow:0 1px 0 var(--ink)}.btn--ghost-light:disabled,.btn--cloud:disabled{color:var(--ink-dim);border-color:var(--locked);box-shadow:0 4px 0 var(--locked)}.icon-btn,.round-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-btn{background:var(--cloud);border:1px solid var(--line);color:var(--ink)}.icon-btn:hover{border-color:var(--ink-dim)}.round-btn{background:#2b2342e6;border:1px solid var(--dusk-line);color:var(--on-dusk)}.link-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 2px;background:none;border:0;font-weight:800;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ember);text-decoration-thickness:2px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--cloud);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:800}.pill--keeper{padding:4px 14px 4px 4px}.pill__avatar{width:34px;height:34px;border-radius:50%;background:var(--sky);display:flex;align-items:center;justify-content:center}.pill__stack{display:flex;flex-direction:column;line-height:1.15}.pill__stack small{font-size:12px;color:var(--ink-dim);font-weight:700}.chip{display:inline-flex;align-items:center;gap:5px;padding:0 8px;white-space:nowrap;border:2px solid;border-radius:999px;font-size:12px;font-weight:800;color:var(--ink);background:var(--cloud)}.chip__dot,.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot{width:10px;height:10px;border:1px solid}.part{padding:0 7px;border-radius:999px;border:1px solid;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--ink)}.tag{padding:0 6px;border-radius:999px;background:var(--sky);font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--ink)}.pips{display:inline-flex;gap:2px;margin-left:auto}.pips__pip{width:7px;height:11px;border-radius:2px;background:var(--ink)}.pips__free{font-size:11px;font-weight:800;color:var(--ink-dim)}.panel{padding:16px;border-radius:20px;background:var(--cloud);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.panel__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.panel__head h2,.panel>h2{font-size:19px}@media(min-width:900px){.panel{padding:22px;border-radius:var(--r-lg)}.panel__head h2,.panel>h2{font-size:22px}}.note{margin:0;padding:12px 14px;border-radius:var(--r);background:var(--cloud);border:1px solid var(--line);font-size:14px;color:var(--ink-dim);font-weight:600}.price{font-family:var(--f-mono);font-weight:600;font-size:22px;color:var(--ink)}.rules{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.4}.wheel-wrap{display:flex;align-items:center;gap:12px;color:var(--ink)}.wheel-wrap p{font-size:13px;margin:0}.wheel-hint{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13px;font-weight:700}.wheel-hint__sep{opacity:.6}.island{position:relative;min-height:100%;overflow:hidden;background:var(--sky)}.island__bg{position:absolute;left:0;top:0;width:100%;height:56vh}.island__bg .scene{position:absolute;top:0;right:0;bottom:0;left:0;--cy: 62}.island__top{position:absolute;left:12px;right:12px;top:10px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 16px;min-height:56px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.island__brand .wordmark{font-size:20px}.island__who{display:flex;align-items:center;gap:6px;min-width:0}.island__top .pill{border-color:var(--line)}.island__top .pill--keeper .pill__stack{display:none}.island__top .pill--keeper{padding:4px}.island__battle{width:100%;min-height:58px;font-size:21px;padding:0 34px}.island__sheet{position:relative;z-index:1;margin-top:calc(56vh - 56px);min-height:calc(44vh + 56px);background:var(--sky);border-top:1px solid var(--line);border-radius:28px 28px 0 0;padding:20px var(--gutter) calc(100px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.sheet__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sheet__head h2{font-size:22px}.sheet__head .muted{font-size:14px;font-weight:700}.dragon-row{display:flex;gap:10px;overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 8px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter)}.dcard{flex:0 0 132px;scroll-snap-align:start;padding:6px;background:var(--cloud);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:4px;transition:transform .2s var(--ease),border-color .2s}.dcard:hover{transform:translateY(-3px)}.dcard__art{height:96px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dcard__art img{width:96px;height:88px;object-fit:contain;transition:transform .4s var(--ease)}.dcard:hover .dcard__art img{transform:translateY(-4px) rotate(-3deg) scale(1.04)}.dcard__name{font-family:var(--f-display);font-weight:600;font-size:17px;margin:2px 4px 0}.dcard__meta{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-dim);margin:0 4px 4px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:5;min-height:74px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 6px calc(10px + env(safe-area-inset-bottom));background:var(--glass);border-top:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.tabs__brand,.tabs__meta{display:none}.tabs__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;background:none;border:0;font-size:12px;font-weight:800;color:var(--ink-dim)}.tabs__item.is-on,.tabs__item:not(:disabled){color:var(--ink)}.tabs__item:disabled{opacity:.5;cursor:default}.tabs__icon{width:52px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.tabs__item.is-on .tabs__icon{background:#ff8a3d3d}.tabs__item:not(:disabled):not(.is-on):hover .tabs__icon{background:var(--sky)}@media(min-width:900px){.island__bg{position:fixed;top:0;right:0;bottom:0;left:0;height:auto}.island__bg .scene{--cx: 45;--cy: 64}.tabs{top:16px;bottom:16px;left:16px;right:auto;width:220px;height:auto;display:flex;flex-direction:column;gap:6px;padding:24px 14px 18px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg)}.tabs__brand{display:block;padding:0 10px 22px}.tabs__brand .wordmark{font-size:24px}.tabs__item{flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:0 14px;border-radius:999px;font-size:16px;font-family:var(--f-display);font-weight:600}.tabs__item.is-on{background:#ff8a3d3d}.tabs__item:not(:disabled):not(.is-on):hover{background:var(--sky)}.tabs__icon{width:24px;height:24px;background:none!important}.tabs__meta{display:block;margin-top:auto;padding:0 12px;font-family:var(--f-mono);font-size:12px;color:var(--ink-dim)}.island__top{left:260px;right:24px;top:24px;padding:0;min-height:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.island__brand{display:none}.island__who{flex:1 1 auto;justify-content:space-between}.island__top .pill{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.island__top .pill--keeper{padding:4px 16px 4px 4px}.island__top .pill--keeper .pill__stack{display:flex}.island__sheet{position:fixed;top:92px;right:24px;bottom:24px;width:clamp(320px,28vw,400px);margin:0;min-height:0;overflow-y:auto;padding:16px 16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.island__sheet .nest-row{margin:0 -16px;padding:0 16px 4px}.dragon-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0}.dcard__art{height:92px}.island__battle{min-height:64px;font-size:22px}}.team{min-height:100%;display:flex;flex-direction:column;max-width:var(--max);margin:0 auto}.team__controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:12px var(--gutter) 4px}.team__mode{flex:0 1 380px}.team__lock{margin:0;font-size:13px;font-weight:600}.team__body{flex:1 1 auto;display:grid;gap:16px;padding:12px var(--gutter) 16px;align-items:start}.team__grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}.lineup{grid-column:1 / -1;position:relative;height:230px;border-radius:var(--r-lg);overflow:hidden;border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.lineup .scene{position:absolute;top:0;right:0;bottom:0;left:0}.lineup__spot{gap:2px}.lineup__tag{position:relative;z-index:3;margin-top:2px;padding:2px 9px;border-radius:999px;white-space:nowrap;background:#fffcf6f0;border:2px solid var(--ink);font-size:11px;font-weight:800;pointer-events:none}.lineup__tag.is-empty{border-style:dashed;color:var(--ink-dim)}.lineup__ghost{display:flex;align-items:center;justify-content:center;border-radius:50% 50% 46% 46%;border:2px dashed rgba(255,252,246,.9);background:#fffcf638;font-family:var(--f-display);font-size:26px;font-weight:700;color:#fffcf6f2;text-shadow:0 1px 0 var(--ink)}.pick{background:var(--cloud);border:2px solid var(--line);border-radius:var(--r);padding:6px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.pick.is-on{border-color:var(--ink);box-shadow:var(--lift-sm)}.pick__main{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;text-align:left;color:var(--ink)}.pick__main:disabled{opacity:.5}.pick__art{width:76px;height:76px;flex:0 0 76px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background-size:300% auto;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #2a24301f}.pick__art img{width:70px;height:70px;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 3px 2px rgba(42,36,48,.25))}.pick__text{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.pick__name{font-family:var(--f-display);font-weight:600;font-size:19px}.pick__meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-dim);font-weight:700}.pick__slot{flex:0 0 auto;padding:6px 12px;border-radius:999px;background:var(--sky);border:2px solid transparent;font-weight:800;font-size:13px}.pick.is-on .pick__slot{background:var(--ember);border-color:var(--ink)}.pick__kit-toggle{align-self:flex-start;min-height:44px;margin:0 0 -6px 88px;background:none;border:0;padding:0 2px;font-size:13px;font-weight:800;color:var(--ink-dim);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ember);text-decoration-thickness:2px}.kit{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:6px}.kit li{padding:8px 10px;border-radius:12px;background:var(--sky);display:flex;flex-direction:column;gap:2px}.kit__top{display:flex;align-items:center;gap:8px;font-size:14px}.kit__text{font-size:13px;color:var(--ink-dim)}.team__side{display:flex;flex-direction:column;gap:12px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--cloud);border:1px solid var(--line);border-radius:999px}.panel .seg{background:var(--sky);border-color:transparent}.seg button{min-height:44px;padding:0 10px;border-radius:999px;border:2px solid transparent;background:none;font-weight:800;font-size:14px}.seg button.is-on{background:var(--ember);border-color:var(--ink)}.seg button:disabled{opacity:.55}.switch{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;min-height:44px;cursor:pointer}.switch input{width:22px;height:22px;accent-color:var(--ember)}.team__foot{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 var(--gutter) calc(10px + env(safe-area-inset-bottom));padding:8px 8px 8px 20px;border-radius:999px;background:var(--glass);border:1px solid var(--line);box-shadow:0 8px 24px #2a24301f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:800}.team__foot .btn{min-width:150px}@media(min-width:760px){.team__grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.lineup{height:300px}}@media(min-width:1040px){.team__body{grid-template-columns:minmax(0,1fr) 360px}.team__side{position:sticky;top:96px}}.battle{height:100dvh;display:flex;background:var(--sky);color:var(--ink);overflow:hidden}.battle__log{display:none}.battle__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.battle .round-btn{background:var(--cloud);border:1px solid var(--line);color:var(--ink)}.battle .btn--ghost{background:var(--sky);color:var(--ink);border-color:var(--line)}.topbar{display:flex;align-items:center;gap:8px;padding:10px 12px 6px}.topbar__chip{padding:6px 12px;border-radius:999px;background:var(--cloud);border:1px solid var(--line);font-weight:800;font-size:13px;white-space:nowrap}.topbar__foe{margin-left:auto}.timer{position:relative;width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:14px}.timer svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.timer__track,.timer__fill{stroke-width:5}.timer__track{fill:var(--cloud);stroke:var(--line)}.timer__fill{fill:none;stroke:var(--ink);stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer span{position:relative}.timer--idle{visibility:hidden}.stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;margin:0 8px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#ffe1c2,#fdead6 40%,#f9f0e4 72%,#f4ebdd)}.stage__sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.stage__sky:before{content:"";position:absolute;left:50%;top:-22%;width:52%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#ffb06e80,#ffb06e00 68%)}.cloud{position:absolute;left:-30%;height:26px;border-radius:999px;background:#fff;box-shadow:20px -11px 0 5px #fff,-16px -7px 0 2px #fff;animation:drift 90s linear infinite}.cloud--a{top:9%;width:84px;opacity:.9}.cloud--b{top:34%;width:112px;opacity:.7;animation-duration:120s;animation-delay:-45s}.cloud--c{top:60%;width:70px;opacity:.6;animation-duration:100s;animation-delay:-75s}.cloud--d{top:84%;width:104px;opacity:.55;animation-duration:130s;animation-delay:-20s}@keyframes drift{0%{left:-30%}to{left:125%}}.stage__world{position:absolute;top:8px;right:8px;bottom:6px;left:8px}.stage__world:before{content:"";position:absolute;left:50%;top:4%;bottom:4%;width:2px;transform:translate(-1px);background:repeating-linear-gradient(to bottom,rgba(42,36,48,.12) 0 8px,transparent 8px 16px)}.stage__side{position:absolute;top:0;bottom:0;width:50%}.stage__side--you{left:0}.stage__side--foe{right:0}.unit{position:absolute;width:78%;height:33.333%;display:flex;flex-direction:column;align-items:center;padding:2px 2px 4px;transition:top .45s ease,left .45s ease}.unit--you.is-front,.unit--foe.is-back{left:22%}.unit--you.is-back,.unit--foe.is-front{left:0}.skill svg{flex:0 0 auto}.unit__plate{width:100%;max-width:150px;padding:3px 7px 4px;border-radius:10px;z-index:2;background:var(--cloud);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.unit.is-active .unit__plate{border:2px solid var(--ember);padding:2px 6px 3px}.unit__line{display:flex;align-items:baseline;gap:5px;font-family:var(--display);font-size:13px;line-height:1.15}.unit__line b{font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit__order,.order-chip__n{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--sky);font-family:var(--body);font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;align-self:center}.unit__hp{font-weight:500;font-size:12px;color:var(--ink-dim)}.hpbar{display:block;height:6px;border-radius:999px;background:#eadfcf;overflow:hidden}.hpbar span{display:block;height:100%;border-radius:999px;background:var(--good);transition:width .4s ease}.hpbar span.is-low{background:var(--hurt)}.unit__status{display:flex;flex-wrap:wrap;gap:3px}.st{padding:0 5px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.03em;background:var(--sky);white-space:nowrap}.st--breath{background:var(--ember);box-shadow:0 0 8px #ff8a3db3}.st--burn{background:#f25c5c33}.st--tag{background:var(--ink);color:var(--sky)}.st--scorch{background:#f25c5c40}.st--root{background:#6fd08c59}.st--soak{background:#3fb8e64d}.st--mark{background:#9b7fe859}.st--haste{background:#5fcfd966}.st--thorns{background:#6fd08c40;border:1px dashed #3E9A5B}.unit__body{position:relative;flex:1 1 auto;min-height:0;width:100%;padding:0;border:0;background:none;display:block}.unit__body:disabled{cursor:default}.pad{position:absolute;left:50%;bottom:2%;width:74%;max-width:150px;height:26%;transform:translate(-50%)}.pad:before{content:"";position:absolute;left:16%;right:16%;top:38%;bottom:-10%;background:linear-gradient(180deg,#c29e7b,#a98b6a 60%,#8e7155);border:2px solid var(--ink);border-top:0;border-radius:0 0 50% 50%/0 0 100% 100%}.pad:after{content:"";position:absolute;left:0;right:0;top:0;height:62%;background:radial-gradient(ellipse at 50% 30%,#a8e8b5,#6fd08c 72%);border:2px solid var(--ink);border-radius:50%;transition:box-shadow .2s ease}.unit.is-active .pad:after{box-shadow:0 0 0 3px var(--ember),0 0 18px #ff8a3d99}.unit.is-target .pad:after{box-shadow:0 0 0 3px var(--ember);animation:ring 1s ease-in-out infinite}.unit.is-charging .pad:after{box-shadow:0 0 20px 6px #ff8a3dbf}.unit.is-target .unit__body{cursor:crosshair}.unit__move{position:absolute;left:0;right:0;bottom:15%;height:82%;display:flex;justify-content:center;align-items:flex-end;transform-origin:50% 100%}.unit.is-back .unit__move{height:76%}.unit__move:not(.fx-lunge){animation:idle 2.8s ease-in-out infinite}.unit--foe .unit__move:not(.fx-lunge){animation-delay:-1.3s}.unit__anim{height:100%;display:flex;justify-content:center;align-items:flex-end;transform-origin:50% 100%}.unit__anim img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 5px 4px rgba(42,36,48,.22));-webkit-user-select:none;user-select:none}.unit.is-charging .unit__anim img{filter:drop-shadow(0 0 12px rgba(255,138,61,.95)) drop-shadow(0 5px 4px rgba(42,36,48,.22))}.unit.is-ko .unit__anim{opacity:.35;filter:grayscale(1);transform:rotate(-10deg) translateY(6%);transition:all .5s ease}.unit.is-ko .unit__move{animation:none}.unit.is-ko .unit__plate,.unit.is-ko .skills{opacity:.45}.unit.is-focus .unit__plate,.unit.is-focus .pad:after{animation:coach 1.1s ease-in-out infinite}.skills{display:flex;gap:4px;width:100%;max-width:168px;justify-content:center;margin-top:3px}.skill{position:relative;flex:1 1 0;min-width:0;height:38px;padding:0;border-radius:10px;border:2px solid var(--el);background:var(--cloud);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,background .12s ease}.skill__name{display:none}.skill__icon{width:26px;height:26px;object-fit:contain;flex:0 0 auto;pointer-events:none}.skill.is-off .skill__icon{filter:grayscale(1)}.skill__tag{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);z-index:2;white-space:nowrap;padding:0 6px;border-radius:999px;background:var(--ember);color:var(--ink);border:1.5px solid var(--ink);font-size:8.5px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 8px #ff8a3db3}.skill__cost{position:absolute;top:-7px;right:-5px;min-width:17px;height:17px;padding:0 3px;border-radius:999px;background:var(--ink);color:var(--sky);border:2px solid var(--cloud);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.skill.is-ok:hover{transform:translateY(-2px)}.skill.is-off{opacity:.38;border-color:var(--locked);background:#f1ebe1}.skill.is-planned{background:var(--ember);border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.skill.is-pending{background:var(--ember);border-color:var(--ink);animation:ring 1s ease-in-out infinite}.skill.is-enemy{height:32px;border-style:dashed;background:#ffffffb3}.skill.is-enemy .skill__cost{background:var(--ink-dim)}.skill.is-focus{animation:coach 1.1s ease-in-out infinite}.mu{position:absolute;left:50%;top:0;transform:translate(-50%,-20%);z-index:6;white-space:nowrap;display:flex;align-items:baseline;gap:5px;padding:2px 10px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink);background:var(--cloud);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.mu small{font-family:var(--body);font-size:11px;font-weight:800;color:var(--ink-dim)}.mu--strong{border-color:var(--good);box-shadow:0 2px 0 var(--good)}.mu--weak{border-color:var(--locked);box-shadow:0 2px 0 var(--locked)}.mu--ko{background:var(--hurt);border-color:var(--ink);color:#fff}.mu--ko small{color:#fff}.fx-lunge{animation:lunge .6s cubic-bezier(.3,.7,.4,1)}.fx-hit{animation:hit .45s ease}.fx-cast{animation:cast .6s ease}.fx-heal{animation:heal .6s ease}@keyframes idle{50%{transform:scale(1.015,.985)}}@keyframes lunge{0%{transform:translate(0)}18%{transform:translate(calc(var(--dx) * -.08),calc(var(--dy) * -.08))}48%{transform:translate(var(--dx),var(--dy)) scale(1.06)}to{transform:translate(0)}}@keyframes hit{15%{transform:translate(-7%) rotate(-3deg);filter:brightness(1.6)}40%{transform:translate(6%) rotate(2deg)}70%{transform:translate(-3%)}}@keyframes cast{50%{transform:translateY(-8%) scale(1.04);filter:drop-shadow(0 0 18px rgba(255,138,61,.9))}}@keyframes heal{50%{filter:drop-shadow(0 0 18px rgba(76,195,138,.95)) brightness(1.1)}}@keyframes ring{50%{box-shadow:0 0 0 3px var(--ember),0 0 22px 4px #ff8a3db3}}@keyframes coach{50%{box-shadow:0 0 0 4px var(--ember),0 0 24px #ff8a3dbf}}.proj{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;z-index:30;pointer-events:none;background:radial-gradient(circle,#FFFFFF 0 22%,var(--c) 48%,transparent 72%);box-shadow:0 0 16px 4px var(--e);animation:fly .36s ease-in forwards}.proj--breath{width:54px;height:54px;margin:-27px 0 0 -27px;box-shadow:0 0 34px 12px var(--e);animation-duration:.52s}@keyframes fly{0%{transform:translate(0) scale(.6);opacity:.6}15%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:1}}.impact{position:absolute;left:50%;top:52%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;pointer-events:none;z-index:5;border:4px solid var(--c);box-shadow:0 0 14px var(--c),inset 0 0 10px var(--c);animation:boom .55s ease-out forwards}.impact--big{border-width:7px;animation-duration:.65s}@keyframes boom{0%{transform:scale(.3);opacity:1}to{transform:scale(4.5);opacity:0}}.floater{position:absolute;left:50%;top:24%;z-index:7;pointer-events:none;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:28px;-webkit-text-stroke:4px #FFFFFF;paint-order:stroke fill;animation:arc 1.1s ease-out forwards;animation-delay:calc(var(--i) * .08s)}.floater--dmg{color:var(--hurt)}.floater--heal{color:var(--good)}.floater--info{font-size:12px;-webkit-text-stroke:0;color:var(--sky);padding:1px 8px;border-radius:999px;background:var(--ink);top:52%}.floater--combo{font-size:13px;-webkit-text-stroke:0;color:var(--ink);padding:2px 10px;border-radius:999px;background:var(--ember);box-shadow:var(--glow);top:52%}@keyframes arc{0%{transform:translate(-50%) scale(.6);opacity:0}15%{transform:translate(-40%,-30%) scale(1.1);opacity:1}to{transform:translate(-10%,-120%) scale(1);opacity:0}}.stage__chips{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:40;display:flex;gap:6px}.combo-chip{padding:4px 12px;border-radius:999px;background:var(--cloud);border:2px solid var(--ember);box-shadow:var(--glow);font-family:var(--display);font-weight:600;font-size:13px;white-space:nowrap}.detail{padding:8px 14px;min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:3px}.detail__line{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.detail__line b{font-family:var(--display);font-weight:600;font-size:16px}.detail__text{margin:0;font-size:13px;color:var(--ink-dim);line-height:1.35}.detail__text.is-reason{color:var(--hurt);font-weight:700}.detail__caption{font-weight:800;font-size:14px}.detail__part{width:26px;height:26px;border-radius:8px;border:2px solid;display:inline-flex;align-items:center;justify-content:center}.detail__cost{margin-left:auto;font-size:12px;font-weight:800;color:var(--ink-dim)}.detail .link-btn{padding:0;min-height:0}.coach{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:var(--ink);color:var(--sky);box-shadow:0 4px #2a243033}.coach__body{flex:1 1 auto;min-width:0}.coach__title{display:block;font-family:var(--display);font-weight:600;font-size:16px;color:var(--gold)}.coach p{margin:0;font-size:14px;font-weight:600;line-height:1.35}.coach__next{flex:0 0 auto;min-height:44px;padding:0 18px;font-size:16px;box-shadow:0 3px #000}.foot{padding:8px 12px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;background:var(--cloud);border-top:1px solid var(--line)}.order-strip{display:flex;align-items:center;gap:4px}.order-strip__label{font-size:11px;font-weight:800;color:var(--ink-dim);margin-right:2px}.order-strip__cell{display:flex;align-items:center;flex:1 1 0;min-width:0}.order-chip{flex:1 1 auto;min-width:0;min-height:36px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:var(--sky);font-family:var(--display);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden}.order-chip.is-on{border:2px solid var(--ember);background:var(--cloud)}.order-chip.is-ko{opacity:.4}.order-chip.is-focus{animation:coach 1.1s ease-in-out infinite}.swap{flex:0 0 28px;width:28px;height:28px;margin:0 2px;border-radius:50%;border:1px solid var(--line);background:var(--sky);color:var(--ink);display:flex;align-items:center;justify-content:center}.swap:disabled{opacity:.4}.foot__row{display:flex;align-items:center;gap:10px}.brace{min-height:48px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--sky);color:var(--ink);font-family:var(--display);font-weight:600;font-size:15px;display:flex;flex-direction:column;justify-content:center;line-height:1}.brace small{font-family:var(--body);font-size:10px;font-weight:800;color:var(--ink-dim)}.brace.is-on{border:2px solid var(--ember);background:var(--cloud)}.brace:disabled{opacity:.4}.hint-btn{min-width:64px}.recap{padding:10px 12px;border-radius:14px;background:var(--cloud);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.recap__title{font-family:var(--display);font-weight:600;font-size:16px}.recap ul{margin:0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:3px}.recap__tip{font-size:13px!important;color:var(--ink-dim)}.energy{display:flex;flex-direction:column;gap:3px;border-radius:10px;padding:2px 4px}.energy.is-focus{animation:coach 1.1s ease-in-out infinite}.energy__label{font-size:11px;font-weight:800;white-space:nowrap}.energy__pips{display:flex;gap:3px}.epip{width:9px;height:13px;border-radius:3px;background:#e6dccb}.epip.is-free{background:var(--ink)}.epip.is-spent{background:var(--ember);box-shadow:0 0 6px #ff8a3db3}.lock{flex:1 1 auto;min-height:50px;padding:0 12px;font-size:18px}.lock.is-focus{animation:coach 1.1s ease-in-out infinite}@media(max-height:720px){.skill{height:32px}.unit__plate{padding:2px 6px 3px}.detail{min-height:58px;padding:6px 14px}.order-chip{min-height:32px}}@media(min-width:1000px){.battle{padding:16px;gap:16px}.battle__log{display:flex;flex-direction:column;gap:12px;flex:0 0 260px;padding:18px 16px;overflow:auto;border-radius:24px;background:var(--cloud);border:1px solid var(--line)}.battle__log h2{font-size:19px}.battle__log .link-btn{align-self:flex-start}.order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.order-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:var(--sky)}.order-list li.is-ko{opacity:.4}.order-list__n{font-weight:800;font-size:13px;width:14px}.order-list__art{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.order-list__art img{width:32px;height:32px;object-fit:contain}.order-list__text{display:flex;flex-direction:column;line-height:1.15}.order-list__text small{font-size:12px;color:var(--ink-dim)}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-dim)}.battle__main{border-radius:24px;background:var(--cloud);border:1px solid var(--line);overflow:hidden}.stage{margin:0 12px}.unit{width:86%}.unit--you.is-front,.unit--foe.is-back{left:14%}.unit__plate{max-width:220px}.unit__line{font-size:15px}.skills{max-width:none;gap:6px}.skill{height:42px;justify-content:flex-start;gap:4px;padding:0 6px}.skill svg{width:16px;height:16px}.skill__icon{width:28px;height:28px}.skill.is-enemy{height:36px}.skill__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;font-size:11.5px;font-weight:800;line-height:1.1;text-align:left;letter-spacing:-.01em}.floater{font-size:36px}.foot{flex-direction:row;align-items:center;border-top:1px solid var(--line)}.order-strip{flex:1 1 auto}.foot__row{flex:0 0 auto}.lock{min-width:220px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:#1a1528b8;display:flex;align-items:center;justify-content:center;padding:16px}.result{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--sky);color:var(--ink);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px;border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.result h2{font-size:34px;font-weight:700}.result p{margin:0;font-weight:600}.result__team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result__team li{background:var(--cloud);border:1px solid var(--line);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.result__team li span{width:100%;height:64px;border-radius:10px;display:flex;align-items:center;justify-content:center}.result__team img{width:58px;height:58px;object-fit:contain}.result__team b{font-family:var(--display);font-weight:600}.result__team small{font-size:12px;color:var(--ink-dim);font-weight:700}.result__team li.is-ko img{filter:grayscale(1);opacity:.5}.result__actions{display:flex;gap:10px}.result__actions .btn{flex:1 1 0}.result--help .wheel-wrap{color:var(--ink)}.unit__move:not(.fx-lunge){animation:idle-bob 2.4s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.unit.is-active .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-hop .9s ease-in-out infinite}.unit.is-charging .unit__move:not(.fx-breathe){animation:charge-sway .8s ease-in-out infinite}.unit.is-ko .unit__move{animation:none!important}@keyframes idle-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5%) scale(1.02,.98)}}@keyframes idle-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(0) scale(1.06,.94)}55%{transform:translateY(-12%) scale(.97,1.04)}80%{transform:translateY(0) scale(1.03,.97)}}@keyframes charge-sway{0%,to{transform:translate(0) scale(1)}50%{transform:translate(calc(var(--dir) * -4%)) scale(1.05,.97)}}.unit__move.fx-lunge{animation:lunge-2 .52s cubic-bezier(.35,0,.3,1) both;z-index:40}@keyframes lunge-2{0%{transform:translate(0) rotate(0)}22%{transform:translate(calc(var(--dx) * -.12),calc(var(--dy) * -.12)) rotate(calc(var(--dir) * -10deg)) scale(.94,1.06)}45%{transform:translate(var(--dx),var(--dy)) rotate(calc(var(--dir) * 10deg)) scale(1.1,.92)}58%{transform:translate(calc(var(--dx) * .95),calc(var(--dy) * .95)) rotate(calc(var(--dir) * 6deg)) scale(1.04,.97)}to{transform:translate(0) rotate(0)}}.unit__move.fx-whip{animation:whip .5s cubic-bezier(.3,0,.2,1) both}@keyframes whip{0%{transform:none}35%{transform:translate(calc(var(--dir) * -8%)) rotate(calc(var(--dir) * -14deg)) scale(.95,1.05)}55%{transform:translate(calc(var(--dir) * 10%)) rotate(calc(var(--dir) * 12deg)) scale(1.08,.94)}to{transform:none}}.unit__move.fx-breathe{animation:breathe-out 1s cubic-bezier(.3,0,.2,1) both}.unit__move.fx-breathe img{filter:drop-shadow(0 0 16px var(--elc)) drop-shadow(0 0 30px var(--el))}@keyframes breathe-out{0%{transform:none}30%{transform:translate(calc(var(--dir) * -10%)) translateY(-6%) rotate(calc(var(--dir) * -12deg)) scale(1.06,1.1)}42%{transform:translate(calc(var(--dir) * 8%)) rotate(calc(var(--dir) * 6deg)) scale(1.1,.95)}80%{transform:translate(calc(var(--dir) * 6%)) scale(1.05,.98)}to{transform:none}}.unit__anim.fx-hit{animation:knock .5s cubic-bezier(.2,.8,.3,1)}@keyframes knock{0%{transform:none;filter:brightness(1)}10%{transform:translate(calc(var(--dir) * -14%)) rotate(calc(var(--dir) * -10deg));filter:brightness(2.6) saturate(.3)}30%{transform:translate(calc(var(--dir) * -8%)) rotate(calc(var(--dir) * -5deg));filter:brightness(1.2)}60%{transform:translate(calc(var(--dir) * 3%)) rotate(calc(var(--dir) * 2deg));filter:none}to{transform:none}}.unit__anim.fx-cast{animation:cast-2 .6s ease}@keyframes cast-2{0%,to{transform:none}40%{transform:translateY(-12%) scale(1.08,.95);filter:drop-shadow(0 0 18px var(--elc)) brightness(1.15)}70%{transform:translateY(-4%) scale(.97,1.03)}}.unit__anim.fx-heal{animation:heal-2 .7s ease}@keyframes heal-2{50%{transform:translateY(-6%);filter:drop-shadow(0 0 20px rgba(76,195,138,.95)) brightness(1.15)}}.unit__anim.fx-ko{animation:topple .7s cubic-bezier(.5,0,.75,0) forwards}@keyframes topple{0%{transform:none}25%{transform:translateY(-10%) rotate(calc(var(--dir) * -8deg));filter:brightness(2)}to{transform:translateY(8%) rotate(calc(var(--dir) * -80deg));opacity:.35;filter:grayscale(1)}}.unit.is-ko .unit__anim:not(.fx-ko){transform:translateY(8%) rotate(calc(var(--dir) * -80deg))}.burst{position:absolute;left:50%;top:50%;width:0;height:0;z-index:6;pointer-events:none}.burst__ring{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;border:4px solid var(--b1);box-shadow:0 0 18px var(--b1);animation:ring-out .55s ease-out forwards}.burst--big .burst__ring{border-width:7px;animation-duration:.7s}.burst__flash{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#FFFFFF 0 20%,var(--b1) 40%,transparent 70%);animation:flash-out .3s ease-out forwards}.burst__p{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--b1);box-shadow:0 0 6px var(--b2);color:var(--b1);font-size:14px;line-height:10px;text-align:center;animation:spark .65s cubic-bezier(.1,.7,.3,1) forwards}.burst__p:nth-child(3n){background:var(--b2)}.burst--big .burst__p{width:13px;height:13px}@keyframes ring-out{0%{transform:scale(.3);opacity:1}to{transform:scale(4);opacity:0}}@keyframes flash-out{0%{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes spark{0%{transform:translate(0) rotate(0) scale(1.2);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.2);opacity:0}}.burst--ember{--b1: #FF8A3D;--b2: #F7C948}.burst--ember .burst__p{border-radius:50% 50% 50% 0}.burst--tide{--b1: #3FB8E6;--b2: #B9E6F2}.burst--tide .burst__p{border-radius:50% 0 50% 50%}.burst--stone{--b1: #A98B6A;--b2: #6E5A45}.burst--stone .burst__p{border-radius:2px}.burst--gale{--b1: #5FCFD9;--b2: #FFFFFF}.burst--gale .burst__p{width:18px;height:4px;border-radius:999px}.burst--bloom{--b1: #6FD08C;--b2: #A8E8B5}.burst--bloom .burst__p{border-radius:0 60%}.burst--void{--b1: #9B7FE8;--b2: #F7C948}.burst--void .burst__p{background:none;box-shadow:none;text-shadow:0 0 6px var(--b1)}.proj-wrap{position:absolute;width:0;height:0;z-index:30;pointer-events:none}.proj-wrap .proj{position:absolute;left:-12px;top:-12px;width:24px;height:24px;margin:0;border-radius:50%;background:radial-gradient(circle,#FFFFFF 0 22%,var(--c) 48%,transparent 72%);box-shadow:0 0 16px 4px var(--e);animation:fly-2 .3s ease-in .2s both}.proj-wrap .proj--t1{transform:scale(.75);opacity:.7;animation-delay:.23s}.proj-wrap .proj--t2{opacity:.45;animation-delay:.26s}.proj-wrap .proj--t3{opacity:.25;animation-delay:.29s}@keyframes fly-2{0%{transform:translate(0) scale(.5);opacity:0}12%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:1}}.beam{position:absolute;height:34px;margin-top:-17px;transform-origin:0 50%;z-index:30;pointer-events:none;animation:beam-grow .62s cubic-bezier(.2,.7,.2,1) .3s both}.beam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,transparent,var(--e) 12%,var(--c) 60%,#FFFFFF 92%);box-shadow:0 0 24px 6px var(--e);opacity:.9}.beam__core{position:absolute;left:6%;right:0;top:40%;height:20%;border-radius:999px;background:#fff;opacity:.85}@keyframes beam-grow{0%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}75%{clip-path:inset(0 0 0 0);opacity:.9;transform-origin:0 50%}to{clip-path:inset(0 0 0 100%);opacity:0}}.aura{position:absolute;pointer-events:none;z-index:3}.aura--shield,.aura--guard{left:50%;bottom:10%;width:92%;max-width:150px;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffb3,#3fb8e62e 45%,#3fb8e614 70%);border:2px solid rgba(63,184,230,.7);animation:bubble 1.6s ease-in-out infinite}.aura--guard{background:none;border:2px dashed rgba(42,36,48,.35);animation:none}@keyframes bubble{50%{transform:translate(-50%) scale(1.04)}}.aura--thorns{left:50%;bottom:8%;width:86%;max-width:140px;aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:3px dotted #3E9A5B}.aura--taunt{left:50%;top:0;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:#f25c5c;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);animation:pulse-small 1s ease-in-out infinite}.aura--mark{left:50%;top:18%;width:46px;height:46px;margin-left:-23px;border-radius:50%;border:3px solid #9B7FE8;animation:spin 3s linear infinite}.aura--mark:before,.aura--mark:after{content:"";position:absolute;background:#9b7fe8}.aura--mark:before{left:50%;top:-8px;bottom:-8px;width:3px;margin-left:-1.5px}.aura--mark:after{top:50%;left:-8px;right:-8px;height:3px;margin-top:-1.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-small{50%{transform:translate(-50%) scale(1.15)}}.aura--root{left:50%;bottom:4%;width:80%;max-width:130px;height:28%;transform:translate(-50%);border:4px solid #3E9A5B;border-top-color:transparent;border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:inset 0 -6px #6fd08c80}.aura--burn,.aura--soak,.aura--haste,.aura--charge{left:0;right:0;bottom:14%;height:70%}.aura--burn i,.aura--soak i,.aura--haste i,.aura--charge i{position:absolute;display:block}.aura--burn i{bottom:0;width:12px;height:18px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 70%,#F7C948,#FF8A3D 60%,transparent 70%);animation:flame .7s ease-in-out infinite alternate}.aura--burn i:nth-child(1){left:26%}.aura--burn i:nth-child(2){left:48%;animation-delay:-.3s}.aura--burn i:nth-child(3){left:68%;animation-delay:-.5s}.aura--burn.is-scorch i{background:radial-gradient(circle at 50% 70%,#FFFFFF,#F25C5C 55%,transparent 70%)}@keyframes flame{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-40%) scale(.8,1.2);opacity:.5}}.aura--soak i{top:10%;width:7px;height:10px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:#3fb8e6;animation:drip 1.1s ease-in infinite}.aura--soak i:nth-child(1){left:30%}.aura--soak i:nth-child(2){left:52%;animation-delay:-.4s}.aura--soak i:nth-child(3){left:70%;animation-delay:-.8s}@keyframes drip{0%{transform:translateY(0) rotate(-45deg);opacity:.9}to{transform:translateY(70px) rotate(-45deg);opacity:0}}.aura--haste i{height:3px;width:26px;border-radius:999px;background:#5fcfd9;animation:speed .6s linear infinite}.aura--haste i:nth-child(1){top:30%}.aura--haste i:nth-child(2){top:50%;animation-delay:-.2s}.aura--haste i:nth-child(3){top:70%;animation-delay:-.4s}.unit--you .aura--haste i{left:0}.unit--foe .aura--haste i{right:0}@keyframes speed{0%{transform:translate(calc(var(--dir) * 20px));opacity:.9}to{transform:translate(calc(var(--dir) * -30px));opacity:0}}.aura--charge i{left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--elc);box-shadow:0 0 10px var(--el);animation:orbit 1.2s linear infinite}.aura--charge i:nth-child(2){animation-delay:-.2s}.aura--charge i:nth-child(3){animation-delay:-.4s}.aura--charge i:nth-child(4){animation-delay:-.6s}.aura--charge i:nth-child(5){animation-delay:-.8s}.aura--charge i:nth-child(6){animation-delay:-1s}@keyframes orbit{0%{transform:rotate(0) translate(46px) scale(1);opacity:1}to{transform:rotate(360deg) translate(12px) scale(.3);opacity:.2}}.unit.is-veiled .unit__anim{opacity:.5;filter:drop-shadow(0 0 10px #9B7FE8) hue-rotate(20deg)}.pick-tag,.tap-tag,.acting-tag{position:absolute;left:50%;transform:translate(-50%);z-index:8;white-space:nowrap;pointer-events:none;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800}.pick-tag{top:-22px;background:var(--ink);color:var(--sky);animation:nudge 1s ease-in-out infinite}.tap-tag{top:2px;background:var(--ember);color:var(--ink);border:1.5px solid var(--ink);animation:nudge 1s ease-in-out infinite}.acting-tag{top:-4px;background:var(--ink);color:var(--gold)}@keyframes nudge{50%{transform:translate(-50%,4px)}}.skills{position:relative}.unit.is-acting .pad:after{box-shadow:0 0 0 3px var(--gold),0 0 22px #f7c948cc}.unit.is-acting .unit__plate{border:2px solid var(--gold);padding:2px 6px 3px}.timeline{position:absolute;left:50%;top:8px;transform:translate(-50%);z-index:50;max-width:calc(100% - 16px);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#ffffffeb;border:1px solid var(--line);box-shadow:0 2px #2a243014}.timeline__label{font-size:10px;font-weight:800;color:var(--ink-dim);margin-right:2px;white-space:nowrap}.timeline__item{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--sky);border:2px solid var(--line);transition:transform .2s ease,opacity .2s ease}.timeline__item img{width:24px;height:24px;object-fit:contain}.timeline__item--you{border-color:#9dcb8f}.timeline__item--foe{border-color:#e9a29a}.timeline__item.is-done{opacity:.35}.timeline__item.is-now{transform:scale(1.3);border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 12px #f7c948cc}.banner{position:absolute;left:50%;top:42%;z-index:60;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 26px;border-radius:20px;background:var(--ink);color:var(--sky);text-align:center;box-shadow:0 6px #2a243040;animation:banner-in 1.8s cubic-bezier(.2,.9,.2,1) forwards;max-width:calc(100% - 32px)}.banner b{font-family:var(--display);font-weight:700;font-size:24px;color:var(--gold)}.banner span{font-size:13px;font-weight:700}@keyframes banner-in{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}12%{transform:translate(-50%,-50%) scale(1.06);opacity:1}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-60%) scale(.98);opacity:0}}.phase-chip{padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:800;background:var(--ink);color:var(--gold);white-space:nowrap}.phase-chip.is-plan{background:var(--ember);color:var(--ink)}.steps{display:inline-flex;gap:4px;flex-wrap:wrap}.steps__dot{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800;background:var(--sky);border:1px solid var(--line);color:var(--ink-dim)}.steps__dot.is-done{background:var(--good);border-color:var(--good);color:#fff}.steps__dot.is-done:before{content:"✓ "}.steps__dot.is-now:not(.is-done){border:2px solid var(--ember);color:var(--ink)}.steps__ready{font-size:12px;font-weight:800;color:var(--good)}@media(prefers-reduced-motion:reduce){.unit__move,.unit__anim,.burst *,.beam,.proj-wrap .proj,.aura,.pick-tag,.tap-tag,.banner{animation-duration:.01ms!important;animation-iteration-count:1!important}}.battle,.battle.is-guided{position:relative;display:block;height:100dvh;padding:0;overflow:hidden;background:#f2ddbb;color:var(--ink);--hud-h: 292px}.battle__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;pointer-events:none}.battle__main{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:0;border-radius:0;background:none;overflow:visible}.battle__log{display:none!important}.stage{position:absolute;left:0;right:0;top:0;bottom:var(--hud-h);margin:0;border:0;border-radius:0;background:none;overflow:visible}.stage__world{top:104px;right:6px;bottom:4px;left:6px}.stage__world:before{background:repeating-linear-gradient(to bottom,rgba(255,138,61,.35) 0 8px,transparent 8px 16px)}.stage__motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.stage__motes i{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:#ffe3a3;box-shadow:0 0 10px 3px #ffc46eb3;opacity:0;animation:mote 9s linear infinite}.stage__motes i:nth-child(1){left:8%;animation-delay:0s}.stage__motes i:nth-child(2){left:22%;animation-delay:-2s;animation-duration:11s}.stage__motes i:nth-child(3){left:37%;animation-delay:-5s}.stage__motes i:nth-child(4){left:51%;animation-delay:-1s;animation-duration:12s}.stage__motes i:nth-child(5){left:63%;animation-delay:-7s}.stage__motes i:nth-child(6){left:74%;animation-delay:-3s;animation-duration:10s}.stage__motes i:nth-child(7){left:86%;animation-delay:-6s}.stage__motes i:nth-child(8){left:95%;animation-delay:-4s;animation-duration:13s}@keyframes mote{0%{transform:translate(0);opacity:0}10%{opacity:.9}50%{transform:translate(14px,-45vh)}90%{opacity:.6}to{transform:translate(-10px,-90vh);opacity:0}}.pad{display:none}.shadow{position:absolute;left:50%;bottom:9%;width:66%;max-width:150px;height:18px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#462d1480,#462d1400);transition:box-shadow .2s ease}.unit.is-active .shadow{background:radial-gradient(closest-side,#ff8a3d8c,#ff8a3d00);box-shadow:0 0 0 3px var(--ember)}.unit.is-target .shadow{box-shadow:0 0 0 3px var(--ember);animation:ring 1s ease-in-out infinite}.unit.is-acting .shadow{box-shadow:0 0 0 3px var(--gold),0 0 22px #f7c948cc}.unit.is-charging .shadow{box-shadow:0 0 24px 8px #ff8a3dbf}.unit__move{bottom:13%}.unit__plate{box-shadow:0 2px #2a243040;border:1.5px solid rgba(42,36,48,.35)}.skill{box-shadow:0 2px #2a243033}.skill.is-ok,.skill.is-enemy{background:#fffdf8f0}.stage--line .stage__world{top:0;right:0;bottom:0;left:0}.stage--line .stage__world:before{display:none}.stage--line .stage__side{position:absolute;top:0;right:0;bottom:0;left:0;width:auto}.stage--line .unit{width:clamp(160px,14vw,230px);height:clamp(240px,36vh,340px);transform:translate(-50%,calc(-100% + 50px))}.stage--line .unit__move{height:88%;bottom:10%}.stage--line .unit.is-back .unit__move{height:80%}.stage--line .unit__plate{width:auto;min-width:130px;max-width:160px;padding:2px 8px 4px;border-radius:999px;background:#2a2430c7;border:2px solid rgba(255,255,255,.85);color:#fff6e8}.stage--line .unit__hp{color:#ffe3bf}.stage--line .unit.is-active .unit__plate{border-color:var(--ember);box-shadow:0 0 12px #ff8a3db3}.stage--line .unit.is-acting .unit__plate{border-color:var(--gold)}.stage--line .hpbar{background:#ffffff40}.stage--line .unit__status{position:absolute;left:0;right:0;top:calc(100% + 2px);justify-content:center}.stage--line .shadow{max-width:170px;height:22px}.stage--line .unit--you.is-front,.stage--line .unit--foe.is-back,.stage--line .unit--you.is-back,.stage--line .unit--foe.is-front{left:auto}.stage--line .unit__plate{max-width:190px}.stage--line .skills{max-width:210px}.stage--line .skill{height:34px;padding:0;justify-content:center}.stage--line .skill__name{display:none!important}.stage--line .skill__icon{width:24px;height:24px}.hud-top{position:absolute;left:0;right:0;top:0;z-index:70;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 8px;padding:8px 10px;pointer-events:none}.hud-top>*{pointer-events:auto}.plank{display:flex;align-items:center;gap:10px;padding:4px 18px 4px 4px;background:var(--dusk);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--lift-sm);color:var(--on-dusk)}.plank__back{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:2px solid var(--ink);background:var(--cloud);color:var(--ink);display:flex;align-items:center;justify-content:center}.plank__text{display:flex;flex-direction:column;line-height:1.05}.plank__text b{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--on-dusk)}.plank__text small{font-size:11px;font-weight:800;color:var(--on-dusk-dim)}.hud-right{margin-left:auto;display:flex;align-items:center;gap:6px}.hud-right .round-btn{width:44px;height:44px;flex-basis:44px;background:var(--cloud);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);color:var(--ink)}.hud-right .timer{width:44px;height:44px;flex:0 0 44px;font-size:15px}.foe-energy{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--dusk);border:2px solid var(--ink);color:var(--on-dusk);font-family:var(--f-display);font-weight:700;font-size:15px}.foe-energy i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe3a3,#ff8a3d 55%,#c25a1c);box-shadow:0 0 8px #ff8a3db3}.order-hud{order:3;flex:1 1 100%;display:flex;align-items:center;justify-content:center;gap:2px;padding:4px 8px;margin:0 auto;max-width:max-content;border-radius:999px;background:#fffdf8eb;border:2px solid rgba(42,36,48,.25)}.order-hud__label{font-size:10px;font-weight:800;color:var(--ink-dim);margin-right:4px;white-space:nowrap}.order-hud__cell{display:flex;align-items:center}.order-hud__item{position:relative;width:40px;height:40px;padding:0;border-radius:50%;border:2px solid var(--line);background:var(--sky);display:flex;align-items:center;justify-content:center}.order-hud__item img{width:34px;height:34px;object-fit:contain}.order-hud__item b{position:absolute;left:-4px;top:-4px;width:17px;height:17px;border-radius:50%;background:var(--ink);color:var(--sky);font-size:10px;display:flex;align-items:center;justify-content:center}.order-hud__item.is-on{border:3px solid var(--ember);box-shadow:0 0 10px #ff8a3d99}.order-hud__item.is-done:after{content:"✓";position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--good);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.order-hud__item.is-ko{opacity:.35;filter:grayscale(1)}.order-hud__item.is-focus{animation:coach 1.1s ease-in-out infinite}.order-hud .swap{width:22px;height:22px;flex:0 0 22px;margin:0 1px}.timeline{top:56px}.timeline__item{width:32px;height:32px;flex-basis:32px}.played{position:absolute;left:50%;top:100px;transform:translate(-50%);z-index:65;display:flex;gap:6px;pointer-events:none}.played__card{width:62px;padding:4px 4px 5px;border-radius:10px;background:#fffdf8;border:2px solid var(--el);display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 3px #2a243040;animation:card-pop .35s cubic-bezier(.2,1.4,.4,1)}.played__card--foe{background:#fff1ec}.played__card img{width:34px;height:34px;object-fit:contain}.played__card b{font-family:var(--display);font-weight:700;font-size:13px;line-height:1.1;text-align:center}.played__card small{font-size:9.5px;font-weight:800;color:var(--ink-dim)}@keyframes card-pop{0%{transform:translateY(-14px) scale(.6);opacity:0}to{transform:none;opacity:1}}.hud-bottom{position:absolute;left:0;right:0;bottom:0;z-index:70;height:var(--hud-h);box-sizing:border-box;padding:8px 10px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,var(--cloud),var(--sky) 60%);border-top:2px solid var(--ink);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -6px 18px #2a243029}.hud-msg{min-height:50px;display:flex;flex-direction:column;justify-content:center}.hud-msg .detail{padding:0 4px;min-height:0;gap:2px}.hud-msg .detail__line{font-size:13px}.hud-msg .detail__line b{font-size:15px}.hud-msg .coach{padding:8px 12px}.hud-msg .coach p{font-size:13px}.hud-row{flex:1 1 auto;min-height:0;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hand hand" "orb actions"}.hud-row .hand{grid-area:hand}.hud-row .orb{grid-area:orb}.hud-row .hud-actions{grid-area:actions}.hud-actions{display:flex;align-items:center;gap:8px;min-width:0}.hud-actions .lock{flex:1 1 auto;min-height:48px}.lock.is-ready{animation:ready-pulse 1.1s ease-in-out infinite}@keyframes ready-pulse{50%{box-shadow:0 4px 0 var(--ink),0 0 0 5px #ff8a3d59,0 0 30px #ff8a3dcc;transform:translateY(-1px)}}.orb{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:12px;box-sizing:border-box;background:radial-gradient(circle at 35% 30%,#ffe3a3,#ff9a4d 45%,#d9631f 80%);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink),0 0 16px #ff8a3d8c;color:var(--ink)}.orb__ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:conic-gradient(var(--gold) var(--pct),rgba(42,36,48,.15) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}.orb b{font-family:var(--display);font-weight:700;font-size:22px;line-height:1}.orb small{font-size:11px;font-weight:800}.orb i{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-style:normal;font-size:9.5px;font-weight:800;color:var(--ink-dim);white-space:nowrap}.orb.is-focus{animation:coach 1.1s ease-in-out infinite}.hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch}.hand--empty{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:14px;background:#fff9;border:2px dashed var(--line);font-size:13px;font-weight:700;color:var(--ink-dim);text-align:center}.card{position:relative;min-width:0;padding:6px 5px;border-radius:14px;text-align:left;background:linear-gradient(180deg,#fffdf8,#f7ecdd);border:3px solid var(--el);color:var(--ink);display:flex;flex-direction:column;gap:3px;box-shadow:0 4px #2a243047;transition:transform .15s ease,box-shadow .15s ease}.card.is-ok:hover{transform:translateY(-4px)}.card.is-off{filter:grayscale(.9);opacity:.55}.card.is-planned{border-color:var(--ink);box-shadow:0 4px 0 var(--ink),0 0 0 3px var(--ember);background:linear-gradient(180deg,#fff4e6,#ffd9b8)}.card.is-planned:after{content:"✓";position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--good);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF}.card.is-pending{transform:translateY(-8px);border-color:var(--ink);background:linear-gradient(180deg,#fff4e6,#ffd3ad);animation:ring 1s ease-in-out infinite}.card.is-focus{animation:coach 1.1s ease-in-out infinite}.card__cost{position:absolute;left:-7px;top:-8px;width:24px;height:24px;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 30%,#ffe3a3,#ff8a3d 60%);border:2px solid var(--ink);font-family:var(--display);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.card__name{font-family:var(--display);font-weight:600;font-size:12px;line-height:1.1;padding-left:12px;min-height:26px;display:flex;align-items:center}.card__art{position:relative;height:44px;border-radius:9px;background:var(--tint);display:flex;align-items:center;justify-content:center}.card__art img{width:40px;height:40px;object-fit:contain}.card__stat{position:absolute;right:2px;bottom:2px;display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border-radius:999px;color:#fff;font-family:var(--display);font-weight:700;font-size:12px;border:1.5px solid var(--ink)}.card__stat--atk{background:#e0504f}.card__stat--heal{background:#3fa872}.card__stat--guard{background:#2f9cc8}.card__text{font-size:9.5px;line-height:1.2;color:var(--ink-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card.is-off .card__text{color:#c2413f;font-weight:700}.card__tags{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.card__tags i{font-style:normal;font-size:8.5px;font-weight:800;padding:0 4px;border-radius:999px;background:#2a24301a}.card__tags i.is-threat{background:var(--ember);box-shadow:0 0 6px #ff8a3db3}.card__owner{display:none}.log-drawer{position:absolute;right:10px;top:104px;bottom:calc(var(--hud-h) + 10px);width:min(320px,calc(100% - 20px));z-index:90;overflow:auto;padding:14px;border-radius:var(--r-lg);background:var(--glass);border:2px solid var(--ink);box-shadow:var(--lift),0 8px 24px #2a243033;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:10px}.log-drawer h2{font-size:17px}.log-drawer__head{display:flex;align-items:center;justify-content:space-between}.log-drawer .order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.log-drawer .order-list li{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:12px;background:var(--sky)}.log-drawer .order-list__art{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.log-drawer .order-list__art img{width:28px;height:28px;object-fit:contain}.log-drawer .order-list__text{display:flex;flex-direction:column;line-height:1.15;font-size:13px}.log-drawer .order-list__text small{color:var(--ink-dim)}.log-drawer .log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-dim)}.howto__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.howto__steps li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}.howto__steps li>b{flex:0 0 30px;height:30px;border-radius:50%;background:var(--ember);border:2px solid var(--ink);font-family:var(--display);font-size:16px;display:flex;align-items:center;justify-content:center}.banner{top:40%}@media(min-aspect-ratio:5/4){.battle,.battle.is-guided{--hud-h: 0px}.stage{bottom:0}.hud-bottom{height:auto;left:50%;right:auto;transform:translate(-50%);width:min(1100px,calc(100% - 24px));bottom:10px;padding:8px 12px 10px;border-radius:var(--r-lg);border:2px solid var(--ink);box-shadow:var(--lift),0 10px 28px #2a24302e;background:linear-gradient(180deg,#fffffff0,#f6f1e7f5)}.hud-row{display:flex;align-items:center;gap:14px}.orb{width:70px;height:70px;flex:0 0 70px;padding-top:16px}.orb b{font-size:26px}.hand{flex:1 1 auto;grid-template-columns:repeat(4,minmax(0,150px));justify-content:center;gap:10px}.hand--empty{flex:1 1 auto;min-height:120px}.card{padding:8px;gap:4px}.card__name{font-size:14px}.card__art{height:64px}.card__art img{width:58px;height:58px}.card__text{font-size:11px}.card__tags i{font-size:9.5px}.card__owner{display:flex;position:absolute;right:-8px;bottom:-10px;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--ink);align-items:center;justify-content:center}.card__owner img{width:28px;height:28px;object-fit:contain}.card__owner b{position:absolute;right:-6px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--sky);font-size:10px;display:flex;align-items:center;justify-content:center}.hud-actions{flex:0 0 auto;flex-direction:column;align-items:stretch;width:170px}.hud-actions .brace{min-height:40px}.hud-actions .lock{min-height:54px;font-size:19px}.hud-msg{min-height:0}.hud-msg .coach,.hud-msg .detail{max-width:760px;margin:0 auto;width:100%}.order-hud{order:0;flex:0 1 auto;margin:0 auto}.timeline{top:10px}.played{top:64px}.played__card{width:80px}.played__card img{width:46px;height:46px}.played__card b{font-size:16px}.log-drawer{top:64px;bottom:260px}}@media(max-height:720px)and (max-aspect-ratio:5/4){.battle,.battle.is-guided{--hud-h: 268px}.card__art{height:36px}.card__art img{width:32px;height:32px}.card__text{-webkit-line-clamp:2}}@media(max-aspect-ratio:5/4){.battle,.battle.is-guided{--hud-h: 244px}.hud-top{flex-wrap:nowrap}.plank{flex:0 1 auto;min-width:0;gap:8px;padding-right:12px}.plank__text{min-width:0;overflow:hidden}.plank__text b,.plank__text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-right{flex:0 0 auto;gap:5px}@media(max-width:420px){.plank__text small{display:none}}.hud-right .round-btn,.hud-right .timer{width:44px;height:44px;flex-basis:44px}.foe-energy{padding:3px 8px 3px 3px;font-size:14px}.foe-energy i{width:20px;height:20px}.order-hud{display:none}.stage__world{top:88px;right:6px;bottom:4px;left:6px}.timeline{top:50px}.timeline__item{width:28px;height:28px;flex-basis:28px}.played{top:86px}.hud-bottom{padding-top:6px;gap:5px}.hud-msg{min-height:36px}.hud-msg .detail__text,.hud-msg .wheel-hint{display:none}.card{padding:5px 4px;gap:2px}.card__name{min-height:22px;font-size:11px}.card__art{height:34px}.card__art img{width:30px;height:30px}.card__text{-webkit-line-clamp:2;font-size:9px}.card__tags{display:none}.orb{width:50px;height:50px;padding-top:10px}.orb b{font-size:19px}.hud-actions .brace{min-height:44px;padding:0 10px}}.log-drawer .order-list li{position:relative}.order-up{margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center}.unit__plate{background:#2a2430cc;border:2px solid rgba(255,255,255,.85);color:#fff6e8;border-radius:12px}.unit__hp{color:#ffe3bf}.hpbar{background:#ffffff40}.unit.is-active .unit__plate{border-color:var(--ember);box-shadow:0 0 12px #ff8a3db3}.unit__order{background:var(--ember);color:var(--ink)}.battle,.battle.is-guided{background:#e9cda3}.stage{overflow:hidden}.stage__bg{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.stage__world,.stage--line .stage__world{top:0;right:0;bottom:0;left:0;z-index:1}.stage__world:before{display:none}.stage__side,.stage--line .stage__side{position:absolute;top:0;right:0;bottom:0;left:0;width:auto}.stage__motes{z-index:2}.stage .unit,.stage--line .unit{--chips: 40px;height:auto;padding:0;transform:translate(-50%,calc(-100% + var(--chips)))}.stage--line .unit{--chips: 40px}.stage .unit__body{flex:none;height:calc(var(--sprite) * 1.08)}.stage .unit__move,.stage--line .unit__move,.stage .unit.is-back .unit__move,.stage--line .unit.is-back .unit__move{left:0;right:0;bottom:0;height:var(--sprite)}.stage .shadow,.stage--line .shadow{bottom:-6px;width:calc(var(--sprite) * .78);max-width:none;height:calc(var(--sprite) * .14)}.stage .skills{margin-top:2px}.stage .aura--shield,.stage .aura--guard,.stage .aura--thorns{max-width:none;width:calc(var(--sprite) * 1.05)}.stage .unit.idle--hover .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-hover 2.6s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.stage .unit.idle--stance .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-stance .9s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.stage .unit.idle--sway .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-sway 2.2s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.stage .unit.idle--breathe .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-breathe 3s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.stage .unit.idle--hover .shadow{animation:hover-shadow 2.6s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.stage .unit.idle--hover .unit__anim img{filter:drop-shadow(0 10px 6px rgba(42,36,48,.12))}.stage .unit.is-active .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-hop .9s ease-in-out infinite}.stage .unit.is-charging .unit__move:not(.fx-breathe){animation:charge-sway .8s ease-in-out infinite}.stage .unit.is-ko .unit__move{animation:none!important}@keyframes idle-hover{0%,to{transform:translateY(-12%) rotate(calc(var(--dir) * 2deg))}50%{transform:translateY(-20%) rotate(calc(var(--dir) * -1deg))}}@keyframes hover-shadow{0%,to{transform:translate(-50%) scale(.85);opacity:.8}50%{transform:translate(-50%) scale(.68);opacity:.55}}@keyframes idle-stance{0%,to{transform:translateY(0) rotate(calc(var(--dir) * 3deg)) scale(1.02,.98)}50%{transform:translateY(-4%) rotate(calc(var(--dir) * 5deg)) scale(.98,1.03)}}@keyframes idle-sway{0%,to{transform:translate(calc(var(--dir) * -2%)) rotate(calc(var(--dir) * -2deg))}50%{transform:translate(calc(var(--dir) * 2%)) rotate(calc(var(--dir) * 2deg)) scale(1.01,.99)}}@keyframes idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035,.97) rotate(calc(var(--dir) * 1deg))}}@media(max-aspect-ratio:5/4){.stage .unit{--chips: 36px}.stage .unit__plate{padding:2px 6px 3px;gap:1px;border-radius:10px}.stage .unit__line{font-size:11.5px}.stage .unit__hp{font-size:10.5px}.stage .hpbar{height:4px}.stage .unit__order{flex-basis:14px;width:14px;height:14px;font-size:9px}.stage .unit__status{position:absolute;left:0;right:0;top:calc(100% + 1px);justify-content:center}.stage .skills{gap:3px}.stage .skill{height:34px;border-width:1.5px;border-radius:8px}.stage .skill:before{content:"";position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px}.stage .skill.is-enemy{height:32px}.stage .skill__icon{width:20px;height:20px}.stage .skill__cost{min-width:14px;height:14px;top:-6px;right:-4px;font-size:8.5px;border-width:1.5px}.stage .skill__tag{font-size:7.5px;bottom:-8px}.stage .pick-tag{top:-20px;font-size:10px}}.skillfx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:900}.sfx{position:absolute;width:0;height:0;pointer-events:none}.sfx-mouthglow{position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:50%;animation:mouth-glow .75s ease-out .05s both}.sfx-mouthglow--ember{background:radial-gradient(circle,#fff6c8 0,#fff6c8 15%,#ffb347 35%,#ff5a1f00 70%)}@keyframes mouth-glow{0%{transform:scale(.2);opacity:0}25%{transform:scale(1.2);opacity:1}to{transform:scale(1.6);opacity:0}}.sfx-flame{position:absolute;left:0;top:0;opacity:0;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 60%,#fff6c8 0,#fff6c8 18%,#ffc24a 38%,#ff7a1f 62%,#d6381400 75%);animation:flame-fly .62s cubic-bezier(.2,.6,.3,1) both}@keyframes flame-fly{0%{transform:translate(0) scale(.25);opacity:0}10%{opacity:1}70%{transform:translate(var(--tx),var(--ty)) scale(1.25);opacity:.95}to{transform:translate(calc(var(--tx) * 1.05),calc(var(--ty) * 1.05 - 18px)) scale(1.7);opacity:0;filter:blur(2px)}}.sfx-wave{position:absolute;left:0;top:0;width:0;height:0;animation:wave-roll .66s cubic-bezier(.3,.1,.3,1) .1s both}.sfx-wave__body{position:absolute;left:-42px;bottom:0;width:84px;height:72px;transform:scaleX(var(--flip));transform-origin:center bottom;border-radius:60% 40% 8px 8px/90% 70% 8px 8px;border:3px solid #1B5F86;background:linear-gradient(180deg,#cff1fa,#3fb8e6 55%,#1f7fb0)}.sfx-wave__foam{position:absolute;left:-34px;bottom:54px;width:68px;height:24px;border-radius:50%;background:radial-gradient(circle at 25% 55%,#FFFFFF 0 26%,transparent 28%),radial-gradient(circle at 60% 40%,#FFFFFF 0 30%,transparent 32%),radial-gradient(circle at 85% 60%,#FFFFFF 0 22%,transparent 24%)}@keyframes wave-roll{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}80%{transform:translate(var(--tx),var(--ty)) scale(1.25);opacity:1}to{transform:translate(calc(var(--tx) * 1.05),var(--ty)) scale(1.5,.3);opacity:0}}.sfx-drop{position:absolute;left:-4px;top:-6px;width:8px;height:12px;opacity:0;border-radius:50%/60% 60% 40% 40%;background:#8fdcf5;border:1.5px solid #1B5F86;animation:drop-fly .5s ease-out both}@keyframes drop-fly{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:0}}.sfx-arc-x{position:absolute;left:0;top:0;animation:arc-x .5s linear both}.sfx-arc-y{position:absolute;left:0;top:0;animation:arc-y .5s linear both}.sfx-arc-x--fast,.sfx-arc-y--fast{animation-duration:.26s}@keyframes arc-x{0%{transform:translate(0);opacity:0}6%{opacity:1}to{transform:translate(var(--tx));opacity:1}}@keyframes arc-y{0%{transform:translateY(0);animation-timing-function:ease-out}50%{transform:translateY(calc(var(--ty) * .5 + var(--arc, 0px)));animation-timing-function:ease-in}to{transform:translateY(var(--ty))}}.sfx-rock{position:absolute;left:0;top:0;border:2.5px solid #4A3A2A;border-radius:40% 55% 45% 60%/55% 40% 60% 45%;background:linear-gradient(135deg,#d8b48e,#a98b6a 50%,#7c6148);animation:rock-spin .5s linear both}@keyframes rock-spin{to{transform:rotate(var(--spin))}}.sfx-tornado{position:absolute;left:0;top:0;width:0;height:0;animation:tornado-move .62s ease-in-out both}.sfx-tornado--small{animation-duration:.4s}.sfx-tornado--small i{scale:.62;transform-origin:50% 100%}.sfx-tornado i{position:absolute;left:0;height:14px;border-radius:50%;border:3px solid #EFFCFF;box-shadow:0 0 8px #5fcfd9,inset 0 0 6px #5fcfd999;animation:twist .22s linear infinite alternate}.sfx-tornado i:nth-child(1){bottom:0;width:18px;margin-left:-9px}.sfx-tornado i:nth-child(2){bottom:13px;width:32px;margin-left:-16px;animation-delay:-.05s}.sfx-tornado i:nth-child(3){bottom:26px;width:46px;margin-left:-23px;animation-delay:-.1s}.sfx-tornado i:nth-child(4){bottom:39px;width:60px;margin-left:-30px;animation-delay:-.15s}.sfx-tornado i:nth-child(5){bottom:52px;width:74px;margin-left:-37px;animation-delay:-.2s}@keyframes twist{0%{transform:translate(-8px) scaleX(1)}to{transform:translate(8px) scaleX(.82)}}@keyframes tornado-move{0%{transform:translate(0) scale(.3);opacity:0}15%{opacity:1}85%{transform:translate(var(--tx),var(--ty)) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1.2);opacity:0}}.sfx-star{position:absolute;width:0;height:0;animation:star-fall .42s cubic-bezier(.5,0,.8,.6) both}@keyframes star-fall{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--tx),var(--ty));opacity:1}}.sfx-star__head{position:absolute;left:-15px;top:-18px;font-size:30px;line-height:1;color:#f7c948;text-shadow:0 0 10px #9B7FE8,0 0 22px #F7C948}.sfx-star__tail{position:absolute;right:0;top:-4px;width:110px;height:8px;border-radius:999px;transform-origin:right center;transform:rotate(var(--angle));background:linear-gradient(90deg,transparent,rgba(155,127,232,.75),#FFFFFF)}.sfx-petal,.sfx-pollen{position:absolute;opacity:0;animation:petal-fall .95s ease-in-out both}.sfx-petal{width:11px;height:8px;border-radius:0 60%;background:#ffb7d0;border:1px solid #C9568A}.sfx-pollen{width:6px;height:6px;border-radius:50%;background:#fff3a3;box-shadow:0 0 8px #f7c948}@keyframes petal-fall{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:1}50%{transform:translate(var(--sway),calc(var(--fall) * .5)) rotate(180deg)}to{transform:translate(calc(var(--sway) * -.3),var(--fall)) rotate(360deg);opacity:0}}.sfx-proj{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(var(--s, 1));opacity:var(--fade, 1)}.sfx-proj--fireball{width:26px;height:26px;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 55%,#fff6c8 0,#fff6c8,#ffc24a 40%,#ff6a1f 65%,#d6381400 78%);filter:drop-shadow(0 0 8px #FF8A3D)}.sfx-proj--fireball:not(.is-lead){filter:blur(1.5px)}.sfx-proj--water{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 18%,#8fdcf5 40%,#3fb8e6 65%,#1f7fb0);border:2px solid #1B5F86}.sfx-proj--water:not(.is-lead){width:12px;height:16px;border-radius:50%/60% 60% 40% 40%;border-width:1px}.sfx-proj--shuriken{font-size:28px;line-height:1;color:#b7a2f2;text-shadow:0 0 8px #9B7FE8,0 0 2px #2A2430;animation:sfx-spin .22s linear infinite}.sfx-proj--bubble{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2 0,#fffffff2 14%,#b9e6f259 30%,#3fb8e640 70%);border:2px solid rgba(63,184,230,.85)}.sfx-proj--leaf{width:16px;height:11px;border-radius:0 70%;background:linear-gradient(135deg,#a8e8b5,#3e9a5b);border:1.5px solid #2D6E41;animation:sfx-spin .5s linear infinite}.sfx-proj--mist{width:40px;height:30px;border-radius:50%;background:radial-gradient(circle,#9b7fe8cc,#9b7fe800);filter:blur(2px)}@keyframes sfx-spin{to{rotate:360deg}}.sfx-spike{position:absolute;width:0;height:0}.sfx-spike:before{content:"";position:absolute;left:-11px;bottom:0;width:22px;height:var(--h);transform-origin:50% 100%;background:linear-gradient(180deg,#d8b48e,#8e7155);clip-path:polygon(50% 0,100% 100%,0 100%);animation:spike-up .42s ease-out both;animation-delay:inherit}.sfx-spike:after{content:"";position:absolute;left:-18px;bottom:-6px;width:36px;height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(169,139,106,.7),transparent);animation:dust .5s ease-out both;animation-delay:inherit}@keyframes spike-up{0%{transform:scaleY(0)}40%{transform:scaleY(1.2)}75%{transform:scaleY(1);opacity:1}to{transform:scaleY(.2);opacity:0}}@keyframes dust{0%{transform:scale(.3);opacity:0}30%{opacity:1}to{transform:scale(1.8);opacity:0}}.sfx-vine{position:absolute;left:0;top:-3px;height:6px;transform-origin:0 50%}.sfx-vine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1.5px solid #2D6E41;background:linear-gradient(90deg,#3e9a5b,#6fd08c);transform-origin:0 50%;animation:vine-grow .28s ease-out .1s both}.sfx-vine i{position:absolute;top:-7px;width:12px;height:8px;border-radius:0 70%;background:#6fd08c;border:1px solid #2D6E41;opacity:0;animation:leaf-pop .3s ease-out both}.sfx-vine i:nth-child(1){left:20%;animation-delay:.14s}.sfx-vine i:nth-child(2){left:40%;animation-delay:.19s;top:4px}.sfx-vine i:nth-child(3){left:60%;animation-delay:.24s}.sfx-vine i:nth-child(4){left:80%;animation-delay:.29s;top:4px}.sfx-wrap{position:absolute;width:70px;height:22px;margin:-11px 0 0 -35px;border-radius:50%;border:4px solid #3E9A5B;box-shadow:0 0 0 2px #2d6e41,inset 0 0 0 2px #6fd08c;animation:wrap-in .35s ease-out .36s both}@keyframes vine-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes leaf-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wrap-in{0%{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:1}}.unit__move.fx-flap{animation:flap .5s ease-out both!important}@keyframes flap{0%{transform:none}35%{transform:translateY(-9%) scale(1.04,.97)}60%{transform:translateY(-4%) scale(.98,1.02)}to{transform:none}}.unit__anim.fx-perk{animation:perk .6s cubic-bezier(.2,.8,.3,1)}@keyframes perk{0%{transform:none}35%{transform:translateY(-4%) rotate(calc(var(--dir) * -5deg)) scale(1.03)}to{transform:none}}.stage .unit.is-active .unit__anim img{filter:drop-shadow(0 0 10px rgba(255,138,61,.6)) drop-shadow(0 5px 4px rgba(42,36,48,.22))}.stage .unit.is-active.idle--hover .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-hover 2.6s ease-in-out infinite}.stage .unit.is-active.idle--stance .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-stance .9s ease-in-out infinite}.stage .unit.is-active.idle--sway .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-sway 2.2s ease-in-out infinite}.stage .unit.is-active.idle--breathe .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe){animation:idle-breathe 3s ease-in-out infinite}.growth{display:inline-flex;gap:2px;align-items:center;margin:0 2px}.growth i{width:9px;height:7px;border-radius:0 70%;border:1.5px solid #6FD08C;background:transparent;opacity:.55;transition:background .3s,opacity .3s}.growth i.is-on{background:linear-gradient(135deg,#a8e8b5,#3e9a5b);opacity:1;animation:leaf-grow .5s ease-out}@keyframes leaf-grow{0%{transform:scale(.3)}60%{transform:scale(1.5)}to{transform:scale(1)}}.card__stat.is-grown{background:#3e9a5b;color:#fff}.swap-chip{position:absolute;z-index:1200;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 8px;min-height:36px;border-radius:999px;border:2px dashed var(--ink);background:#fffffff0;color:var(--ink);font-family:var(--display);font-weight:600;font-size:12.5px;line-height:1.05;white-space:nowrap;cursor:pointer;box-shadow:0 3px #2a243040}.swap-chip span{display:flex;flex-direction:column;text-align:left}.swap-chip small{font-family:var(--body);font-size:9.5px;font-weight:800;color:var(--ink-dim)}.swap-chip.is-on{border-style:solid;border-color:var(--ember);background:var(--cloud);box-shadow:var(--glow)}.swap-chip:disabled{opacity:.55;cursor:default}.swap-chip:not(:disabled):hover{transform:translate(-50%,-54%)}.st--cover{background:#ffffffd9;color:var(--ink);border:1px solid rgba(42,36,48,.35)}.aura--shelter{left:50%;top:4%;width:calc(var(--sprite, 120px) * 1.1);height:calc(var(--sprite, 120px) * .55);transform:translate(-50%);border:5px solid rgba(42,36,48,.75);border-bottom:0;border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 70%)}.unit--you .aura--shelter{border-left-color:transparent}.unit--foe .aura--shelter{border-right-color:transparent}.brace-group{display:flex;gap:4px}.brace-group .brace{flex:1 1 auto}.brace--shelter small{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-aspect-ratio:5/4){.swap-chip{font-size:11px;padding:4px 9px 4px 6px;min-height:32px}.brace-group.has-shelter .brace{padding:0 8px;font-size:13px}}.skill.is-cd{opacity:1}.skill.is-cd>:not(.skill__cd){opacity:.35}.skill__cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;font-family:var(--display);font-weight:700;font-size:17px;color:var(--ink);text-shadow:0 0 3px #FFFFFF,0 0 6px #FFFFFF}.card.is-cd{filter:grayscale(.85)}.card__cd{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:3;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2a2430d1;color:#fff;border:3px solid #FFFFFF;font-family:var(--display);font-weight:700;font-size:26px;pointer-events:none}@media(max-aspect-ratio:5/4){.card__cd{width:32px;height:32px;font-size:18px;border-width:2px}}.kindle{flex:0 0 auto;display:inline-flex;align-self:center;position:relative}.kindle svg{display:block;transform:rotate(-90deg)}.kindle__track{fill:#2a24308c;stroke:#ffffff40;stroke-width:3}.kindle__fill{fill:none;stroke:var(--ember);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s ease}.kindle__flame{fill:var(--gold);stroke:var(--ember);stroke-width:1;transform:rotate(90deg);transform-origin:12px 12px}.kindle.is-full svg{filter:drop-shadow(0 0 4px rgba(255,138,61,.95));animation:kindle-pulse 1.1s ease-in-out infinite}@keyframes kindle-pulse{50%{filter:drop-shadow(0 0 8px rgba(255,138,61,1))}}.unit__plate{position:relative}.stage .unit__plate .kindle{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.stage .unit--you .unit__plate .kindle{left:-13px}.stage .unit--foe .unit__plate .kindle{right:-13px}@media(max-aspect-ratio:5/4){.stage .kindle,.stage .kindle svg{width:18px!important;height:18px!important}.stage .unit--you .unit__plate .kindle{left:-7px}.stage .unit--foe .unit__plate .kindle{right:-7px}}.hand.has-sig{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr)}@media(min-aspect-ratio:5/4){.hand.has-sig{grid-template-columns:repeat(4,minmax(0,150px)) minmax(0,190px)}}.card--sig{border-color:var(--ember);background:linear-gradient(180deg,#fff4e6,#ffe1c2);box-shadow:0 4px #2a243047,var(--glow);animation:sig-in .45s cubic-bezier(.2,1.4,.4,1) both}.card--sig .card__name{color:#b4471a}.card--sig.is-ok{animation:sig-in .45s cubic-bezier(.2,1.4,.4,1) both,kindle-card 1.6s ease-in-out .45s infinite}@keyframes sig-in{0%{transform:translateY(30px) scale(.85);opacity:0}}@keyframes kindle-card{50%{box-shadow:0 4px #2a243047,0 0 30px #ff8a3dbf}}.skill--sig{border-color:var(--ember);box-shadow:0 0 10px #ff8a3dcc}.sig-moment{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#1a152847;animation:sig-fade 1.3s ease both}.sig-moment__band{width:100%;padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(90deg,transparent,rgba(26,21,40,.92) 18%,rgba(26,21,40,.92) 82%,transparent);border-top:3px solid var(--ember);border-bottom:3px solid var(--ember);box-shadow:0 0 40px #ff8a3d8c;animation:sig-band 1.3s cubic-bezier(.2,.9,.3,1) both}.sig-moment__band small{font-family:var(--body);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dusk-dim)}.sig-moment__band b{font-family:var(--display);font-weight:700;font-size:clamp(34px,7vw,64px);line-height:1;color:#fff6e8;text-shadow:0 0 18px rgba(255,138,61,.9);letter-spacing:.02em}@keyframes sig-band{0%{transform:scaleY(0)}14%{transform:scaleY(1.08)}22%,80%{transform:scaleY(1)}to{transform:scaleY(.9);opacity:0}}@keyframes sig-fade{0%,85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sig-moment,.sig-moment__band,.card--sig{animation:none}}.draft{min-height:100%;max-width:var(--max);margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:0 var(--gutter) calc(16px + env(safe-area-inset-bottom))}.draft .topnav{margin-left:0;margin-right:0}.draft .page-title{padding:8px 0 0}.draft__timer{position:relative;flex:0 0 auto;width:44px;height:44px;flex-basis:44px}.draft__slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.dslot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border-radius:14px;background:var(--cloud);border:2px dashed var(--line);min-height:76px;justify-content:center}.dslot--you{border-color:#ff8a3d73}.dslot--foe{border-color:#2a243040}.dslot.is-filled{border-style:solid}.dslot.is-active{border:2px solid var(--ember);box-shadow:var(--glow)}.dslot img{width:46px;height:46px;object-fit:contain}.dslot small{font-size:11px;font-weight:800;color:var(--ink-dim);white-space:nowrap}.dslot__ab{font-family:var(--display);font-weight:700;font-size:24px;color:var(--ink-dim);line-height:46px}.dslot__ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);pointer-events:none;transform:rotate(-90deg)}.dslot__ring circle{fill:none;stroke:var(--ember);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray 1s linear}.draft__step{margin:0;padding:10px 16px;border-radius:999px;background:var(--cloud);border:1px solid var(--line);font-family:var(--f-display);font-weight:600;font-size:17px;text-align:center}.draft__bans{display:flex;justify-content:center;gap:10px}.ban-card{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--cloud);border:2px solid var(--ink);font-weight:800;font-size:14px}.ban-card small{font-size:11px;color:var(--ink-dim);margin-right:4px}.draft__bans.is-flipping .ban-card{animation:ban-flip .7s cubic-bezier(.3,1.4,.5,1) both}.draft__bans.is-flipping .ban-card+.ban-card{animation-delay:.05s}@keyframes ban-flip{0%{transform:rotateX(90deg);opacity:0}}.draft__board{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,200px) minmax(0,1fr);gap:12px;align-items:start}.draft__board h2{font-size:15px;margin:0 0 6px}.draft__squad ul,.draft__wheel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dpick{border-radius:14px;background:var(--cloud);border:2px solid var(--line)}.dpick.is-legal{border-color:var(--el);box-shadow:0 3px #2a24302e}.dpick.is-legal:hover{transform:translateY(-2px)}.dpick.is-picked{border-color:var(--ink);background:var(--tint)}.dpick.is-banned{opacity:.5;filter:grayscale(.8)}.dpick__main{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;background:none;border:0;text-align:left;color:var(--ink)}.dpick__main:disabled{cursor:default}.dpick__art{width:54px;height:54px;flex:0 0 54px;border-radius:12px;background:var(--tint);display:flex;align-items:center;justify-content:center}.dpick__art img{width:50px;height:50px;object-fit:contain}.dpick__text{display:flex;flex-direction:column;gap:3px;min-width:0}.dpick__text b{font-family:var(--display);font-weight:600;font-size:16px}.dpick__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dpick__meta small{font-size:11px;font-weight:700;color:var(--ink-dim)}.dpick__tags{display:flex;flex-wrap:wrap;gap:4px}.dpick__tags i{font-style:normal;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px}.dpick__tags i.is-good{background:#4cc38a38;color:#1f7a4d}.dpick__tags i.is-bad{background:#f25c5c2e;color:#a23434}.dpick__stamp{position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(-8deg);padding:2px 8px;border:2px solid var(--hurt);color:var(--hurt);border-radius:8px;font-weight:800;font-size:12px;text-transform:uppercase;background:#ffffffd9}.dpick__stamp--pick{border-color:var(--ink);color:var(--ink)}.draft__wheel li{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 6px;border-radius:999px;font-size:12px;font-weight:800}.draft__wheel li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft__wheel li.is-ours{background:#4cc38a2e;color:#1f7a4d}.draft__wheel li.is-theirs{background:#f25c5c24;color:#a23434}.draft__foot{position:sticky;bottom:10px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line);box-shadow:0 8px 24px #2a24301f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ban-pick{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ban-el{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:84px;min-height:52px;padding:6px 10px;border-radius:14px;border:2px solid var(--line);background:var(--sky);font-family:var(--display);font-weight:600;font-size:15px}.ban-el small{font-family:var(--body);font-size:10px;font-weight:800;color:var(--ink-dim)}.ban-el.is-on{border-color:var(--hurt);background:var(--cloud);box-shadow:0 0 0 2px #f25c5c40}.dform{display:flex;gap:8px}.dform__slot{display:flex;flex-direction:column;align-items:center;gap:2px;width:92px;padding:6px;border-radius:14px;border:2px solid var(--line);background:var(--sky)}.dform__slot.is-on{border-color:var(--ember);box-shadow:var(--glow)}.dform__slot img{width:48px;height:48px;object-fit:contain}.dform__slot small{font-size:11px;font-weight:800;color:var(--ink-dim);text-transform:uppercase}.dform__slot b{font-family:var(--display);font-weight:600;font-size:14px}.dform__hint{flex-basis:100%;text-align:center;margin:0}@media(max-width:760px){.draft{gap:10px}.draft__board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.draft__wheel{grid-column:1 / -1;order:3}.draft__wheel ul{flex-direction:row;flex-wrap:wrap;justify-content:center}.dslot{min-height:62px}.dslot img{width:34px;height:34px}.dslot__ab{line-height:34px;font-size:20px}.dpick__main{gap:6px;padding:5px}.dpick__art{width:38px;height:38px;flex-basis:38px}.dpick__art img{width:36px;height:36px}.dpick__text b{font-size:14px}.dpick__meta small{display:none}.dpick__stamp{font-size:10px;right:4px}.ban-el{min-width:0;padding:5px 8px;font-size:13px}.dform__slot{width:84px}}.puppet{position:relative;display:block;flex:none;filter:drop-shadow(0 5px 4px rgba(42,36,48,.22))}.puppet--rig .pp--tail{animation-duration:.9s}.pp{position:absolute;top:0;right:0;bottom:0;left:0;display:block;will-change:transform}.pp__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-size:100% 100%;background-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.pp--wing2{--up: -1}.unit.is-charging .puppet{filter:drop-shadow(0 0 12px rgba(255,138,61,.95)) drop-shadow(0 5px 4px rgba(42,36,48,.22))}.stage .unit.is-active .puppet{filter:drop-shadow(0 0 10px rgba(255,138,61,.6)) drop-shadow(0 5px 4px rgba(42,36,48,.22))}.stage .unit.idle--hover .puppet{filter:drop-shadow(0 10px 6px rgba(42,36,48,.12))}.unit__move.fx-breathe .puppet{filter:drop-shadow(0 0 14px var(--elc)) drop-shadow(0 0 26px var(--el))}.stage .unit.is-scorched .puppet{filter:brightness(.82) sepia(.35) saturate(1.2) drop-shadow(0 0 6px rgba(242,92,92,.55))}.stage .unit.is-soaked .puppet{filter:brightness(.95) saturate(1.15) drop-shadow(0 0 6px rgba(63,184,230,.6))}@keyframes idle{0%,to{transform:none}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes idle-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-2%)}}@keyframes idle-hover{0%,to{transform:translateY(-12%) rotate(calc(var(--dir) * 1.5deg))}50%{transform:translateY(-18%) rotate(calc(var(--dir) * -1deg))}}@keyframes idle-stance{0%,to{transform:translateY(0) rotate(calc(var(--dir) * 1.5deg))}50%{transform:translateY(-2%) rotate(calc(var(--dir) * 3deg))}}@keyframes idle-sway{0%,to{transform:translate(calc(var(--dir) * -1.5%)) rotate(calc(var(--dir) * -1.5deg))}50%{transform:translate(calc(var(--dir) * 1.5%)) rotate(calc(var(--dir) * 1.5deg))}}@keyframes idle-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5%)}}.stage .unit.idle--stance .unit__move:not(.fx-lunge):not(.fx-whip):not(.fx-breathe):not(.fx-flap){animation-duration:1.4s}@keyframes charge-sway{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(calc(var(--dir) * -3%)) rotate(calc(var(--dir) * -3deg))}}@keyframes perk{0%{transform:none}35%{transform:translateY(-3%) rotate(calc(var(--dir) * -3deg))}to{transform:none}}@keyframes lunge-2{0%{transform:translate(0) rotate(0)}22%{transform:translate(calc(var(--dx) * -.1),calc(var(--dy) * -.1)) rotate(calc(var(--dir) * -6deg))}45%{transform:translate(var(--dx),var(--dy)) rotate(calc(var(--dir) * 7deg))}58%{transform:translate(calc(var(--dx) * .94),calc(var(--dy) * .94)) rotate(calc(var(--dir) * 4deg))}to{transform:translate(0) rotate(0)}}@keyframes lunge{0%{transform:translate(0)}45%{transform:translate(var(--dx),var(--dy))}to{transform:translate(0)}}@keyframes whip{0%{transform:none}35%{transform:translate(calc(var(--dir) * -4%)) rotate(calc(var(--dir) * -5deg))}55%{transform:translate(calc(var(--dir) * 6%)) rotate(calc(var(--dir) * 6deg))}to{transform:none}}@keyframes breathe-out{0%{transform:none}28%{transform:translate(calc(var(--dir) * -5%)) rotate(calc(var(--dir) * -4deg))}40%{transform:translate(calc(var(--dir) * 5%)) rotate(calc(var(--dir) * 3deg))}80%{transform:translate(calc(var(--dir) * 3%)) rotate(calc(var(--dir) * 1deg))}to{transform:none}}@keyframes flap{0%{transform:none}30%{transform:translateY(-9%)}55%{transform:translateY(-5%)}to{transform:none}}@keyframes knock{0%{transform:none;filter:brightness(1)}8%{transform:translate(calc(var(--dir) * -6%)) rotate(calc(var(--dir) * -5deg));filter:brightness(2.4) saturate(.2)}28%{transform:translate(calc(var(--dir) * -4%)) rotate(calc(var(--dir) * -3deg));filter:brightness(1.15)}60%{transform:translate(calc(var(--dir) * 1%)) rotate(calc(var(--dir) * 1deg));filter:none}to{transform:none}}@keyframes hit{0%,to{transform:none}15%{transform:translate(-4%);filter:brightness(1.8)}}@keyframes cast{50%{transform:translateY(-5%);filter:drop-shadow(0 0 18px rgba(255,138,61,.9))}}@keyframes cast-2{0%,to{transform:none}40%{transform:translateY(-6%);filter:drop-shadow(0 0 16px var(--elc)) brightness(1.12)}}@keyframes heal-2{50%{transform:translateY(-3%);filter:drop-shadow(0 0 18px rgba(76,195,138,.95)) brightness(1.12)}}.pp--head{animation:pp-head 3.2s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.pp--wing,.pp--wing2{animation:pp-wing 1.9s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.pp--tail{animation:pp-tail 2.6s ease-in-out infinite;animation-delay:calc(var(--idle-delay, 0s) - .6s)}.stage .unit.idle--hover .pp--wing,.stage .unit.idle--hover .pp--wing2{animation-name:pp-wing-fly;animation-duration:.75s}.stage .unit.idle--stance .pp--head{animation-duration:1.4s}@keyframes pp-head{0%,to{transform:rotate(calc(var(--fw) * -1.5deg))}50%{transform:rotate(calc(var(--fw) * 2.5deg)) translateY(.6%)}}@keyframes pp-wing{0%,to{transform:rotate(calc(var(--fw) * var(--up, 1) * -3deg))}50%{transform:rotate(calc(var(--fw) * var(--up, 1) * 7deg))}}@keyframes pp-wing-fly{0%,to{transform:rotate(calc(var(--fw) * var(--up, 1) * -10deg))}50%{transform:rotate(calc(var(--fw) * var(--up, 1) * 14deg))}}@keyframes pp-tail{0%,to{transform:rotate(calc(var(--fw) * -4deg))}50%{transform:rotate(calc(var(--fw) * 6deg))}}.puppet.act--horns .pp--head{animation:act-horns-head .52s cubic-bezier(.35,0,.3,1) both}.puppet.act--horns .pp--wing,.puppet.act--horns .pp--wing2{animation:act-tuck .52s ease-in-out both}.puppet.act--horns .pp--tail{animation:act-tail-up .52s ease-in-out both}@keyframes act-horns-head{0%{transform:none}22%{transform:rotate(calc(var(--fw) * -12deg))}45%{transform:rotate(calc(var(--fw) * 14deg))}62%{transform:rotate(calc(var(--fw) * 10deg))}to{transform:none}}@keyframes act-tuck{0%,to{transform:none}22%{transform:rotate(calc(var(--fw) * var(--up, 1) * 14deg))}45%{transform:rotate(calc(var(--fw) * var(--up, 1) * -10deg))}}@keyframes act-tail-up{0%,to{transform:none}25%{transform:rotate(calc(var(--fw) * 12deg))}50%{transform:rotate(calc(var(--fw) * -8deg))}}.puppet.act--breath .pp--head{animation:act-breath-head 1s cubic-bezier(.3,0,.2,1) both}.puppet.act--breath .pp--wing,.puppet.act--breath .pp--wing2{animation:act-breath-wing 1s ease-in-out both}.puppet.act--breath .pp--tail{animation:act-breath-tail 1s ease-in-out both}@keyframes act-breath-head{0%{transform:none}28%{transform:rotate(calc(var(--fw) * -14deg))}40%{transform:rotate(calc(var(--fw) * 9deg)) translate(calc(var(--fw) * 2%))}78%{transform:rotate(calc(var(--fw) * 7deg)) translate(calc(var(--fw) * 1.5%))}to{transform:none}}@keyframes act-breath-wing{0%,to{transform:none}28%{transform:rotate(calc(var(--fw) * var(--up, 1) * 22deg))}40%{transform:rotate(calc(var(--fw) * var(--up, 1) * -6deg))}78%{transform:rotate(calc(var(--fw) * var(--up, 1) * -3deg))}}@keyframes act-breath-tail{0%,to{transform:none}28%{transform:rotate(calc(var(--fw) * 14deg))}40%{transform:rotate(calc(var(--fw) * -8deg))}}.puppet.act--wings .pp--wing,.puppet.act--wings .pp--wing2{animation:act-flap .5s ease-in-out both}.puppet.act--wings .pp--head{animation:act-wings-head .5s ease-in-out both}.puppet.act--wings .pp--tail{animation:act-tail-up .5s ease-in-out both}@keyframes act-flap{0%{transform:none}18%{transform:rotate(calc(var(--fw) * var(--up, 1) * 24deg))}38%{transform:rotate(calc(var(--fw) * var(--up, 1) * -18deg))}58%{transform:rotate(calc(var(--fw) * var(--up, 1) * 20deg))}78%{transform:rotate(calc(var(--fw) * var(--up, 1) * -10deg))}to{transform:none}}@keyframes act-wings-head{0%,to{transform:none}30%{transform:rotate(calc(var(--fw) * -7deg))}60%{transform:rotate(calc(var(--fw) * 4deg))}}.puppet.act--tail .pp--tail{animation:act-tail .5s cubic-bezier(.3,0,.2,1) both}.puppet.act--tail .pp--head{animation:act-tail-head .5s ease-in-out both}@keyframes act-tail{0%{transform:none}35%{transform:rotate(calc(var(--fw) * -20deg))}55%{transform:rotate(calc(var(--fw) * 26deg))}75%{transform:rotate(calc(var(--fw) * -8deg))}to{transform:none}}@keyframes act-tail-head{0%,to{transform:none}35%{transform:rotate(calc(var(--fw) * 6deg))}55%{transform:rotate(calc(var(--fw) * -5deg))}}.unit__anim.fx-hit .pp--head{animation:hit-head .5s cubic-bezier(.2,.8,.3,1)}.unit__anim.fx-hit .pp--wing,.unit__anim.fx-hit .pp--wing2{animation:hit-wing .5s ease-out}.unit__anim.fx-hit .pp--tail{animation:hit-tail .5s ease-out}@keyframes hit-head{0%,to{transform:none}10%{transform:rotate(calc(var(--fw) * -16deg))}35%{transform:rotate(calc(var(--fw) * -6deg))}65%{transform:rotate(calc(var(--fw) * 3deg))}}@keyframes hit-wing{0%,to{transform:none}12%{transform:rotate(calc(var(--fw) * var(--up, 1) * 18deg))}45%{transform:rotate(calc(var(--fw) * var(--up, 1) * -4deg))}}@keyframes hit-tail{0%,to{transform:none}12%{transform:rotate(calc(var(--fw) * 14deg))}45%{transform:rotate(calc(var(--fw) * -4deg))}}.unit__anim.fx-cast .pp--head{animation:cast-head .6s ease}.unit__anim.fx-cast .pp--wing,.unit__anim.fx-cast .pp--wing2,.unit__anim.fx-heal .pp--wing,.unit__anim.fx-heal .pp--wing2{animation:open-wing .6s ease}@keyframes cast-head{0%,to{transform:none}45%{transform:rotate(calc(var(--fw) * -10deg))}}@keyframes open-wing{0%,to{transform:none}45%{transform:rotate(calc(var(--fw) * var(--up, 1) * 18deg))}}.unit.is-ko .pp{animation:none!important}.stage .floater{top:auto;bottom:calc(var(--ph, 120px) * .82);left:50%;z-index:8;font-size:15px;-webkit-text-stroke:3px #FFFFFF;line-height:1;text-align:center;animation:pop-arc .95s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:0s}.stage .floater--heal{font-size:14px}.stage .floater small{display:block;width:max-content;margin:2px auto 0;padding:1px 5px;border-radius:999px;font-family:var(--body, inherit);font-size:8.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:0;color:var(--ink);background:var(--ember)}@keyframes pop-arc{0%{transform:translate(calc(-50% + var(--side) * 4px),4px) scale(.6);opacity:0}14%{transform:translate(calc(-50% + var(--side) * 10px),calc(var(--i) * -17px - 8px)) scale(1.12);opacity:1}28%{transform:translate(calc(-50% + var(--side) * 13px),calc(var(--i) * -17px - 11px)) scale(1)}75%{transform:translate(calc(-50% + var(--side) * 18px),calc(var(--i) * -17px - 17px));opacity:1}to{transform:translate(calc(-50% + var(--side) * 22px),calc(var(--i) * -17px - 24px));opacity:0}}.stage .unit__plate{position:relative}.plate-pops{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);display:flex;gap:3px;pointer-events:none;z-index:3}.plate-pop{padding:1px 6px;border-radius:999px;white-space:nowrap;font-size:9.5px;font-weight:800;line-height:1.35;color:#ffe3bf;background:#2a2430e0;border:1px solid rgba(255,255,255,.55);animation:chip-pop 1.15s ease forwards}@keyframes chip-pop{0%{transform:translateY(4px);opacity:0}15%,75%{transform:none;opacity:1}to{transform:translateY(-3px);opacity:0}}.stage .burst{top:auto;bottom:calc(var(--ph, 120px) * .5)}.stage .burst__ring{left:-12px;top:-12px;width:24px;height:24px;border-width:3px;animation-duration:.4s}.stage .burst--big .burst__ring{border-width:5px;animation-duration:.5s}.stage .burst__flash{left:-30px;top:-30px;width:60px;height:60px;animation-duration:.22s}.stage .burst__p{width:7px;height:7px;left:-3.5px;top:-3.5px;animation-duration:.5s}.stage .burst--big .burst__p{width:9px;height:9px}.stage .burst--stone .burst__p{clip-path:polygon(50% 0,100% 60%,40% 100%,0 40%);border-radius:0;box-shadow:none}.burst--tick i{position:absolute;bottom:-14px;left:calc((var(--k) - 2.5) * 9px - 5px);width:10px;height:15px;opacity:0;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#FFF3B0 0 18%,#FFB347 42%,#FF5A1F 68%,transparent 74%);animation:tick-flame .6s ease-out forwards;animation-delay:calc(var(--k) * 45ms)}@keyframes tick-flame{0%{transform:translateY(8px) scale(.5);opacity:0}30%{opacity:1}to{transform:translateY(-26px) scale(1.1);opacity:0}}.burst--heal i{position:absolute;bottom:-18px;left:calc((var(--k) - 3) * 10px - 4px);width:8px;height:8px;border-radius:50%;opacity:0;background:radial-gradient(circle,#FFFFFF 0 25%,#6FD08C 55%,transparent 72%);box-shadow:0 0 8px #6fd08c;animation:heal-rise .8s ease-out forwards;animation-delay:calc(var(--k) * 50ms)}.burst--heal i:nth-child(odd):before{content:"+";position:absolute;left:-1px;top:-9px;font:800 12px/1 sans-serif;color:#3e9a5b}@keyframes heal-rise{0%{transform:translateY(6px);opacity:0}25%{opacity:1}to{transform:translateY(-38px);opacity:0}}.burst--st i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;opacity:0;background:var(--elc);box-shadow:0 0 8px var(--el);animation:st-out .7s ease-out forwards;animation-delay:calc(var(--k) * 25ms)}@keyframes st-out{0%{transform:rotate(calc(var(--k) * 45deg)) translateY(-6px) scale(.4);opacity:1}to{transform:rotate(calc(var(--k) * 45deg)) translateY(-40px) scale(1);opacity:0}}.burst--st.st-burn i,.burst--st.st-scorch i{left:calc((var(--k) - 3.5) * 9px - 6px);top:0;width:12px;height:18px;box-shadow:none;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#FFF3B0 0 18%,#FFB347 40%,#FF5A1F 66%,transparent 74%);animation-name:st-rise;animation-duration:.75s}.burst--st.st-scorch i:nth-child(odd){background:radial-gradient(circle,#463c3cbf,#463c3c00 70%);width:18px;height:18px;filter:blur(1px)}@keyframes st-rise{0%{transform:translateY(20px) scale(.5);opacity:0}25%{opacity:1}to{transform:translateY(-34px) scale(1.15);opacity:0}}.burst--st.st-soak i{width:7px;height:10px;border-radius:50%/60% 60% 40% 40%;background:#8fdcf5;border:1.5px solid #1B5F86;box-shadow:none;animation-name:st-splash}@keyframes st-splash{0%{transform:translateY(-20px) scale(.5);opacity:1}45%{transform:translate(calc((var(--k) - 3.5) * 9px),-46px);opacity:1}to{transform:translate(calc((var(--k) - 3.5) * 14px),4px);opacity:0}}.burst--st.st-root{bottom:4px}.burst--st.st-root i{left:calc((var(--k) - 3.5) * 9px - 3px);top:auto;bottom:0;width:6px;height:30px;border-radius:999px 999px 2px 2px;background:linear-gradient(0deg,#2d6e41,#6fd08c);box-shadow:none;transform-origin:50% 100%;animation-name:st-vine;animation-duration:.8s}@keyframes st-vine{0%{transform:scaleY(0) rotate(calc((var(--k) - 3.5) * 8deg));opacity:1}40%{transform:scaleY(1.1) rotate(calc((var(--k) - 3.5) * 8deg));opacity:1}to{transform:scaleY(.9) rotate(calc((var(--k) - 3.5) * 12deg));opacity:0}}.burst--st.st-haste i{width:26px;height:3px;border-radius:999px;background:#effcff;box-shadow:0 0 6px #5fcfd9;top:calc((var(--k) - 3.5) * 7px);animation-name:st-streak;animation-duration:.5s}@keyframes st-streak{0%{transform:translate(calc(var(--dir) * 30px));opacity:0}30%{opacity:1}to{transform:translate(calc(var(--dir) * -40px));opacity:0}}.burst--st.st-weak i,.burst--st.st-strip i{left:calc((var(--k) - 3.5) * 9px - 4px);width:8px;height:8px;border-radius:2px;background:#9b7fe8;box-shadow:none;clip-path:polygon(0 0,100% 0,50% 100%);animation-name:st-sink}.burst--st.st-strip i{background:#b9e6f2;clip-path:polygon(50% 0,100% 60%,40% 100%,0 40%)}@keyframes st-sink{0%{transform:translateY(-30px);opacity:0}30%{opacity:1}to{transform:translateY(14px);opacity:0}}.burst--st.st-shield i,.burst--st.st-guard i,.burst--st.st-veil i{background:none;border:2px solid rgba(185,230,242,.95);box-shadow:0 0 8px #3fb8e6cc}.burst--st.st-veil i{border-color:#9b7fe8e6;box-shadow:0 0 10px #9b7fe8cc}.burst--st.st-empower i{background:#f7c948;box-shadow:0 0 10px #f7c948;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;width:14px;height:14px}.burst--st.st-cleanse i{background:#fff;box-shadow:0 0 10px #b9e6f2}.burst--st.st-thorns i{background:#3e9a5b;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}.burst--st.st-mark i,.burst--st.st-taunt i{background:#f25c5c;box-shadow:0 0 8px #f25c5c}.stage .aura--burn,.stage .aura--soak,.stage .aura--haste,.stage .aura--root{left:50%;right:auto;bottom:0;top:auto;width:calc(var(--ph, 120px) * .85);height:var(--ph, 120px);max-width:none;transform:translate(-50%);border:0;box-shadow:none;border-radius:0;z-index:4}.stage .aura--burn .flames,.stage .aura--burn .embers,.stage .aura--burn .smoke{position:absolute;top:0;right:0;bottom:0;left:0}.stage .aura--burn i{position:absolute;display:block}.stage .aura--burn .flames i{left:calc(10% + var(--k) * 14%);bottom:16%;width:13px;height:19px;margin-left:-6px;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 72%,#FFF3B0 0 16%,#FFB347 38%,#FF5A1F 64%,transparent 72%);animation:lick .55s ease-in-out infinite alternate;animation-delay:calc(var(--k) * -.17s)}.stage .aura--burn .flames i:nth-child(2n){bottom:32%;width:10px;height:15px}@keyframes lick{0%{transform:translateY(0) rotate(-6deg);opacity:.95}to{transform:translateY(-9px) rotate(6deg);opacity:.55}}.stage .aura--burn .embers i{left:calc(14% + var(--k) * 13%);bottom:30%;width:4px;height:4px;border-radius:50%;background:#ffd27a;box-shadow:0 0 5px #ff8a3d;animation:ember-rise 1.5s linear infinite;animation-delay:calc(var(--k) * -.26s)}@keyframes ember-rise{0%{transform:translate(0);opacity:0}15%{opacity:1}50%{transform:translate(5px,-32px)}to{transform:translate(-3px,-64px);opacity:0}}.stage .aura--burn.is-scorch .flames i{background:radial-gradient(circle at 50% 72%,#FFE1D2 0 14%,#FF7A5A 38%,#C8341F 64%,transparent 72%)}.stage .aura--burn .smoke i{left:calc(22% + var(--k) * 18%);bottom:45%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle,#3c343899,#3c343800 70%);filter:blur(1.5px);animation:smoke-rise 2.2s ease-out infinite;animation-delay:calc(var(--k) * -.55s)}@keyframes smoke-rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-50px) scale(1.6);opacity:0}}.stage .aura--soak i{position:absolute;display:block;left:calc(16% + var(--k) * 13%);top:38%;width:6px;height:9px;border-radius:50%/60% 60% 40% 40%;transform:none;background:#8fdcf5;border:1px solid #1B5F86;animation:drip-2 1.3s ease-in infinite;animation-delay:calc(var(--k) * -.22s)}.stage .aura--soak i:nth-child(2n){top:55%}@keyframes drip-2{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.95;transform:translateY(0) scale(1)}to{transform:translateY(46px);opacity:0}}.stage .aura--root:after{content:"";position:absolute;left:6%;right:6%;bottom:-4px;height:12px;border-radius:50%;border:3px solid #3E9A5B;border-top-color:#3e9a5b59;box-shadow:inset 0 -3px #6fd08c80}.stage .aura--root i{position:absolute;display:block;left:calc(10% + var(--k) * 15%);bottom:0;width:5px;height:26px;margin-left:-2.5px;border-radius:999px 999px 2px 2px;background:linear-gradient(0deg,#2d6e41,#6fd08c);transform-origin:50% 100%;animation:vine-sway 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--k) * -.27s)}.stage .aura--root i:nth-child(2n){height:18px}.stage .aura--root i:after{content:"";position:absolute;top:2px;left:3px;width:9px;height:6px;border-radius:0 70%;background:#6fd08c;border:1px solid #2D6E41}@keyframes vine-sway{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.stage .aura--haste i{position:absolute;display:block;top:calc(25% + var(--k) * 12%);width:22px;height:3px;border-radius:999px;background:#effcff;box-shadow:0 0 6px #5fcfd9;animation:speed .7s linear infinite;animation-delay:calc(var(--k) * -.14s)}@media(prefers-reduced-motion:reduce){.pp,.aura i,.burst i,.plate-pop{animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage__fx{position:absolute;left:0;top:0;pointer-events:none;z-index:3}.stage .unit.is-ko .unit__anim:has(.puppet--rig){transform:none;animation:none;opacity:.55;filter:grayscale(.9) brightness(.92);transition:opacity .6s ease 1.1s,filter .6s ease 1.1s}.rig-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rig-layer canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage .unit:has(.puppet--rig) .shadow{visibility:hidden}.eggs{min-height:100%;background:var(--sky);display:flex;flex-direction:column}.eggs__badge{padding:6px 12px;font-weight:800;font-size:12px;border:2px solid var(--line)}.eggs__missing{margin:16px var(--gutter)}.egg-dev{align-self:center;color:var(--ink-dim);font-size:12px}.choose__grid{list-style:none;margin:0;padding:16px var(--gutter);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choose__egg{width:100%;height:100%;padding:8px 8px 14px;border-radius:20px;background:var(--cloud);border:2px solid var(--line);color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:transform .3s var(--ease),border-color .2s,box-shadow .2s}.choose__egg:hover,.choose__egg:focus-visible{border-color:var(--ink);box-shadow:var(--lift-sm);transform:translateY(-4px)}.choose__art{position:relative;width:100%;height:124px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.choose__art:before{content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:var(--cloud);opacity:.7}.choose__art img{position:relative;height:104px;width:auto;object-fit:contain;transition:transform .3s var(--ease)}.choose__egg:hover .choose__art img{transform:rotate(-5deg) scale(1.05)}.choose__name{font-family:var(--f-display);font-weight:600;font-size:18px}.choose__line{font-size:13px;font-weight:700;color:var(--ink-dim)}.choose__foot{margin:0;padding:0 var(--gutter) 28px;font-weight:700;font-size:14px;text-align:center}.incubation__body{flex:1 1 auto;display:flex;flex-direction:column}.incubation__egg{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.egg-stage{position:relative;width:calc(100% - 2 * var(--gutter));margin:12px var(--gutter) 10px;height:300px;display:block;box-sizing:border-box;border-radius:28px;overflow:hidden;border:2px solid var(--ink);box-shadow:var(--lift-sm);background:url(/assets/scenes/hatchery.webp) 50% 77% / cover no-repeat}.egg-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 70%,rgba(255,170,90,.18),transparent 70%)}.egg-stage__glow{position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#ff8a3d80,#ff8a3d00 62%);animation:egg-pulse 4s ease-in-out infinite}.egg-stage__nest{display:none}.egg-stage__glow{left:50%;bottom:8%;translate:-50% 0}.egg-stage__egg{position:absolute;z-index:1;left:50%;bottom:20%;translate:-50% 0;margin:0!important;width:auto!important;height:46%!important;max-height:200px;object-fit:contain;transform-origin:50% 90%;filter:drop-shadow(0 10px 10px rgba(42,36,48,.25))}.egg-stage__float{left:50%;translate:-50% 0;z-index:2}.egg-stage__egg.is-ready{animation:hatch-wobble 2.4s ease-in-out infinite}.egg-stage__float{position:absolute;top:18px;padding:4px 12px;border-radius:999px;background:var(--cloud);border:2px solid var(--el);font-weight:800;font-size:13px;animation:egg-float 1.4s ease-out forwards;pointer-events:none}.incubation__count{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-weight:600;font-size:40px;line-height:1}.incubation__sub{font-size:14px;font-weight:700;color:var(--ink-dim)}.incubation__line{margin:6px 0 0;font-family:var(--display);font-weight:500;font-size:18px}.incubation__side{display:flex;flex-direction:column;gap:12px;padding:14px var(--gutter) 22px}.meter{display:flex;flex-direction:column;gap:5px}.meter__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.meter__label{font-weight:800;font-size:14px}.meter__value{font-family:var(--display);font-weight:600;font-size:16px;text-align:right}.meter__value.is-dim{color:var(--ink-dim)}.meter__segs{display:flex;gap:3px}.meter__segs span{flex:1 1 0;height:8px;border-radius:999px;background:var(--track);transition:background .3s ease}.meter__segs span.is-on{background:var(--el)}.meter__source{font-size:12px;color:var(--ink-dim);font-weight:700}.care__left{font-weight:800;font-size:13px;text-align:right}.care__actions{display:flex;justify-content:space-around}.care__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;font-family:var(--display);font-weight:600;font-size:15px}.care__icon{width:76px;height:76px;border-radius:50%;background:var(--cloud);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.care__btn:active:not(:disabled) .care__icon{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.care__btn:disabled .care__icon{background:var(--locked)}.care__btn:disabled{color:var(--ink-dim)}.care__shapes{font-family:var(--body);font-size:12px;font-weight:700;color:var(--ink-dim)}.care__hatch{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center}.care__hatch p{margin:0}.care__note{margin:0;font-size:13px;text-align:center}@keyframes egg-pulse{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes egg-float{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.hatch{position:relative}.hatch__brand{position:absolute;z-index:2;top:14px;left:var(--gutter);pointer-events:none}.hatch__brand .wordmark{font-size:20px}@media(max-width:599px){.hatch__brand .wordmark__rest{display:none}.hatch__brand .wordmark{font-size:24px}}.hatch__stage{position:relative;height:360px;flex:0 0 auto;overflow:hidden;cursor:pointer}.hatch__stage .scene{position:absolute;top:0;right:0;bottom:0;left:0}.hatch__stage:after{content:"";position:absolute;z-index:5;inset:auto 0 0;height:18%;pointer-events:none;background:linear-gradient(to top,var(--sky),transparent)}.hatch__nest>*{grid-area:1 / 1;align-self:end}.hatch__glow{position:absolute;left:50%;bottom:0;translate:-50% 40%;width:330px;height:330px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ff8a3d8c,#ff8a3d00 64%)}.hatch__disc{display:none}.hatch__egg{position:relative;aspect-ratio:160 / 196;margin-bottom:-6px;transform-origin:50% 90%;animation:hatch-wobble 1.3s ease-in-out 0s 1,hatch-shake .9s linear 1.3s 1}.hatch__egg img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(42,36,48,.25))}.hatch__cracks{position:absolute;top:14%;right:22%;bottom:10%;left:22%;width:56%;height:76%;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hatch__cracks path{stroke-dasharray:80;stroke-dashoffset:80;animation:hatch-crack .8s ease-out 1.25s forwards}.hatch__cracks path+path{animation-delay:1.7s}.hatch__flash{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff8ec,#ffc478e6 30%,#ff8a3d00 68%);animation:hatch-flash .7s ease-out 2.2s forwards}.hatch__baby{position:relative;display:grid;justify-items:center;margin-bottom:-4px;transform-origin:50% 100%}.hatch.is-sequence .hatch__baby{animation:hatch-born .5s cubic-bezier(.34,1.56,.64,1) both}.hatch__shell{position:absolute;bottom:4px;width:44px;height:26px;background:var(--el);border:3px solid var(--ink);pointer-events:none}.hatch__shell--l{left:calc(50% - 110px);border-radius:50% 50% 8px;transform:rotate(-24deg)}.hatch__shell--r{right:calc(50% - 106px);width:36px;height:22px;border-radius:50% 50% 50% 8px;transform:rotate(18deg)}.hatch.is-sequence .hatch__shell{opacity:0;animation:hatch-shell .45s ease-out 2.45s forwards}@keyframes hatch-born{0%{transform:scale(.55) translateY(20px)}to{transform:none}}.hatch__kicker,.hatch__hint{position:absolute;z-index:6;top:18px;left:50%;translate:-50% 0;padding:4px 12px;border-radius:999px;white-space:nowrap;background:#fffcf6e6;font-weight:800;font-size:12px;letter-spacing:.14em;color:var(--ink)}.hatch__hint{top:auto;bottom:12px;letter-spacing:.06em}@media(max-width:599px){.hatch__kicker{top:60px}}.hatch__card{flex:1 1 auto;margin:0 12px 12px;padding:18px;border-radius:26px;background:var(--cloud);border:2px solid var(--gold);box-shadow:inset 0 0 0 4px var(--cloud),inset 0 0 0 5px #f7c9488c;display:flex;flex-direction:column;gap:12px;animation:hatch-card .4s ease-out both}.hatch__card h1{font-size:24px;line-height:1.1}.hatch__name{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px}.hatch__name input{height:50px;padding:0 16px;border-radius:14px;border:2px solid var(--ink);background:var(--sky);font-family:var(--display);font-weight:600;font-size:21px;color:var(--ink)}.hatch__chips{display:flex;flex-wrap:wrap;gap:6px}.hatch__traits{margin:0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px 10px;font-size:14px}.hatch__traits dt{font-weight:800}.hatch__traits dd{margin:0}.hatch__traits b{font-family:var(--display);font-weight:600}.hatch__care{margin:0;padding:10px 12px;border-radius:12px;background:var(--sky);font-size:13px;color:var(--ink-dim);font-weight:600}.hatch__go{margin-top:auto;min-height:56px;font-size:20px}@keyframes hatch-wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-6deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-4deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-5deg)}}@keyframes hatch-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px) rotate(-2deg)}80%{transform:translate(3px) rotate(2deg)}}@keyframes hatch-crack{to{stroke-dashoffset:0}}@keyframes hatch-flash{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes hatch-pop{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes hatch-shell{0%{opacity:0;translate:0 -40px}to{opacity:1;translate:0 0}}@keyframes hatch-card{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.nest-call{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:18px;text-align:left;background:var(--cloud);border:2px solid var(--ember);box-shadow:0 0 0 3px #ff8a3d33}.nest-call__art{width:64px;height:64px;flex:0 0 64px;border-radius:14px;background:#ff8a3d29;display:flex;align-items:center;justify-content:center}.nest-call__art img{height:56px;width:auto;animation:hatch-wobble 2.4s ease-in-out infinite;transform-origin:50% 90%}.nest-call__text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:600}.nest-call__text b{font-family:var(--display);font-weight:600;font-size:18px}.nest-row{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px}.nest-card{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:16px;text-align:left;background:var(--cloud);border:1px solid var(--line)}.nest-card.is-ready{border:2px solid var(--ember);box-shadow:0 0 0 3px #ff8a3d33}.nest-card__art{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center}.nest-card__art img{height:46px;width:auto}.nest-card.is-ready .nest-card__art img{animation:hatch-wobble 2.4s ease-in-out infinite;transform-origin:50% 90%}.nest-card__text{display:flex;flex-direction:column;gap:1px;font-size:13px;font-weight:700}.nest-card__text b{font-family:var(--display);font-weight:600;font-size:16px}@media(max-width:899px){.incubation{min-height:100dvh}.incubation__body,.incubation__side{flex:1 1 auto}.egg-stage{height:220px}.egg-stage__glow{width:240px;height:240px}.egg-stage__nest{bottom:18px}.egg-stage__egg{height:44%!important}.incubation__count{font-size:36px}.incubation__sub{font-size:13px}.incubation__line,.forming .panel__head,.meter__source,.care__note{display:none}.incubation__side{padding:12px 16px 18px;gap:10px}.forming{gap:9px;padding:12px 16px}.meter{gap:4px}.meter__value{font-size:15px}.care{margin-top:auto;background:none;border:0;padding:0;gap:8px}.care .panel__head{justify-content:center;gap:4px}.care .panel__head h2{font-size:15px;font-family:var(--body);font-weight:800}.care .panel__head h2:after{content:" ·"}.care__left{font-size:15px}}@media(min-width:900px){.incubation__sub-line{display:none}}@media(min-width:900px){.eggs{max-width:1180px;width:100%;margin:0 auto}.choose__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px var(--gutter)}.choose__art{height:170px}.choose__art img{height:150px}.incubation__body{flex-direction:row;gap:24px;padding:24px var(--gutter) 32px;align-items:stretch}.incubation__egg{flex:1 1 56%;justify-content:center;padding:24px;border-radius:32px;background:var(--cloud);border:1px solid var(--line);gap:10px;background-image:radial-gradient(ellipse 70% 60% at 50% 42%,#FFF6E6,var(--cloud) 70%)}.egg-stage{height:440px;width:100%;margin:0 0 12px}.egg-stage__glow{width:420px;height:420px}.egg-stage__egg{max-height:230px}.incubation__count{font-size:60px}.incubation__sub{font-size:16px}.incubation__line{font-size:22px}.incubation__side{flex:1 1 44%;padding:0;gap:16px}.incubation__side .care{margin-top:auto}.care__icon{width:84px;height:84px}.hatch{flex-direction:row;align-items:center;justify-content:center;gap:clamp(24px,4vw,48px);padding:clamp(24px,4vw,48px);overflow:hidden}.hatch__stage{flex:0 1 560px;min-width:0;height:min(600px,80vh);border-radius:32px;border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.hatch__stage:after{display:none}.hatch__glow{width:min(520px,44vw);height:min(520px,44vw)}.hatch__shell{width:60px;height:34px}.hatch__shell--l{left:calc(50% - 170px)}.hatch__shell--r{right:calc(50% - 160px);width:48px;height:30px}.hatch__card{flex:0 1 480px;min-width:0;margin:0;padding:32px;gap:18px}.hatch__card h1{font-size:clamp(30px,3vw,40px)}.hatch__name input{height:56px;font-size:24px}.hatch__traits{grid-template-columns:130px minmax(0,1fr);font-size:15px}.hatch__go{min-height:60px;font-size:22px}}@media(prefers-reduced-motion:reduce){.egg-stage__glow,.egg-stage__egg.is-ready,.nest-call__art img,.nest-card.is-ready .nest-card__art img,.hatch__card,.hatch__egg,.hatch.is-sequence .hatch__baby{animation:none}}button.dcard{text-align:left;font:inherit;color:inherit;cursor:pointer}button.dcard:hover{border-color:var(--ink-dim)}.bar{display:block;height:8px;border-radius:999px;background:var(--track);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--el, var(--ember))}.dragon{padding-bottom:28px}.dragon__layout{display:flex;flex-direction:column;gap:12px;padding:12px var(--gutter) 0}.dragon__hero{position:relative;height:min(62svh,520px);min-height:380px;border-radius:28px;overflow:hidden;border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink),0 0 0 6px var(--el, var(--ember)) inset}.dragon__hero .scene{position:absolute;top:0;right:0;bottom:0;left:0}.dragon__id{position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:none;padding:56px 20px 18px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(to top,#fffcf6f0 30%,#fffcf600)}.dragon__id h1{font-size:38px;font-weight:700;line-height:1;text-shadow:0 2px 0 #fff}.dragon__chips{display:flex;flex-wrap:wrap;gap:6px}.dragon__info{display:flex;flex-direction:column;gap:12px;min-width:0}.dragon__kit h2{font-size:22px;margin:6px 4px 10px}.stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.stages li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 12px;align-items:center}.stages__dot{grid-row:span 2;width:28px;height:28px;border-radius:50%;border:2px solid var(--ink);background:var(--cloud);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:13px}.stages li.is-done .stages__dot{background:var(--ember)}.stages__name{font-family:var(--display);font-weight:600;font-size:16px;color:var(--ink-dim)}.stages li.is-done .stages__name{color:var(--ink)}.stages__unlock{font-size:12px;color:var(--ink-dim)}.evolve{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.evolve__text{display:flex;flex-direction:column;gap:2px}.evolve__text b{font-family:var(--display);font-weight:600;font-size:18px}.evolve__price{font-family:var(--mono);font-weight:600;font-size:17px}.evolve__progress{flex:1 1 180px;display:flex;flex-direction:column;gap:5px;min-width:0}.evolve .btn{min-height:50px;font-size:17px;padding:0 22px}.kitcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kitcard{padding:8px 10px 10px;border-radius:16px;background:var(--cloud);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.kitcard__art{height:88px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.kitcard__art img{width:100%;height:100%;object-fit:cover}.kitcard__top{display:flex;justify-content:space-between;align-items:center}.kitcard__name{font-family:var(--display);font-weight:600;font-size:16px}.kitcard__text{font-size:12px;line-height:1.3}.kitcard__carry{font-size:11px;font-weight:700;color:var(--ink-dim)}.evolve-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#f6f1e7f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.evolve-reveal__stage{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.evolve-reveal__stage img{position:absolute;width:240px;height:240px;object-fit:contain;transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.evolve-reveal__old{animation:hatch-shake .5s linear .3s 2}.evolve-reveal__old.is-gone{opacity:0;transform:scale(1.15)}.evolve-reveal__new{opacity:0;transform:scale(.6)}.evolve-reveal__new.is-in{opacity:1;transform:scale(1)}.evolve-reveal__flash{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff8ec,#ffc478e6 30%,#ff8a3d00 68%);animation:hatch-flash .7s ease-out 1.15s forwards}.evolve-reveal__card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:hatch-card .4s ease-out both}.evolve-reveal__card h2{font-size:28px}.evolve-reveal__card p{margin:0 0 6px;font-weight:600}.hearts{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-weight:800;font-size:14px;border:2px solid var(--line)}.breed__body{display:flex;flex-direction:column;gap:12px;padding:12px var(--gutter) 28px}.breed__main,.breed__side{display:flex;flex-direction:column;gap:12px;min-width:0}.breed__shrine{position:relative;height:300px;border-radius:28px;overflow:hidden;border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.breed__shrine .scene{position:absolute;top:0;right:0;bottom:0;left:0}.shrine__pick{all:unset;box-sizing:border-box;cursor:pointer;margin-bottom:4px;min-width:88px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent;font-family:var(--display);font-weight:600;font-size:14px;color:var(--ink);white-space:nowrap}.shrine__pick span{width:48px;height:48px;border-radius:50%;border:2px solid var(--ink);background:var(--cloud);box-shadow:0 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;color:var(--ink);transition:transform .15s var(--ease);animation:pick-glow 2.4s ease-in-out infinite}.shrine__pick b{font-weight:600;padding:2px 10px;border-radius:999px;background:#fffcf6f0;border:2px solid var(--ink)}.shrine__pick:hover span{transform:translateY(-2px)}.shrine__pick:active span{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.shrine__pick:focus-visible span{outline:3px solid var(--ember);outline-offset:3px}@keyframes pick-glow{0%,to{box-shadow:0 3px 0 var(--ink),0 0 #ff8a3d00}50%{box-shadow:0 3px 0 var(--ink),0 0 0 8px #ff8a3d59}}.shrine__egg{display:block;width:auto;object-fit:contain;transform-origin:50% 90%;margin-bottom:-4px;filter:drop-shadow(0 6px 8px rgba(42,36,48,.3));animation:hatch-wobble 2.4s ease-in-out infinite}.shrine__nest .live-dragon{margin-bottom:-2px}.shrine__tags{position:absolute;z-index:4;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;pointer-events:none}.shrine__tags>:last-child{justify-self:end}.shrine-tag{pointer-events:auto;justify-self:start;max-width:100%;min-height:48px;padding:6px 12px;border-radius:16px;border:2px solid var(--ink);background:#fffcf6f0;color:var(--ink);box-shadow:0 3px 0 var(--ink);display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:left;cursor:pointer;transition:transform .15s var(--ease)}.shrine-tag:hover{transform:translateY(-2px)}.shrine-tag:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.shrine-tag__row{display:flex;align-items:center;gap:6px;min-width:0}.shrine-tag__name{font-family:var(--display);font-weight:600;font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shrine-tag .chip{flex:0 0 auto}.shrine-tag .parent__breeds{width:48px;flex:0 0 48px}.shrine-tag__change{display:inline-flex;color:var(--ink-dim);margin-left:auto;padding-left:4px}.shrine-tag__label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.shrine-tag.is-empty{border-style:dashed;box-shadow:none}.parent__breeds{display:flex;gap:3px}.parent__breeds span{flex:1 1 0;height:5px;border-radius:999px;background:var(--track)}.parent__breeds span.is-on{background:var(--ink)}@media(max-width:420px){.shrine-tag{padding:5px 9px}.shrine-tag__name{font-size:15px}}.breed__ask{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:6px 0}.breed__ask-egg{width:72px;height:88px;object-fit:contain;animation:hatch-wobble 2.4s ease-in-out infinite;transform-origin:50% 90%}.breed__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.breed__actions .btn{min-height:48px;font-size:16px;padding:0 12px}.breed__hint{margin:0;text-align:center}.breed__msg{margin:0;padding:8px 12px;border-radius:12px;background:var(--sky);font-weight:700;font-size:13px;text-align:center}.reading{position:relative;padding:12px;border-radius:18px;border:2px solid var(--ink);background:var(--cloud);display:flex;flex-direction:column;gap:10px}.reading.is-flip{animation:reading-flip .55s ease-out both}.reading.is-rare{border-color:var(--gold);box-shadow:inset 0 0 0 3px var(--cloud),inset 0 0 0 4px #f7c9488c}.reading__banner{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 12px;border-radius:999px;background:var(--gold);border:2px solid var(--ink);font-weight:800;font-size:12px;white-space:nowrap}.reading__top{display:flex;align-items:center;gap:12px}.reading__egg{width:64px;height:72px;flex:0 0 64px;border-radius:14px;display:flex;align-items:center;justify-content:center}.reading__egg img{height:60px;width:auto}.reading__egg.has-look{width:96px;height:96px;flex-basis:96px}.reading__egg.has-look img{height:92px}.reading__id{display:flex;flex-direction:column;gap:4px;min-width:0}.reading__id b{font-family:var(--display);font-weight:600;font-size:19px}.reading__chips{display:flex;flex-wrap:wrap;gap:4px}.reading__slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.reading__slots li{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:var(--sky)}.reading__slots li.is-mut{background:#f7c94840}.reading__slots .part{justify-self:start}.reading__move{display:flex;flex-direction:column;min-width:0;line-height:1.2}.reading__move b{font-size:14px}.reading__seed{font-size:11px;color:var(--ink-dim);font-weight:700}.reading__seed code{font-family:var(--mono)}.slot-lock{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid var(--line);background:var(--cloud);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.slot-lock:hover{border-color:var(--ink-dim)}.slot-lock.is-on{background:var(--ember);border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.shelf-item{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.shelf-item .reading{border-width:1px}.shelf-item__foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.shelf-item__breed{display:flex;flex-direction:column;gap:6px}.shelf-item__breed .btn{min-height:48px;font-size:17px}.odds{display:block}.odds[open]>*+*{margin-top:12px}.odds summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-family:var(--display);font-size:17px}.odds summary{list-style:none;justify-content:space-between}.odds summary::-webkit-details-marker{display:none}.odds summary:after{content:"+";font-family:var(--f-display);font-size:26px;line-height:1;transition:transform .3s var(--ease)}.odds[open] summary:after{transform:rotate(45deg)}.odds__table{width:100%;border-collapse:collapse;font-size:13px}.odds__table td{padding:4px 0;border-bottom:1px solid var(--line)}.odds__table td+td{text-align:right;font-family:var(--mono);font-weight:600}.picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#2b234273;display:flex;align-items:flex-end;justify-content:center}.picker__sheet{width:100%;max-width:520px;max-height:80vh;overflow-y:auto;background:var(--cloud);border-radius:24px 24px 0 0;padding:16px;display:flex;flex-direction:column;gap:10px}.picker__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.picker__item{width:100%;display:flex;align-items:center;gap:12px;padding:6px;border-radius:var(--r);border:1px solid var(--line);background:var(--cloud);color:var(--ink);text-align:left}.picker__item:not(:disabled):hover{border-color:var(--ink);box-shadow:var(--lift-sm)}.picker__item:disabled{opacity:.5}.picker__art{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.picker__art img{width:52px;height:52px;object-fit:contain}.picker__text{display:flex;flex-direction:column;gap:2px}.picker__text b{font-family:var(--display);font-weight:600;font-size:17px}@keyframes reading-flip{0%{opacity:0;transform:perspective(800px) rotateY(80deg)}to{opacity:1;transform:none}}@media(min-width:900px){.dragon{max-width:var(--max);width:100%;margin:0 auto}.dragon__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start;padding-top:20px}.dragon__hero{position:sticky;top:100px;height:min(660px,calc(100dvh - 124px));min-height:460px;border-radius:32px}.dragon__id{padding:48px 28px 26px}.dragon__id h1{font-size:clamp(40px,4vw,56px)}.stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.kitcard__art{height:110px}.breed{max-width:var(--max);width:100%;margin:0 auto}.breed__body{flex-direction:row;align-items:flex-start;gap:24px;padding:20px var(--gutter) 32px}.breed__main{flex:1.15 1 0}.breed__side{flex:1 1 0}.breed__shrine{height:min(440px,calc(100dvh - 300px));min-height:380px;border-radius:32px}.shrine__tags{left:16px;right:16px;bottom:14px}.shrine-tag{padding:8px 14px}.shrine-tag__name{font-size:18px}.picker{align-items:center}.picker__sheet{border-radius:24px}}@media(prefers-reduced-motion:reduce){.reading.is-flip,.breed__ask-egg,.shrine__egg,.shrine__pick span,.evolve-reveal__old,.evolve-reveal__card{animation:none}}.ancestry{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--sky);border-left:4px solid var(--el, var(--line))}.ancestry__text{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}.ancestry__trait{font-size:13px}.ancestry__trait b{font-family:var(--display);font-weight:600;font-size:15px}.minitree{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}.minitree__row{display:flex;gap:3px}.minitree i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.minitree__row:nth-child(2) i{width:7px;height:7px}.minitree__row:nth-child(3) i{width:5px;height:5px;border-width:.5px}.minitree i.is-unknown{background:transparent;border:1px dashed var(--ink-dim);opacity:.5}.ancestry-panel__trait{margin:0;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:var(--sky);border-left:4px solid var(--el, var(--line))}.ancestry-panel__trait b{font-family:var(--display);font-weight:600;font-size:20px}.ancestry-panel__trait span{font-size:14px;color:var(--ink-dim)}.famtree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.famtree__col{display:grid;grid-template-rows:auto repeat(8,minmax(24px,auto));gap:4px}.famtree__label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.famtree__node{display:flex;align-items:center;gap:6px;padding:4px 6px;min-width:0;border-radius:10px;background:var(--sky);border:1px solid var(--line);border-left:3px solid var(--el, var(--line));font-size:12px}.famtree__node.is-unknown{justify-content:center;color:var(--ink-dim);border-style:dashed;background:transparent}.famtree__node.is-rare{box-shadow:inset 0 0 0 1px var(--el)}.famtree__dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.famtree__who{display:flex;flex-direction:column;min-width:0;line-height:1.15}.famtree__who b,.famtree__who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.famtree__who span{font-size:10px;color:var(--ink-dim)}@media(max-width:520px){.famtree__col:last-child .famtree__who span{display:none}.famtree__node{padding:3px 4px;gap:4px}}.scene{position:relative;overflow:hidden;container-type:size;isolation:isolate;background:var(--sky, #F6F1E7);--fx: .5;--fy: .6}.scene__world{--ar: 1.7917;--W: max(100cqw, calc(100cqh * var(--ar)));--H: calc(var(--W) / var(--ar));position:absolute;width:var(--W);height:var(--H);left:clamp(calc(100cqw - var(--W)),calc(var(--cx, 50) * 1cqw - var(--fx) * var(--W)),0px);top:clamp(calc(100cqh - var(--H)),calc(var(--cy, 58) * 1cqh - var(--fy) * var(--H)),0px);background-size:100% 100%;background-repeat:no-repeat;animation:scene-breathe 18s ease-in-out infinite alternate;z-index:0}@keyframes scene-breathe{0%{transform:scale(1)}to{transform:scale(1.025)}}.scene .rig-layer{z-index:2}.scene__spot{position:absolute;translate:-50% -100%;z-index:1;display:grid;justify-items:center}.scene__cloud{position:absolute;z-index:3;pointer-events:none;height:60px;width:260px;border-radius:999px;background:#fffcf48c;filter:blur(10px)}.scene__cloud--a{top:14%;left:-280px;animation:cloud-drift 46s linear infinite}.scene__cloud--b{top:32%;left:-280px;width:180px;height:44px;opacity:.7;animation:cloud-drift 64s linear -22s infinite}@keyframes cloud-drift{to{transform:translate(calc(100cqw + 560px))}}.scene__motes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.75;background-image:radial-gradient(circle,rgba(255,214,140,.9) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.8) 0 1.5px,transparent 2.5px),radial-gradient(circle,rgba(255,190,120,.7) 0 1.5px,transparent 2.5px);background-size:210px 260px,160px 200px,290px 230px;background-position:0 0,60px 90px,130px 40px;animation:motes-rise 24s linear infinite}@keyframes motes-rise{to{background-position:0 -260px,60px -110px,130px -190px}}.scene--void .scene__cloud,.scene--shrine .scene__cloud{background:#c8beff47}.scene--hatchery .scene__cloud{display:none}.live-dragon{all:unset;position:relative;display:grid;justify-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.live-dragon:focus-visible{outline:3px solid var(--ember);outline-offset:4px;border-radius:20px}.live-dragon__shadow{position:absolute;bottom:-6px;left:50%;width:64%;height:22px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(42,36,48,.32),transparent);z-index:-1}.live-dragon .puppet{position:relative}@media(prefers-reduced-motion:reduce){.scene__world,.scene__cloud,.scene__motes{animation:none}.scene__cloud{display:none}}html.embed,html.embed body,html.embed #root{background:transparent!important;min-height:0;overflow:hidden}.embed-dragon{all:unset;cursor:pointer;display:grid;place-items:end center;width:100vw;height:100vh}.embed-dragon:focus-visible{outline:3px solid var(--ember);outline-offset:-6px;border-radius:24px}.toy{display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-areas:"a baby b";align-items:end;gap:16px;padding:8px 12px 14px;height:100vh;box-sizing:border-box;font-family:var(--f-body);color:var(--ink)}@media(max-width:639px){.toy{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "baby baby";align-items:start;gap:10px;height:auto}}.toy-parent{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.toy-stage{display:grid;place-items:end center;width:100%}.toy-name{margin:0;font-family:var(--f-display);font-weight:600;font-size:18px;text-align:center}.toy-name span{display:block;font-family:var(--f-body);font-weight:700;font-size:12px;color:var(--ink-dim)}.toy-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.toy-chip{min-height:34px;padding:0 12px;border-radius:999px;border:2px solid var(--el);background:#ffffffd9;font:800 12px/1 var(--f-body);color:var(--ink);cursor:pointer;transition:transform .15s ease,background .15s ease}.toy-chip:hover{transform:translateY(-2px)}.toy-chip.is-on{background:var(--el);color:#fff;text-shadow:0 1px 0 rgba(42,36,48,.35)}.toy-baby{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;animation:toy-pop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes toy-pop{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:none}}.toy-parts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.toy-parts li{display:flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffffe6;border:2px solid var(--el);font-size:13px;font-weight:800}.toy-parts b{font-family:var(--f-display);font-weight:600}.toy-parts em{font-style:normal;font-weight:600;font-size:12px;color:var(--ink-dim)}.toy-again{min-height:48px;padding:0 22px;border-radius:999px;border:2px solid var(--ink);background:var(--ember);color:var(--ink);font:600 17px/1 var(--f-display);box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.toy-again:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink),0 0 24px #ff8a3d73}.toy-again:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}@media(max-width:639px){.toy-name{font-size:15px}.toy-chip{min-height:32px;padding:0 9px;font-size:11px}}.toy--shrine{display:block;position:relative;padding:0}.toy--shrine .toy-parent,.toy--shrine .toy-baby{position:absolute;translate:-50% 0;width:auto}.toy--shrine .toy-parent{gap:4px}.toy--shrine .toy-name{padding:4px 14px;border-radius:999px;background:#fffcf6e6;border:2px solid var(--ink);font-size:16px}.toy--shrine .toy-name span{display:inline;margin-left:6px}.toy--shrine .toy-picker{max-width:250px}.toy--shrine .toy-baby{animation:toy-pop-shrine .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes toy-pop-shrine{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:none}}.toy-foot{position:absolute;left:50%;bottom:16px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(520px,46%)}.toy-parts li.toy-trait b{color:var(--el)}.battle.is-demo{position:relative}.demo-pill{position:absolute;left:50%;top:64px;translate:-50% 0;z-index:60;margin:0;pointer-events:none;padding:6px 14px;border-radius:999px;background:#2a2430d1;color:#fff6e8;border:2px solid rgba(255,255,255,.85);font:700 13px/1.2 var(--body, sans-serif);white-space:nowrap}.demo-pill.is-you{background:var(--ember, #FF8A3D);color:#2a2430;border-color:#2a2430}@media(max-width:600px){.demo-pill{font-size:11px;white-space:normal;text-align:center;width:max-content;max-width:80%}}.demo-small .battle.is-demo .played{transform:translate(-50%) scale(.72);transform-origin:50% 0}@media(min-aspect-ratio:5/4){.demo-small .battle.is-demo .hud-bottom{transform:translate(-50%) scale(.76);transform-origin:50% 100%;width:min(1100px,calc((100% - 24px) / .76));bottom:8px}.demo-small .battle.is-demo .hand--empty{min-height:96px}.demo-pill{left:12px;top:64px;translate:none;transition:opacity .2s ease}.battle.is-demo:has(.played) .demo-pill{opacity:0}}@media not (min-aspect-ratio:5/4){.demo-small .battle.is-demo.is-demo{--hud-h: 206px}.demo-small .battle.is-demo .hud-bottom>*{zoom:.8}.demo-small .battle.is-demo .hud-row{flex:1 1 auto}.demo-pill{top:auto;bottom:calc(var(--hud-h) + 8px)}}