@font-face{font-family:Cinzel;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/cinzel-latin.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alegreya-sans-400-latin.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/alegreya-sans-500-latin.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/alegreya-sans-700-latin.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/alegreya-sans-400-italic-latin.woff2)format("woff2")}:root{--metal-shine:#f3dc9c;--metal-gold:#c69a52;--metal-bronze:#a27a42;--metal-shadow:#4a341c;--bg:#151217;--metal:var(--metal-bronze);--text:#e8dcc4;--cream:#eddcb6;--text-dim:#a89a82;--gold:#e8c374;--purple:#b796e6;--warning:#ff8a6a;--heal:#a6f08f;--caption:#b8955a;--link:#d9b468;--cost-text:#fff;--off-text:#8e8470;--hexagon:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--title-font:"Cinzel", Georgia, serif;--text-font:"Alegreya Sans", system-ui, sans-serif;--background:url(/ui/background.webp);--frame-wide:url(/ui/frame-01.webp);--frame-tall:url(/ui/frame-02.webp);--bar-top:url(/ui/bar-top.webp);--bar-top-end:calc(113px / 3);--divider:url(/ui/divider.webp);--button-normal:url(/ui/button-02.webp);--button-primary:url(/ui/button-06.webp);--button-danger:url(/ui/button-03.webp);--button-normal-long:url(/ui/button-02-long.webp);--button-primary-long:url(/ui/button-06-long.webp);--button-danger-long:url(/ui/button-03-long.webp);--hex-button:url(/ui/hex-button.webp);--close-button:url(/ui/circle-button-red.webp);--circle-button:url(/ui/circle-button.webp);--portrait-frame:url(/ui/portrait-frame.webp);--track:url(/ui/track.webp);--track-gold:url(/ui/track-fill-gold.webp);--track-purple:url(/ui/track-fill-purple.webp);--switch-off:url(/ui/switch-off.webp);--switch-on:url(/ui/switch-on.webp);--switch-knob:url(/ui/switch-knob.webp);--panel-fill:linear-gradient(180deg, #7896d20f, #00000038), var(--background) center / cover;--panel-shadow:0 12px 30px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--panel-fill);background-color:var(--bg);height:100%;color:var(--text);font-family:var(--text-font);overscroll-behavior:none;margin:0;font-size:17px}#app{position:fixed;inset:0;overflow:hidden}h1,h2,h3{font-family:var(--title-font);letter-spacing:.03em;font-weight:600}.stage{touch-action:none;width:100%;height:100%;display:block}h1,h2,h3,.banner,.confirm-dialog p{color:var(--cream);text-shadow:0 2px 3px #000000d9}.separator{background:var(--divider) center / contain no-repeat;height:20px}.gem{color:#fff;background:50%/contain no-repeat;flex:none;place-items:center;width:26px;height:22px;display:inline-grid}.gem svg{width:12px;height:12px}@property --v{syntax:"<length-percentage>";inherits:false;initial-value:0%}.meter{--fill:var(--track-gold);isolation:isolate;height:22px;display:block;position:relative}.meter:after,.meter>i,.meter>i>b{border:0 solid #0000;border-width:0 11px;position:absolute;inset:0}.meter:after{content:"";border-image:var(--track) 0 40 fill / 0 11px stretch;pointer-events:none}.meter>i{border-width:0;display:block}.meter>i>b{border-image:var(--fill) 0 40 fill / 0 11px stretch;clip-path:inset(0 calc(100% - var(--v)) 0 0)}.panel,.notice p,.top-bar,.unit-card,.confirm-dialog,.toast{isolation:isolate;background:var(--panel-fill);box-shadow:var(--panel-shadow);border:0}:is(.unit-card,.toast,.notice p,.deploy,.hover-card,.rotate-notice p):after,.confirm-dialog:after{content:"";z-index:2;pointer-events:none;border-style:solid;border-color:#0000;position:absolute}:is(.unit-card,.toast,.notice p,.deploy,.hover-card,.rotate-notice p):after{border-width:25px 100px 23px;border-image:var(--frame-wide) 50 200 46 stretch;inset:-4px}.confirm-dialog:after{border-width:36px;border-image:var(--frame-tall) 72 stretch;inset:-7px}:is(.buy,.sheet-dialog,.result,.log){border:16px solid #0000;border-image:var(--frame-tall) 72 / 36px / 7px stretch;background-origin:border-box;background-clip:border-box}.log{border-width:12px;border-image:var(--frame-wide) 50 200 46 / 25px 100px 23px / 4px stretch}:is(.unit-card,.toast){border:12px solid #0000;border-image:var(--frame-wide) 50 200 46 / 25px 100px 23px / 4px stretch;background-origin:border-box;background-clip:border-box}:is(.unit-card,.toast):after{display:none}.notice p{position:relative}.top-bar:after{content:"";z-index:3;border-style:solid;border-color:#0000;border-width:0 var(--bar-top-end);border-image:var(--bar-top) 0 113 fill / 0 var(--bar-top-end) repeat;pointer-events:none;height:22px;position:absolute;bottom:-11px;left:-4px;right:-4px}#app button{--face:var(--button-normal);white-space:nowrap;--slice:72;--shadow:drop-shadow(0 3px 4px #0009);isolation:isolate;min-height:46px;color:var(--cream);font:600 17px var(--text-font);text-shadow:0 2px 3px #000000d9;filter:var(--shadow);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:0 36px;position:relative}#app button:before{content:"";z-index:-1;border:0 solid #0000;border-width:0 24px;border-image:var(--face) 0 var(--slice) fill / 0 24px / 0 stretch;pointer-events:none;position:absolute;inset:0}#app button:hover{filter:brightness(1.1) var(--shadow)}#app button:active{filter:brightness(.9) var(--shadow);transform:translateY(1px)}#app button.primary{--face:var(--button-primary);font-family:var(--title-font);letter-spacing:.05em;font-weight:700}#app button.danger{--face:var(--button-danger)}#app button[aria-pressed=true]{--face:var(--button-primary)}#app :is(.home__buttons,.menu)>button{--slice:80;--face:var(--button-normal-long)}#app :is(.home__buttons,.menu)>button.primary,#app :is(.home__buttons,.menu)>button[aria-pressed=true]{--face:var(--button-primary-long)}#app :is(.home__buttons,.menu)>button.danger{--face:var(--button-danger-long)}#app button:is(:disabled,[aria-disabled=true]){--face:var(--button-normal);color:var(--off-text);font-family:var(--text-font);letter-spacing:normal;text-shadow:none;filter:var(--shadow);cursor:default;font-weight:600;transform:none}#app :is(.home__buttons,.menu)>button:is(:disabled,[aria-disabled=true]){--face:var(--button-normal-long)}#app button:is(:disabled,[aria-disabled=true]):before{opacity:.5}#app button:focus-visible{outline:none}#app[data-input=keyboard] button:focus-visible{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream)) var(--shadow)}#app button.hex{flex:none;place-items:center;width:50px;height:44px;min-height:44px;padding:0;font:20px/1 system-ui,sans-serif;display:inline-grid}#app button.hex:before{background:var(--hex-button) center / 100% 100% no-repeat;border:0;border-image:}#app button.hex[aria-pressed=true]:before{border-style:solid;border-width:0 24px;border-image:var(--face) 0 var(--slice) fill / 0 24px / 0 stretch;background:0 0}#app button:is(.close-button,.circle-button){width:44px}#app button:is(.close-button,.circle-button):before{background:var(--close-button) center / contain no-repeat;inset:2px}#app button.circle-button:before{background-image:var(--circle-button)}#app button[hidden]{display:none}#app :is(.buy__picture,.deploy__unit,.unit-list__item){clip-path:none;text-shadow:none}#app :is(.buy__picture,.deploy__unit,.unit-list__item):focus-visible{outline:none}#app[data-input=keyboard] :is(.buy__picture,.deploy__unit,.unit-list__item):focus-visible{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream))}#app :is(.buy__picture,.deploy__unit,.unit-list__item):before,#app .unit-list__item:after{content:none}.notice{text-align:center;place-items:center;padding:24px;line-height:1.5;display:grid;position:absolute;inset:0}.notice[hidden]{display:none}.notice p{max-width:28em;padding:16px 20px}.camera-buttons{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));gap:2px;display:flex;position:absolute}@media (width<=899.98px){.camera-buttons{display:none}}.top-bar{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.top-bar__line{align-items:center;gap:12px;min-width:0;display:flex}.top-bar__side{font-family:var(--title-font);letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px #000,0 0 10px #d8b25a59;font-size:19px;font-weight:700}.top-bar__side[data-side=player]{color:var(--gold)}.top-bar__side[data-side=ai]{color:var(--purple)}.top-bar__turn{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:15px;overflow:hidden}.top-bar__heading{display:contents}@media (width<=899.98px){.top-bar__line{gap:8px}.top-bar__heading{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;max-height:44px;display:flex}.top-bar__side{line-height:1.15}.top-bar__turn{max-width:100%;font-size:13px;line-height:1.25}}.top-bar__tools{flex:none;gap:8px;margin-left:auto;display:flex}.top-bar__tools:empty{display:none}.top-bar__tools .log-opener{position:relative;bottom:auto;left:auto}.top-bar__tools .log-button__bubble{top:-6px;left:-6px;right:auto}.top-bar__turn--fog{color:#9fb3c8}.top-bar__versus{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}@media (width>=900px){.top-bar{flex-direction:row}.top-bar__line{flex:none}.top-bar__versus{gap:8px;font-size:19px;position:absolute}.top-bar__count{gap:4px}.top-bar__count svg{width:16px;height:16px}.top-bar__meter{height:30px}.top-bar__meter:after,.top-bar__meter>i>b{border-width:0 15px;border-image-width:0 15px}.top-bar__middle{width:33px;height:36px}}.top-bar__count{white-space:nowrap;align-items:center;gap:3px;display:flex}.top-bar__count svg{fill:currentColor;flex:none;width:13px;height:13px}.top-bar__count b{font-weight:inherit}.top-bar__count[data-side=player]{color:var(--gold)}.top-bar__count[data-side=ai]{color:var(--purple)}.top-bar__meter{flex:1}.top-bar__meter b{transition:--v .4s}.top-bar__meter[data-side=player]>i>b{clip-path:inset(0 0 0 calc(100% - var(--v)))}.top-bar__meter[data-side=ai]{--fill:var(--track-purple)}.top-bar__middle{background:url(/ui/thumb.webp) 50%/contain no-repeat;flex:none;width:24px;height:26px}.hint{top:calc(var(--top-bar-height,82px) + 11px + 10px);border-block:1px solid;border-image:linear-gradient(90deg, transparent, var(--metal-bronze) 20%, var(--metal-shine) 50%, var(--metal-bronze) 80%, transparent) 1;color:#f0e2c2;text-align:center;text-shadow:0 1px 3px #000,0 0 10px #000;pointer-events:none;background:linear-gradient(90deg,#0000,#0e0c0f99 20% 80%,#0000);margin:0;padding:5px 12px;font-weight:500;position:absolute;left:0;right:0}@media (width>=900px){.hint{width:fit-content;max-width:calc(100% - 48px);margin-inline:auto;padding-inline:72px}}@media (width>=1100px){.hint{max-width:calc(100% - 398px);right:350px}}.hint--result{font-family:var(--title-font);color:var(--gold);font-size:22px;font-weight:700}.unit-card{left:50%;bottom:max(10px, env(safe-area-inset-bottom));width:min(440px,100% - 24px);padding:6px 10px 8px;position:absolute;transform:translate(-50%)}.unit-card[hidden]{display:none}.unit-card[data-side=player]{--side:var(--gold)}.unit-card[data-side=ai]{--side:var(--purple)}.unit-card__head{grid-template-columns:66px minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid}.unit-card__face{grid-row:1/4;width:66px;height:66px}#app .unit-card__help{grid-area:2/3/4;align-self:start;margin-top:17px}#app .unit-card__close{grid-area:1/3;margin-block:-10px}.unit-card__body,.unit-card__foot{display:contents}.unit-card__face img+img,.unit-card__hp,.unit-card__boxes{display:none}.unit-card__title{display:contents}.unit-card h2{letter-spacing:.04em;white-space:nowrap;grid-area:1/2;margin:0;font-size:20px;font-weight:700}.unit-card__head+:not([hidden],:empty){border-top:2px solid;border-image:linear-gradient(90deg, transparent, var(--metal-bronze) 20%, var(--metal-shine) 50%, var(--metal-bronze) 80%, transparent) 1;margin-top:12px;padding-top:10px}.unit-card__stats,.unit-card__status{color:var(--text-dim)}.unit-card__stats{grid-area:2/2;font-size:15px}.unit-card__stats>span{white-space:nowrap}@media (width<=379.98px){.unit-card{padding-inline:6px}.unit-card__stats{font-size:14px}}.unit-card__status p{margin:4px 0 0}.unit-card__state{align-items:center;gap:8px;font-weight:600;display:flex}.unit-card__rest{text-align:left;background:linear-gradient(90deg,#22283ee0,#14182899);border:1px solid #aab0c847;border-radius:6px;align-items:center;gap:10px;margin:6px 0 2px;padding:6px 10px;display:flex}.unit-card__rest .gem{flex:none}.unit-card__rest strong,.unit-card__rest small{display:block}.unit-card__rest strong{color:var(--cream);font:600 15px var(--title-font);letter-spacing:.04em}.unit-card__rest small{color:var(--text-dim);font-size:14px;line-height:1.25}.unit-card__health{grid-area:3/2;max-width:220px;margin-top:5px}.unit-card[data-side=ai] .unit-card__health{--fill:var(--track-purple)}.unit-card__details p{margin:6px 0 0}.forecast{--tone:var(--gold);--tone-light:#f6dca0;text-align:left;background:linear-gradient(90deg,#00000061,#00000024);border-radius:8px;margin-top:6px;padding:5px 8px 5px 5px;box-shadow:inset 0 0 0 1px #a27a4247}.forecast[data-side=ai]{--tone:var(--purple);--tone-light:#d9c3ff}.forecast__seen{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid}.forecast__face{width:40px;height:40px;box-shadow:0 0 0 2px var(--tone), 0 0 0 3px #000;background:radial-gradient(circle at 50% 35%,#3c3542,#141116);border-radius:50%;position:relative;overflow:hidden}.forecast__face img{object-fit:cover;width:100%;height:100%;display:block}.forecast__middle{min-width:0}.forecast__name{color:var(--tone);justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;font-weight:700;line-height:1.15;display:flex}.forecast__name>span{min-width:0}.forecast__name em{background:var(--gold);color:#1d1406;vertical-align:1px;border-radius:6px;margin-left:6px;padding:0 5px;font-size:13px;font-style:normal;font-weight:700;line-height:1.3;display:inline-block}.forecast__name small{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:14px;font-weight:700}.forecast__name small b{color:var(--warning)}.forecast[data-kind=heal] .forecast__name small b{color:var(--heal)}.forecast__bar{background:#120f14;border-radius:5px;height:9px;margin-top:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000,0 0 0 1px #a27a4280}.forecast__bar i,.forecast__bar u{position:absolute;top:0;bottom:0}.forecast__bar i{width:var(--kept);background:linear-gradient(180deg, var(--tone-light), var(--tone));left:0}.forecast__bar u{left:var(--kept);width:var(--change);background:repeating-linear-gradient(-45deg,#ff6a4a 0 4px,#b3261e 4px 8px);animation:1s ease-in-out infinite alternate forecast-blink}.forecast[data-kind=heal] .forecast__bar u{background:repeating-linear-gradient(-45deg,#a6f08f 0 4px,#3f9a3a 4px 8px);animation:none}@keyframes forecast-blink{to{opacity:.35}}#app[data-reduce-motion=true] .forecast__bar u{animation:none}.forecast__chance{flex-direction:column;align-items:center;min-width:54px;line-height:1;display:flex}.forecast__chance b{color:var(--cream);font-family:var(--title-font);font-size:22px;font-weight:700}.forecast__chance b span{font-size:.8em}.forecast__chance small{color:var(--text-dim);margin-top:3px;font-size:13px;font-weight:500}.forecast__mods{flex-wrap:wrap;gap:4px;margin:5px 0 0 50px;display:flex}.forecast__mods span{white-space:nowrap;border-radius:9px;padding:1px 7px;font-size:13px;font-weight:600}.forecast__mods .up{color:var(--heal);background:#50a0462e;box-shadow:inset 0 0 0 1px #78c86e66}.forecast__mods .down{color:#ffb4a0;background:#be46322e;box-shadow:inset 0 0 0 1px #e66e5a66}@media (width<=899.98px){.unit-card__details[data-hits=many]{overscroll-behavior:contain;overflow-y:auto}.unit-card__details.scroll-fade[data-fade=bottom]{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.unit-card__details.scroll-fade[data-fade=both]{-webkit-mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000)}}.unit-card__note{color:var(--text-dim);font-size:15px}.unit-card__warning{color:var(--warning)}.unit-card__facing{justify-content:center;gap:clamp(0px,20% - 60px,6px);margin-top:10px;display:flex}.unit-card__facing[hidden]{display:none}.unit-card__facing span{width:20px;height:20px;transform:rotate(var(--angle,0deg));display:block}.unit-card__facing svg{display:block}.unit-card__actions{gap:6px;margin-top:10px;display:flex}.unit-card__actions:empty{display:none}#app .unit-card__actions button{flex:1 1 0;min-width:0;padding-inline:28px}.unit-card__actions--wrap{flex-wrap:wrap}#app .unit-card__actions--wrap button{flex-basis:auto}#app .unit-card__actions button:only-child{--slice:80;--face:var(--button-normal-long)}#app .unit-card__actions button.primary:only-child{--face:var(--button-primary-long)}.confirm-dialog{width:min(380px,100% - 32px);color:var(--text);font-family:var(--text-font);padding:28px 24px 26px;font-size:17px;overflow:visible}.confirm-dialog::backdrop{background:#0000008c}.confirm-dialog p{text-align:center;margin:0;font-size:18px;font-weight:700;line-height:1.4}.confirm-dialog__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}#app:not([data-screen=battle]) :is(.top-bar,.hint,.unit-card,.log-opener,.log){display:none}#app:is([data-screen=buy],[data-screen=deploy]) .top-bar{visibility:hidden;box-shadow:none;pointer-events:none;background:0 0;display:flex}#app:is([data-screen=buy],[data-screen=deploy]) .top-bar:after{display:none}#app:is([data-screen=buy],[data-screen=deploy]) .top-bar__menu,#app[data-screen=deploy] .top-bar__tools [data-camera=center]{visibility:visible;pointer-events:auto}#app:not([data-screen=battle],[data-screen=deploy]) .camera-buttons{display:none}.home{padding:max(56px, env(safe-area-inset-top)) 14px max(32px, env(safe-area-inset-bottom));pointer-events:none;background:radial-gradient(120% 75% at 50% 48%,#0000 45%,#050407c7 100%),linear-gradient(#0605088c,#0000 22% 58%,#060507e6 80%,#060507);flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.home:before{content:"";mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(42% 26% at 50% 52%,#ffc478d9,#ffaa5a40 55%,#0000 75%),radial-gradient(70% 30% at 50% 0,#96b4ff73,#0000 70%);position:absolute;inset:0}@media (width<=899.98px){.home:before{background:radial-gradient(70% 30% at 50% 0,#96b4ff73,#0000 70%)}}.home__title:before{content:"";z-index:-1;aspect-ratio:1.6;pointer-events:none;background:radial-gradient(closest-side,#966ee661,#5a3ca01f 60%,#0000);width:120%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.home__buttons:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#060508d9,#0605088c 60%,#0000);position:absolute;inset:-26px -30px -18px}.home[hidden]{display:none}.home__title{isolation:isolate;flex:0 auto;justify-content:center;min-height:0;margin:0;display:flex;position:relative}.home__logo{object-fit:contain;filter:drop-shadow(0 10px 22px #000c);width:min(362px,100%);height:auto;max-height:100%;display:block}.home__buttons{isolation:isolate;pointer-events:auto;flex-direction:column;flex:none;gap:12px;width:min(322px,100%);display:flex;position:relative}.home__more{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=900px){.home__logo{width:480px}}.rotate-notice{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-notice{z-index:100;background:var(--bg);font-family:var(--title-font);text-align:center;place-items:center;padding:24px;font-size:20px;display:grid;position:absolute;inset:0}.rotate-notice p{max-width:28em;margin:0;padding:20px 28px;position:relative}dialog[open],dialog[open]::backdrop{visibility:hidden}}#app[data-screen=buy] .stage{height:45%}.buy{flex-direction:column;height:55%;display:flex;position:absolute;bottom:0;left:0;right:0}.buy[hidden]{display:none}.scroll-fade[data-fade=bottom]{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.scroll-fade[data-fade=top]{-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}.scroll-fade[data-fade=both]{-webkit-mask-image:linear-gradient(#0000,#000 40px calc(100% - 56px),#0000);mask-image:linear-gradient(#0000,#000 40px calc(100% - 56px),#0000)}.scroll-more{pointer-events:none;height:0;position:relative}.scroll-more[hidden]{display:none}.scroll-more span{color:var(--metal-bronze);text-shadow:0 1px 3px #000000e6;font-size:14px;line-height:1;animation:1.4s ease-in-out infinite nudge;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}#app[data-reduce-motion=true] .scroll-more span{animation:none}.scroll-more--up span{animation-name:nudge-up;top:4px;bottom:auto}@keyframes nudge-up{50%{transform:translate(-50%,-4px)}}@keyframes nudge{50%{transform:translate(-50%,4px)}}.buy__head{padding:6px 4px}.buy__head h2{letter-spacing:.05em;text-align:center;margin:0;font-size:23px;font-weight:700}.buy__head .separator{margin:4px 0 2px}.buy__head p{margin:2px 0 0}.buy__note{color:var(--text);text-align:center;font-weight:700}.buy__note[hidden]{display:none}.buy__totals{color:#cdbf9f;font-weight:500}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.buy__points-icon,.buy__count{transform-origin:50%}.buy__delta{z-index:5;color:#ffd76a;font:700 15px var(--text-font);text-shadow:0 1px 3px #000;pointer-events:none;position:absolute}.buy__advice{color:var(--text-dim);font-size:15px}.buy__advice[hidden]{display:none}.buy__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--metal-bronze) transparent;flex-direction:column;flex:1;gap:6px;margin:0;padding:6px 0;list-style:none;display:flex;overflow-y:auto}.buy__row{background:linear-gradient(90deg,#ffe6aa0f,#0003);border:1px solid #3d2e1c;flex:none;grid-template-columns:50px 1fr auto 50px 1.6em 50px;align-items:center;gap:8px;padding:5px 8px 5px 6px;display:grid}.buy__row--bought{background:linear-gradient(90deg,#d8b25a29,#0003);border-color:#8e6629}:is(.unit-card__face,.buy__picture,.deploy__unit,.hover-card__face,.result__faces span){flex:none;position:relative}#app :is(.buy__picture,.deploy__unit){min-height:0;padding:0}:is(.unit-card__face,.buy__picture,.deploy__unit,.hover-card__face,.result__faces span) img{object-fit:cover;background:radial-gradient(circle at 50% 35%,#3c3542,#141116);border-radius:50%;width:60%;height:56%;position:absolute;inset:23% 18% 21% 22%}.portrait--grey{filter:grayscale()brightness(.7)}.portrait--ash{filter:grayscale()sepia(.15)brightness(.4)contrast(.85)}#app :is(.buy__picture,.deploy__unit):after,:is(.unit-card__face,.hover-card__face,.result__faces span):after{content:"";background:var(--portrait-frame) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}#app .buy__picture{width:50px;height:50px}.buy__info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.buy__info strong{font-family:var(--title-font);letter-spacing:.03em;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.buy__role{color:var(--text-dim);font-size:13px}.buy__stats{white-space:nowrap}.number-icon{vertical-align:-.1em;fill:currentColor;width:.9em;height:.9em;margin-right:.15em;display:inline-block}.buy__points-icon,.sun-icon{vertical-align:-.15em;background:url(/ui/gem-sun-empty.webp) 50%/contain no-repeat;width:1.15em;height:1em;margin-right:.2em;display:inline-block}.buy__cost{width:33px;height:28px;color:var(--cost-text);font:700 14px var(--title-font);text-shadow:0 1px 2px #000000d9;padding-bottom:2px}.buy__cost--inline{vertical-align:middle;width:28px;height:24px;margin-right:.35em;padding-bottom:0;font-size:13px;position:relative;top:-1px}@media (width<=899.98px){.buy__row{grid-template-rows:auto auto;grid-template-columns:50px 1fr 50px 1.6em 50px;row-gap:0}.buy__row>.buy__cost{display:none}.buy__info{display:contents}.buy__picture{grid-row:1/3}.buy__info strong{grid-area:1/2/auto/-1}.buy__role{grid-area:2/2}.buy__row>.hex,.buy__count{grid-row:2}.buy__stats{display:block}.buy__dot{display:none}}@media (width<=379.98px){.buy__row{column-gap:4px}}@media (width>=900px){.buy__cost--inline{display:none}}.buy__count{color:#f0d79a;font:700 17px var(--title-font);text-align:center}.buy__row:not(.buy__row--bought) .buy__count{color:#6f6658}.buy__foot{padding:10px 2px max(6px, calc(env(safe-area-inset-bottom) - 4px));gap:8px;display:flex}#app .buy__foot button{flex:1}@media (width>=900px){#app[data-screen=buy] .stage{width:calc(100% - 460px);height:100%}.buy{width:460px;height:100%;top:0;left:auto}}#app[data-screen=deploy] .stage{height:calc(100% - var(--deploy-height))}#app{--deploy-height:244px}#app[data-screen=deploy] .camera-buttons{bottom:calc(var(--deploy-height) + 10px)}.deploy{height:var(--deploy-height);padding:18px 18px max(18px, calc(env(safe-area-inset-bottom) + 8px));flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.deploy[hidden]{display:none}.deploy__hint{text-align:center;margin:0;font-weight:500}.deploy__head{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex}.deploy__title{color:var(--cream);font:700 17px var(--title-font);letter-spacing:.06em;margin:0}.deploy__count{color:var(--text-dim);font:600 14px var(--text-font);background:linear-gradient(#0000008c,#0000004d);border-radius:999px;align-items:baseline;gap:4px;padding:1px 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #a27a42b3}.deploy__count b{color:var(--gold);font:700 16px var(--title-font)}@media (width<=899.98px){.deploy__hint{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.deploy__check{z-index:2;color:#2a1a08;background:radial-gradient(circle at 35% 30%,#fff3c4,#e8c374 45%,#a2762e);border-radius:50%;place-items:center;width:18px;height:18px;display:none;position:absolute;bottom:-2px;right:-3px;box-shadow:0 0 0 1.5px #3a2610,0 1px 3px #000c}.deploy__unit--placed .deploy__check{display:grid}.deploy__check svg{width:12px;height:12px}.deploy__row{justify-content:center;gap:4px;display:flex}#app .deploy__unit{width:44px;height:44px}#app .deploy__unit[aria-pressed=true]{z-index:1;filter:drop-shadow(0 0 4px #ffd98a)drop-shadow(0 0 10px #e8c374d9);transform:scale(1.1)}#app .deploy__unit[aria-pressed=true]:after{filter:brightness(1.35)sepia(.3)}#app .deploy__unit--placed img{filter:grayscale(.55)brightness(.42)}#app .deploy__unit--placed:after{filter:brightness(.6)saturate(.6)}.deploy__name{display:none}.deploy__buttons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.deploy__icon{display:none}@media (width<=899.98px){#app .deploy__buttons button.deploy__tool{flex:none;place-items:center;width:50px;height:44px;min-height:44px;padding:0;display:inline-grid}#app .deploy__buttons button.deploy__tool:before{background:var(--hex-button) center / 100% 100% no-repeat;border:0;border-image:}#app .deploy__buttons button.deploy__tool:disabled .deploy__icon{opacity:.45}.deploy__tool .deploy__label{display:none}.deploy__tool .deploy__icon{display:block}#app .deploy__buttons button.primary{--slice:80;--face:var(--button-primary-long);flex-basis:100%}}#app .deploy__buttons button.primary{letter-spacing:.02em;font-size:15px}#app .deploy__buttons button.primary[aria-disabled=true]{--face:var(--button-normal-long);letter-spacing:normal;font-size:17px}@media (width>=900px){#app[data-screen=deploy] .stage{width:calc(100% - 380px);height:100%}#app[data-screen=deploy] .camera-buttons{bottom:10px;right:390px}.deploy{justify-content:center;gap:14px;width:380px;height:100%;top:0;left:auto}.deploy__row{grid-template-columns:repeat(2,150px);justify-content:center;justify-items:center;gap:8px 12px;display:grid}#app .deploy__unit{width:84px;height:84px;margin-bottom:22px}.deploy__name{color:var(--cream);white-space:nowrap;font-size:15px;font-weight:500;line-height:1.2;display:block;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}#app .deploy__unit[aria-pressed=true]{filter:none}#app .deploy__unit[aria-pressed=true]:before{content:"";z-index:0;background:var(--portrait-frame) center / 100% 100% no-repeat, radial-gradient(closest-side, #141116 92%, transparent 100%) center / 72% 72% no-repeat;filter:drop-shadow(0 0 5px #ffd98a)drop-shadow(0 0 12px #e8c374cc);pointer-events:none;border:0;border-image:;position:absolute;inset:0}#app .deploy__unit[aria-pressed=true]:after{filter:brightness(1.25)}#app .deploy__unit[aria-pressed=true] .deploy__name{color:var(--gold);font-weight:700}.deploy__head{flex-flow:column;gap:8px}.deploy__head:after{content:"";background:var(--divider) center / contain no-repeat;width:260px;height:20px}.deploy__title{font-size:24px}.deploy__count{padding:2px 14px;font-size:15px}.deploy__count b{font-size:18px}.deploy__check{width:28px;height:28px;bottom:2px;right:2px}.deploy__check svg{width:17px;height:17px}.deploy__unit--placed .deploy__name{color:var(--text-dim)}.deploy__buttons{flex-direction:column;align-self:center;align-items:stretch;width:100%;max-width:300px}#app .deploy__buttons button{--slice:80;--face:var(--button-normal-long)}#app .deploy__buttons button.primary{--face:var(--button-primary-long)}#app .deploy__buttons button:is(:disabled,[aria-disabled=true]){--face:var(--button-normal-long)}}@media (width>=900px) and (height<=759.98px){.deploy{gap:8px}.deploy__row{row-gap:2px}}@media (width>=900px) and (height<=859.98px){.deploy__head{gap:3px}.deploy__head:after{height:12px}.deploy__title{font-size:20px}#app .deploy__unit{width:76px;height:76px}}.banner{top:calc(var(--top-bar-height,82px) + 11px + 10px + 32px + 18px);z-index:5;width:fit-content;max-width:calc(100% - 32px);font-family:var(--title-font);letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 10px #000;pointer-events:none;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:12px 40px;font-size:22px;font-weight:700;display:flex;position:absolute;left:0;right:0}.banner__fill{z-index:-1;background:var(--panel-fill);filter:drop-shadow(0 12px 18px #000000b3);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 34px calc(100% - 34px),#0000);mask-image:linear-gradient(90deg,#0000,#000 34px calc(100% - 34px),#0000)}.banner:before,.banner:after{content:"";border-style:solid;border-color:#0000;border-width:0 var(--bar-top-end);border-image:var(--bar-top) 0 113 fill / 0 var(--bar-top-end) repeat;height:22px;position:absolute;left:0;right:0}.banner:before{top:-11px;transform:scaleY(-1)}.banner:after{bottom:-11px}@media (width>=1100px){.banner{right:350px}}.banner[hidden]{display:none}.banner--on{animation:2s both banner}@keyframes banner{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}@media (width>=900px){.unit-card{--card-top:calc(var(--top-bar-height,82px) + 11px + 10px + 36px + 12px);--card-bottom:calc(max(10px, env(safe-area-inset-bottom)) + 46px + 14px);--bust:clamp(130px, calc(100dvh - var(--card-top) - var(--card-bottom) - 377px), 190px);top:calc((var(--card-top) + 100% - var(--card-bottom)) / 2);bottom:auto;left:max(14px, env(safe-area-inset-left));width:352px;max-height:calc(100% - var(--card-top) - var(--card-bottom));border:12px solid #0000;border-image:var(--frame-wide) 50 200 46 / 25px 100px 23px / 4px stretch;text-align:center;background-origin:border-box;background-clip:border-box;flex-direction:column;padding:14px;display:flex;transform:translateY(-50%)}.unit-card:after{display:none}.unit-card__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--metal-bronze) transparent;flex-direction:column;flex:0 auto;min-height:0;margin-inline:-14px;padding-inline:14px;display:flex;overflow-y:auto}.unit-card__foot{flex:none;display:block}.unit-card__body>*{flex:none}.unit-card__head{flex-direction:column;gap:6px}.unit-card__face{width:var(--bust);height:var(--bust)}.unit-card__face img{display:none}.unit-card__face img+img{display:block}.unit-card__head{display:flex}#app .unit-card :is(.unit-card__help,.unit-card__close){margin:0;position:absolute;top:14px}#app .unit-card .unit-card__help{left:14px}#app .unit-card .unit-card__close{right:14px}.unit-card__title{flex-flow:column;align-self:stretch;align-items:stretch;row-gap:10px;display:flex}.unit-card h2{white-space:nowrap;font-size:28px;line-height:1.15}.unit-card__stats{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.unit-card__health{flex:none;width:100%;max-width:none;height:30px;margin-top:0}.unit-card__health:after,.unit-card__health>i>b{border-width:0 15px;border-image-width:0 15px}.unit-card__hp{z-index:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 4px #000,0 0 8px #000c;place-items:center;font-size:17px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.unit-card__boxes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.unit-card__boxes>div{border:1px solid var(--metal-bronze);background:#0000004d;flex-direction:column;align-items:center;gap:2px;padding:7px 6px 6px;display:flex}.unit-card__boxes b{color:var(--cream);align-items:center;gap:6px;font-size:23px;font-weight:700;line-height:1.1;display:flex}.unit-card__boxes svg{width:20px;height:20px;fill:var(--side)}.unit-card__boxes small{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.unit-card__status{font-size:17px}.unit-card__state{text-align:left;justify-content:center}.unit-card__facing{gap:0}#app .unit-card__facing button+button{margin-left:-6px}.unit-card__actions{margin-inline:-7px}#app .unit-card__actions button{font-size:18px}}@media (width>=900px) and (height<=759.98px){.unit-card{--bust:84px}}#app{--log-width:146px}.log-opener{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));position:absolute}#app .log-button{width:var(--log-width);padding:0}.log-button__icon{display:none}@media (width<=899.98px){#app{--log-width:50px}#app .log-button{place-items:center;height:44px;min-height:44px;display:inline-grid}#app .log-button:before{background:var(--hex-button) center / 100% 100% no-repeat;border:0;border-image:}.log-button__label{display:none}.log-button__icon,.log-button__icon svg{display:block}}.log-button__bubble{min-width:22px;height:24px;clip-path:var(--hexagon);color:#fff;pointer-events:none;background:radial-gradient(circle at 40% 30%,#ff9a7a,#b8452c 60%,#6a1e10);place-items:center;padding:0 5px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-8px;right:-6px}.log-button__bubble[hidden]{display:none}.log{z-index:3;flex-direction:column;height:55%;display:none;position:absolute;bottom:0;left:0;right:0}.log[data-open=true]{display:flex}.log__head{justify-content:space-between;align-items:center;padding:6px 8px 8px;display:flex}.log__head h2{letter-spacing:.05em;margin:0;font-size:20px;font-weight:700}.log__list{padding:6px 8px max(10px, env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--metal-bronze) transparent;flex:1;margin:0;font-size:15px;line-height:1.35;list-style:none;overflow-y:auto}.log__list li:not(.log__turn){border-left:2px solid #a27a4259;align-items:center;gap:8px;min-height:26px;margin-left:14px;padding:2px 2px 2px 8px;display:flex}.log__list li[data-side=player]:not(.log__turn){border-left-color:#e8c37466}.log__list li[data-side=ai]:not(.log__turn){border-left-color:#b796e666}.log__list li>.gem{flex:none;width:26px;height:22px}.log__icon{color:#f4ead6;filter:drop-shadow(0 1px 1px #000000e6);width:13px;height:13px}.log__list li>.log__icon{width:26px;color:var(--text-dim);filter:none;flex:none}.log__text{flex:1;min-width:0}.log__list li:is([data-kind=quiet],[data-kind=miss]) .log__text{color:var(--text-dim)}.log__list li[data-kind=quiet] .log__name{opacity:.85}.log__tag{min-width:34px;font:700 14px/1.25 var(--text-font);font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;flex:none;margin-left:auto;padding:1px 7px}.log__tag--damage{color:#ffb19a;background:linear-gradient(#d648306b,#781e1480);box-shadow:inset 0 0 0 1px #ff785a8c,0 1px 2px #0009}.log__tag--heal{color:#b8f0b0;background:linear-gradient(#46a0506b,#19502380);box-shadow:inset 0 0 0 1px #82dc788c,0 1px 2px #0009}.log__list li[data-kind=crit]{background:linear-gradient(90deg,#ffaa3c38,#ffaa3c0a 80%,#0000);border-radius:0 6px 6px 0}.log__list li[data-kind=crit]>.gem{filter:drop-shadow(0 0 4px #ffb446e6)}.log__list li[data-kind=crit] .log__tag{color:#fff1c8;background:linear-gradient(#e0782e,#8a3010);font-size:15px;box-shadow:inset 0 0 0 1px #ffc46e,0 0 8px #ff963c99}.log__list li[data-kind=down]{background:linear-gradient(90deg,#be281e52,#78140f14 85%,#0000);border-left-color:#d0503a;border-radius:0 6px 6px 0}.log__list li[data-kind=down]>.gem{filter:drop-shadow(0 0 4px #ff5a3ccc)}.log__list li[data-kind=down] .log__text{color:#ffc8bb;font-weight:700}.log__turn{font:700 15px var(--title-font);letter-spacing:.04em;background:linear-gradient(90deg,#0000008c,#00000040 70%,#0000),linear-gradient(#ffffff0d,#0000);border-radius:6px;align-items:center;gap:8px;margin:8px 0 3px;padding:3px 10px 3px 6px;display:flex}.log__turn:first-child{margin-top:2px}.log__turn>.gem{flex:none;width:26px;height:22px}.log__turn-number{color:var(--cream)}.log__turn-side{letter-spacing:.14em;text-transform:uppercase;margin-left:auto;font-size:12px}.log__turn[data-side=player]{box-shadow:inset 0 0 0 1px #e8c3748c, inset 3px 0 0 var(--gold), 0 2px 6px #00000080}.log__turn[data-side=ai]{box-shadow:inset 0 0 0 1px #b796e680, inset 3px 0 0 var(--purple), 0 2px 6px #00000080}.log__turn[data-side=player] .log__turn-side,.log__name[data-side=player]{color:var(--gold)}.log__turn[data-side=ai] .log__turn-side,.log__name[data-side=ai]{color:var(--purple)}.log__name{font-weight:700}@media (width>=1100px){.log-opener{display:none}#app[data-screen=battle] .log{top:calc(var(--top-bar-height,82px) + 11px + 12px);width:340px;height:auto;display:flex;left:auto}#app .log__head button{display:none}#app[data-screen=battle] .camera-buttons{right:350px}}.toasts{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 60px);z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(420px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}@media (width<=899.98px){.toasts{bottom:max(10px, env(safe-area-inset-bottom))}#app[data-card=shown] .toasts{bottom:calc(max(10px, env(safe-area-inset-bottom)) + var(--card-height) + 8px)}}#app[data-screen=deploy] .toasts{bottom:calc(var(--deploy-height) + 10px)}.toast{isolation:isolate;text-align:center;align-items:center;gap:10px;min-width:220px;margin:0;padding:4px 12px;font-weight:500;animation:2.5s both toast;display:flex;position:relative}.toast .gem .toast__icon{color:#f4ead6;filter:drop-shadow(0 1px 1px #000000e6);width:14px;height:14px}.toast--tip{pointer-events:auto;cursor:pointer;justify-content:center;transition:opacity .4s;animation:.25s both toast-in}.toast--leaving{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@keyframes toast{0%{opacity:0;transform:translateY(6px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.sheet-dialog{width:min(560px,100% - 28px);max-height:calc(100% - 48px);color:var(--text);font-family:var(--text-font);padding:0;font-size:17px;overflow:visible}.sheet-dialog[open]{flex-direction:column;display:flex}.sheet-dialog::backdrop{background:#0009}.sheet-dialog__head{align-items:center;gap:8px;padding:4px 6px 10px;display:flex;position:relative}.sheet-dialog__head:after{content:"";background:linear-gradient(90deg, transparent, var(--metal-bronze) 20%, var(--metal-shine) 50%, var(--metal-bronze) 80%, transparent);height:2px;position:absolute;bottom:0;left:-2px;right:-2px}.sheet-dialog__head h2{letter-spacing:.06em;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:24px;font-weight:700;line-height:1.2}.sheet-dialog__head--wrap{align-items:flex-start}.sheet-dialog__head--wrap h2{white-space:normal;overflow-wrap:break-word;padding-top:calc(22px - .6em)}.sheet-dialog__back svg{display:block}.sheet-dialog__back[hidden]{display:none}.sheet-dialog__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--metal-bronze) transparent;padding:14px 6px 10px;line-height:1.4;overflow-y:auto}.unit-sheet__top{align-items:center;gap:14px;display:flex}.unit-sheet__portrait{border:11px solid #0000;border-image:var(--frame-tall) 72 / 18px stretch;background:#080a12 padding-box padding-box;flex:none;width:160px;height:160px}.unit-sheet__portrait img{width:100%;height:100%;display:block}@media (width>=900px){.unit-sheet__portrait{width:210px;height:210px}}.unit-sheet__top--small .unit-sheet__portrait{width:112px;height:112px}.unit-sheet__top--stacked{flex-direction:column;align-items:stretch}.unit-sheet__top--stacked .unit-sheet__portrait{align-self:center}.unit-sheet .separator{margin:14px 0 0}.unit-sheet__role{color:var(--gold);margin:0;font-weight:700}.unit-sheet[data-side=ai] .unit-sheet__role{color:var(--purple)}.unit-sheet__quote{color:var(--text-dim);margin:8px 0 0;font-style:italic}.unit-sheet__stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 0;display:grid}.unit-sheet__stats div{border:7px solid #0000;border-image:var(--frame-tall) 72 / 12px stretch;text-align:center;background:linear-gradient(#ffe6aa14,#00000040) padding-box padding-box;padding:2px 0 3px}.unit-sheet__stats dd .number-icon,.unit-sheet__stats dd .sun-icon{vertical-align:-.14em;margin-right:.15em}.unit-sheet__stats dd{white-space:nowrap;color:#f0d79a;font-family:var(--title-font);margin:0;font-size:22px;font-weight:700}.unit-sheet__stats dt{color:var(--text-dim);font-size:14px}.unit-sheet__about{margin:12px 0 0}.diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.diagram svg{flex:120px;min-width:120px;max-width:180px}.diagram__legend{flex:9em;margin:0;padding:0;font-size:14px;list-style:none}.diagram__legend li{align-items:center;gap:6px;margin:3px 0;display:flex}.diagram__legend i{border:1px solid;border-radius:2px;flex:none;width:14px;height:14px}.diagram__note{color:var(--text-dim);flex-basis:100%;margin:0;font-size:15px}.unit-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}#app .unit-list__item{--family:#c9544a;aspect-ratio:3/3.7;border:12px solid #0000;border-image:var(--frame-tall) 72 / 18px / 5px stretch;width:100%;height:auto;box-shadow:none;text-align:left;background:#0b0a0d padding-box padding-box;padding:0;display:block;position:relative;overflow:hidden}#app .unit-list__item[data-family=ranged]{--family:#6fae5b}#app .unit-list__item[data-family=magic]{--family:#9a7ae0}#app .unit-list__item[data-family=support]{--family:#e8c374}#app .unit-list__item:hover{filter:brightness(1.12)drop-shadow(0 0 8px #e8c37459)}.unit-list__art,.unit-list__art img{position:absolute;inset:0}.unit-list__art img{object-fit:cover;object-position:50% 18%;filter:brightness(1.25)contrast(1.08);width:100%;height:100%}.unit-list__art:after{content:"";background:linear-gradient(180deg, transparent 40%, #08070ceb 80%), radial-gradient(120% 70% at 50% 110%, color-mix(in srgb, var(--family) 45%, transparent), transparent 70%);position:absolute;inset:0}.unit-list__family{width:30px;height:30px;color:var(--family);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--family) 70%, #000), 0 0 8px color-mix(in srgb, var(--family) 40%, transparent);background:#08070ccc;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;left:5px}.unit-list__cost{width:40px;height:34px;color:var(--cost-text);text-shadow:0 1px 2px #000;background:url(/ui/gem-sun-empty.webp) 50%/contain no-repeat;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.unit-list__words{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:5px;left:6px;right:6px}.unit-list__name{color:var(--cream);font-family:var(--title-font);letter-spacing:.04em;text-shadow:0 2px 3px #000000e6;white-space:normal;font-size:15px;font-weight:700;line-height:1.1}.unit-list__role{color:color-mix(in srgb, var(--family) 55%, var(--text));text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.rules__section{background:linear-gradient(#7896d212,#0003);border-radius:12px;grid-template-columns:40px 1fr;column-gap:12px;margin:0 0 12px;padding:10px 12px 12px 10px;display:grid;box-shadow:inset 0 0 0 1px #a27a424d}.rules__section:last-child{margin-bottom:0}.rules__section>.gem{filter:drop-shadow(0 2px 3px #000000b3);grid-row:1/4;width:40px;height:34px;margin-top:1px}.rules__section>.gem svg{filter:drop-shadow(0 1px 1px #000);width:18px;height:18px}#app .rules__title{color:var(--gold);font:700 17px var(--title-font);letter-spacing:.06em;margin:6px 0 4px}.rules__section :is(p,ul,ol){grid-column:2;margin:0}.rules__section :is(ul,ol){margin-top:6px;padding-left:0;list-style:none}.rules__section li{margin-top:3px;padding-left:16px;position:relative}.rules__section li:before{content:"";background:var(--purple);width:7px;height:7px;box-shadow:0 0 5px var(--purple);position:absolute;top:.55em;left:2px;transform:rotate(45deg)}.rules mark{color:#1d1406;text-shadow:none;white-space:nowrap;background:linear-gradient(#f3dc9c,#c69a52);border-radius:5px;padding:0 5px;font-weight:700}#app .unit-card__help{font:700 18px var(--title-font)}#app button.hex:is(.unit-card__help,.close-button){padding-bottom:3px}.hover-card{z-index:6;border-top:3px solid var(--side,var(--metal));pointer-events:none;gap:10px;width:300px;padding:18px 20px;font-size:15px;display:flex;position:fixed}.hover-card[hidden]{display:none}.hover-card[data-side=player]{--side:var(--gold)}.hover-card[data-side=ai]{--side:var(--purple)}.hover-card>div:last-child{flex-direction:column;min-width:0;display:flex}.hover-card strong{color:var(--cream)}.hover-card__role,.hover-card__stats{color:var(--text-dim)}.hover-card__about{margin-top:4px;line-height:1.3}.hover-card__face{flex:none;width:48px;height:48px}.menu{flex-direction:column;gap:8px;display:flex}#app .menu button{min-height:46px}.menu__hint{color:var(--text-dim);margin:4px 4px 0;font-size:14px}.options{flex-direction:column;gap:10px;display:flex}.options__section{background:linear-gradient(#7896d212,#0003);border-radius:12px;margin:0;padding:8px 10px 10px;box-shadow:inset 0 0 0 1px #a27a4259,0 4px 10px #00000059}#app .options__title{color:var(--gold);align-items:center;gap:9px;margin:0 0 6px;font-size:18px;display:flex}.options__title svg{color:var(--metal-gold);filter:drop-shadow(0 0 4px #e8c37459);flex:none}.options .menu__hint{margin-top:6px}.options .slider{min-height:44px}.options .switch{border-bottom:1px solid #a27a422e;min-height:44px}.options .switch:last-child{border-bottom:0}.options .switch:has(+.menu__hint){border-bottom:0}.choice-rail{grid-template-columns:repeat(var(--count), 1fr);background:#00000059;border-radius:10px;gap:4px;padding:4px;display:grid;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #a27a428c,0 1px 0 1px #f3dc9c14}.choice-rail--grid{grid-template-columns:repeat(2,1fr)}.choice-rail--grid>button:first-child{grid-column:1/-1}#app .choice-rail>button{min-height:44px;color:var(--text-dim);font:600 16px var(--text-font);white-space:nowrap;filter:none;background:#ffffff0a;border-radius:7px;padding:0 6px;box-shadow:inset 0 0 0 1px #a27a422e}#app .choice-rail>button:before{content:none}#app .choice-rail>button[aria-pressed=true]{color:#1d1406;text-shadow:none;background:linear-gradient(#f3dc9c,#c69a52 55%,#a27a42);font-weight:700;box-shadow:0 0 12px #e8c37473,inset 0 1px #ffffff80}.menu__info{color:var(--cream);text-align:center;margin:0 0 4px;font-weight:600}.difficulty{gap:10px}#app .difficulty>button.difficulty__card{--tint:#468c4647;--glow:#78dc7873;text-align:left;white-space:normal;border:14px solid #0000;grid-template-rows:auto auto;grid-template-columns:58px 1fr;align-items:center;gap:2px 12px;min-height:84px;padding:10px 16px 10px 12px;display:grid}#app .difficulty>button.difficulty__card:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--tint), transparent 70%), var(--background) center / cover;border:0;border-image:;position:absolute;inset:-10px}#app .difficulty>button.difficulty__card:after{content:"";z-index:-1;border:14px solid #0000;border-image:var(--frame-wide) 50 200 46 / 14px 56px 13px / 3px stretch;pointer-events:none;position:absolute;inset:-14px}#app .difficulty>button[data-difficulty=normal]{--tint:#be963c42;--glow:#ffd26e73}#app .difficulty>button[data-difficulty=hard]{--tint:#be3c284d;--glow:#ff6e468c}.difficulty__picture{object-fit:contain;width:52px;height:44px;filter:drop-shadow(0 0 6px var(--glow));grid-row:1/3}.difficulty__name{color:var(--cream);font-family:var(--title-font);letter-spacing:.06em;font-size:20px;font-weight:700}.difficulty__hint{color:var(--text-dim);font-family:var(--text-font);text-shadow:none;font-size:15px;font-weight:400;line-height:1.3}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 4px;display:flex}.switch input{appearance:none;background:var(--switch-off) center / 100% 100% no-repeat;cursor:pointer;flex:none;width:56px;height:29px;margin:0;position:relative}.switch input:checked{background-image:var(--switch-on)}.switch input:after{content:"";background:var(--switch-knob) center / contain no-repeat;width:22px;height:22px;margin-top:-11px;transition:left .15s;position:absolute;top:50%;left:4px}.switch input:checked:after{left:calc(100% - 26px)}.switch input:focus-visible{outline:none}#app[data-input=keyboard] .switch input:focus-visible{filter:drop-shadow(0 0 2px var(--cream)) drop-shadow(0 0 5px var(--cream))}#app[data-input=keyboard] .slider input:focus-visible~.slider__bar{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream))}#app[data-input=keyboard] .slider__control:has(input:focus-visible) .slider__bar{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream))}.credits{text-align:center;flex-direction:column;gap:18px;padding-top:6px;display:flex}.credits p{margin:0}.credits__crest{filter:drop-shadow(0 0 10px #966ee659);background:url(/ui/top.webp) 50%/contain no-repeat;height:62px;margin-bottom:-6px}#app .credits__role{color:var(--caption);font:700 13px var(--title-font);letter-spacing:.18em;text-transform:uppercase;margin:0 0 4px}.credits__author{color:var(--cream);font:700 30px/1.15 var(--title-font);letter-spacing:.04em;text-shadow:0 0 18px #e8c3744d,0 2px 3px #000}.credits__name{color:var(--text);font:600 18px var(--text-font)}.credits__small{color:var(--text-dim);font:400 15px var(--text-font)}.credits__names{color:var(--text-dim);font:400 14px var(--text-font);overflow-wrap:anywhere;grid-template-columns:repeat(3,auto);justify-content:space-evenly;align-items:start;gap:2px 8px;margin:12px 0 0;padding:0;list-style:none;display:grid}@media (width<=899.98px){.credits__names{font-size:12.5px}}.credits .separator{margin:0}.credits__thanks{color:var(--caption);font:italic 400 16px var(--text-font)}.credits a{color:var(--link)}.result{--top-width:min(300px, 62vw);--top-height:calc(var(--top-width) * 145 / 483);z-index:4;width:min(460px,100% - 32px);max-height:calc(100% - var(--top-height) - 16px);text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result:before{content:"";z-index:3;left:50%;top:calc(-16px - var(--top-height) / 2);width:var(--top-width);height:var(--top-height);pointer-events:none;background:url(/ui/top.webp) 50%/contain no-repeat;position:absolute;transform:translate(-50%)}.result__body{min-height:0;padding:calc(var(--top-height) / 2 - 16px + 8px) 8px 10px;scrollbar-width:thin;scrollbar-color:var(--metal-bronze) transparent;flex:1;overflow-y:auto}.result[hidden]{display:none}button.pressed{animation:.45s ease-out press-glow}@keyframes press-glow{0%{filter:drop-shadow(0 0 #ffc85a00)brightness()}25%{filter:drop-shadow(0 0 9px #ffc85ae6)brightness(1.18)}to{filter:drop-shadow(0 0 #ffc85a00)brightness()}}dialog[open]:is(.sheet-dialog,.confirm-dialog){animation:.28s ease-out both window-in}dialog[open]::backdrop{animation:.28s ease-out both fade-in}:is(.buy,.deploy):not([hidden]){animation:.35s ease-out both panel-up}#app[data-screen=battle] :is(.top-bar,.log,.camera-buttons){animation:.35s ease-out both fade-in}#app:is([data-screen=buy],[data-screen=deploy],[data-screen=battle]) .stage{animation:.4s ease-out both fade-in}@keyframes window-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-up{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0}}#app[data-reduce-motion=true] :is(dialog,.buy,.deploy,.top-bar,.log,.camera-buttons,.stage),#app[data-reduce-motion=true] dialog::backdrop{animation:none}.unit-card button.beat{animation:1.3s ease-in-out infinite confirm-beat}@keyframes confirm-beat{0%,to{filter:brightness()drop-shadow(0 0 #ffc85a00)}50%{filter:brightness(1.3)drop-shadow(0 0 7px #ffc85abf)}}#app[data-reduce-motion=true] .unit-card button.beat{animation:none}.top-bar__count b{display:inline-block}.buy__row--chosen{outline-offset:-2px;outline:1.5px solid #ffd2788c}.showcase{z-index:2;height:45%;padding-top:env(safe-area-inset-top);pointer-events:none;background:radial-gradient(closest-side,#08080cbf,#08080c00);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.showcase[hidden]{display:none}.showcase--in{animation:.35s ease-out both window-in}.showcase__view{aspect-ratio:1;background:radial-gradient(42% 11% at 50% 84%,#ffcd6e8c,#ffcd6e00);width:min(230px,30vh)}.showcase__name{font-family:var(--title-font);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 6px #000;margin:-6px 0 0;font-size:20px;font-weight:600}@media (width>=900px){.showcase{height:100%;right:460px}.showcase__view{width:min(360px,45vh)}}#app[data-reduce-motion=true] .showcase--in{animation:none}.result--in{animation:.5s ease-out both result-in}@keyframes result-in{0%{opacity:0;filter:brightness(1.9);transform:translate(-50%,-50%)scale(.94)}60%{opacity:1;filter:brightness(1.25)}to{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1)}}.result__glory{--glow:255, 215, 130;--glory:1;z-index:-1;--above:160px;inset:calc(-16px - var(--top-height) - var(--above)) -16px -16px;pointer-events:none;mix-blend-mode:screen;opacity:var(--glory);position:absolute;overflow:hidden}.result[data-outcome=lost] .result__glory{--glow:175, 125, 255;--glory:.55}.result[data-outcome=draw] .result__glory{--glow:230, 215, 180;--glory:.6}.result__rays{left:50%;top:calc(var(--top-height) + var(--above));background:radial-gradient(circle, rgba(var(--glow), .5), rgba(var(--glow), 0) 18%), repeating-conic-gradient(rgba(var(--glow), .22) 0deg 7deg, rgba(var(--glow), 0) 13deg 30deg);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;animation:25s linear infinite result-rays;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 5%,#0000 60%);mask-image:radial-gradient(circle,#000 5%,#0000 60%)}@keyframes result-rays{to{transform:rotate(360deg)}}.result__ember{left:var(--x);width:var(--size);height:var(--size);background:radial-gradient(circle, rgba(var(--glow), .95), rgba(var(--glow), 0) 70%);opacity:0;animation:result-ember var(--time) linear var(--delay) infinite;border-radius:50%;position:absolute;bottom:0}@keyframes result-ember{0%{opacity:0;transform:translate(0)}20%,70%{opacity:.9}to{opacity:0;transform:translate(var(--drift), -110cqh)}}.result__glory{container-type:size}#app[data-reduce-motion=true] :is(.result--in,.result__rays){animation:none}#app[data-reduce-motion=true] .result__ember{display:none}.result-backdrop{--cx:50%;--cy:50%;pointer-events:none;position:absolute;inset:0}.result-backdrop[hidden]{display:none}.result-backdrop>*{z-index:4;width:100%;height:100%;position:absolute;inset:0}.result-backdrop--in>*{animation:.6s ease-out both result-backdrop-in}@keyframes result-backdrop-in{0%{opacity:0}}#app:has(>.result[data-outcome=lost]:not([hidden])) .stage canvas{filter:saturate(.25)brightness(.65)contrast(1.05);transition:filter .6s ease-out}#app:has(>.result[data-outcome=won]:not([hidden])) .stage canvas{filter:saturate(1.15)brightness(1.1);transition:filter .6s ease-out}.result-backdrop[data-outcome=lost] .result-backdrop__vignette{background:radial-gradient(ellipse 60% 55% at var(--cx) var(--cy), #50000000 34%, #780a0a8c 70%, #1e0000f2 100%)}.result-backdrop[data-outcome=lost] .result-backdrop__tint{mix-blend-mode:multiply;background:#aa191424}.result-backdrop[data-outcome=lost] .result-backdrop__glow{background:radial-gradient(ellipse 34% 30% at var(--cx) var(--cy), #ff281459, transparent 70%), linear-gradient(0deg, #ff3c1440, transparent 35%);mix-blend-mode:screen}.result-backdrop[data-outcome=won] .result-backdrop__vignette{background:radial-gradient(ellipse 65% 60% at var(--cx) var(--cy), #0000 40%, #140c0059 80%, #0a0600b3 100%)}.result-backdrop[data-outcome=won] .result-backdrop__tint{background:radial-gradient(ellipse 45% 40% at var(--cx) var(--cy), #ffd682cc, #ffb45040 55%, transparent 75%);mix-blend-mode:soft-light}.result-backdrop[data-outcome=won] .result-backdrop__glow{background:radial-gradient(ellipse 26% 32% at var(--cx) var(--cy), #ffe1a080, transparent 75%), #ffbe5a1a;mix-blend-mode:screen}.result-backdrop[data-outcome=won] .result-backdrop__rays{inset:auto;left:calc(var(--cx) - 100vmax);top:calc(var(--cy) - 100vmax);mix-blend-mode:screen;background:repeating-conic-gradient(from 3deg,#ffdc962e 0deg 9deg,#0000 9deg 30deg);width:200vmax;height:200vmax;-webkit-mask-image:radial-gradient(circle,#0000 12vmax,#000 18vmax 27vmax,#0000 58vmax);mask-image:radial-gradient(circle,#0000 12vmax,#000 18vmax 27vmax,#0000 58vmax)}.result-backdrop--in[data-outcome=won] .result-backdrop__rays{animation:.6s ease-out both result-backdrop-in,90s linear infinite result-backdrop-turn}@keyframes result-backdrop-turn{to{transform:rotate(360deg)}}#app[data-reduce-motion=true] .result-backdrop>*{animation:none!important}#app[data-reduce-motion=true] .stage canvas{transition:none}.result h2{font-family:var(--title-font);letter-spacing:.06em;margin:0;font-size:36px;font-weight:700}.result__reason{margin:6px 0 0}.result__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.result__stats p{border:10px solid #0000;border-image:var(--frame-tall) 72 / 12px / 2px stretch;background:#00000059 padding-box padding-box;flex-direction:column;align-items:center;margin:0;padding:6px 4px 4px;display:flex}.result__stats b{color:var(--cream);font:700 26px/1 var(--title-font)}.result__stats small{color:var(--text-dim);font:600 11px var(--text-font);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.result__best{border:12px solid #0000;border-image:var(--frame-tall) 72 / 14px / 3px stretch;text-align:left;background-color:#00000059;background-image:radial-gradient(120% 120% at 0%,#ffd2782e,#0000 60%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box;grid-template-columns:96px 1fr;align-items:center;gap:12px;margin-top:10px;padding:8px;display:grid}.result__best[hidden]{display:none}.result__best[data-side=ai]{background-color:#00000059;background-image:radial-gradient(120% 120% at 0%,#aa78ff2e,#0000 60%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box}.result__bust{width:96px;height:96px;box-shadow:0 0 0 2px #000, 0 0 0 3px var(--metal-gold), 0 0 18px #ffc86e59;overflow:hidden}.result__bust img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.result__best small{color:var(--caption);font:700 11px var(--text-font);letter-spacing:.14em;text-transform:uppercase;display:block}.result__best strong{color:var(--gold);font:700 20px var(--title-font);margin:2px 0 4px;display:block}.result__best span:not(.result__bust){color:var(--text);font:500 15px var(--text-font);display:block}.result__faces span.result__fallen{opacity:.85;align-self:center;width:36px;height:36px}.result__faces span.result__fallen:after{background:linear-gradient(45deg,#0000 46%,#c84b3ccc 47% 53%,#0000 54%),linear-gradient(-45deg,#0000 46%,#c84b3ccc 47% 53%,#0000 54%);inset:9px}.result__faces span.result__fallen img.portrait--ash{filter:grayscale()brightness(.6)contrast(.9)}.result__faces span.result__fallen img{width:100%;height:100%;inset:0}.result h3{color:var(--caption);letter-spacing:.12em;text-transform:uppercase;margin:16px 0 6px;font-size:13px;font-weight:700}.result__side{text-align:left;background:linear-gradient(90deg,#ffe6aa0f,#0003);border:1px solid #3d2e1c;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin:6px 0;padding:6px 8px;display:grid}.result__label{font-weight:700}.result__side[data-side=player] .result__label{color:var(--gold)}.result__side[data-side=ai] .result__label{color:var(--purple)}.result__faces{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;display:flex}.result__faces span{width:40px;height:40px}#app .result__buttons button.primary{letter-spacing:.02em;font-size:15px}.result__buttons{gap:10px;margin-top:16px;display:flex}#app .result__buttons button{flex:1;min-height:48px}@media (width<=899.98px){.result__buttons{flex-direction:column-reverse}.result__faces{grid-column:1/-1;align-items:center;gap:4px 3px}.result__faces span.result__fallen{width:34px;height:34px}.result__stats b{font-size:22px}.result__best{grid-template-columns:72px 1fr;margin-top:8px;padding:4px 6px}.result__bust{width:72px;height:72px}.result h3{margin-top:12px}#app .result__buttons button{--slice:80;--face:var(--button-normal-long)}#app .result__buttons button.primary{--face:var(--button-primary-long)}}#app .result__buttons button.primary{flex:1.5}.slider{grid-template-columns:5.5em 1fr 3.2em;align-items:center;gap:10px;min-height:46px;padding:0 4px;display:grid}.slider output{color:#f0d79a;font-family:var(--title-font);text-align:right;font-weight:700}.slider__control{--thumb:24px;align-items:center;height:44px;display:grid;position:relative}.slider__bar{position:absolute;left:0;right:0}.slider__bar b{--v:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--value,0))}.slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;position:relative}.slider input:focus-visible{outline:none}.slider input::-webkit-slider-runnable-track{background:0 0;height:44px}.slider input::-moz-range-track{background:0 0;height:44px}.slider input::-webkit-slider-thumb{width:var(--thumb);background:var(--slider-thumb);appearance:none;border:0;height:26px;margin-top:9px}.slider input::-moz-range-thumb{width:var(--thumb);background:var(--slider-thumb);border:0;border-radius:0;height:26px}.slider{--slider-thumb:url(/ui/thumb.webp) center / contain no-repeat}.fps-meter{top:calc(env(safe-area-inset-top) + 2px);right:calc(env(safe-area-inset-right) + 4px);z-index:100;color:var(--text);pointer-events:none;background:#0009;padding:1px 6px;font:12px/1.4 monospace;position:fixed}.state-icon{transform-box:fill-box;transform-origin:50%;animation:var(--state-anim) ease-in-out infinite}.state-icon--burn{--state-anim:state-burn .7s}.state-icon--stun{--state-anim:state-stun 2.4s;animation-timing-function:linear}.state-icon--root{--state-anim:state-root 2.2s}.state-icon--slow{--state-anim:state-slow 2.6s}.state-icon--weak{--state-anim:state-weak 2s}.state-icon--curse{--state-anim:state-curse 1.6s}.state-icon--fury{--state-anim:state-fury 1.1s}.state-icon--dodge{--state-anim:state-dodge 1.4s}.state-icon--resting{--state-anim:state-resting 3s}@keyframes state-burn{0%,to{filter:brightness();scale:1}30%{filter:brightness(1.5);scale:1.15}55%{filter:brightness(1.1);scale:.95}80%{filter:brightness(1.4);scale:1.1}}@keyframes state-stun{to{rotate:360deg}}@keyframes state-root{0%,to{rotate:-10deg}50%{rotate:10deg}}@keyframes state-slow{0%,to{translate:0}50%{translate:0 -2px}}@keyframes state-weak{0%,to{opacity:1;translate:0 -1px}50%{opacity:.6;translate:0 2px}}@keyframes state-curse{0%,to{opacity:1;filter:brightness()}50%{opacity:.55;filter:brightness(1.6)}}@keyframes state-fury{0%,25%,50%,to{scale:1}12%{scale:1.25}37%{scale:1.15}}@keyframes state-dodge{0%,to{translate:0}25%{translate:2px}75%{translate:-2px}}@keyframes state-resting{0%,to{opacity:1}50%{opacity:.7}}#app[data-reduce-motion=true] .state-icon{animation:none}.toast__timer{z-index:3;opacity:.85;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#f1d38a,#c9a14a);border-radius:2px;height:2px;animation:linear both toast-timer;position:absolute;bottom:-6px;left:10%;right:10%}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}#app[data-reduce-motion=true] .toast__timer{display:none}.home__shine{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#fff5dcd9 50%,#0000 60%) 0 0/250% 100%;animation:2.9s linear .9s infinite both home-shine;position:absolute}@keyframes home-shine{0%{background-position:120% 0}38%,to{background-position:-20% 0}}#app[data-reduce-motion=true] .home__shine{display:none}