@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;--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-01.webp);--button-danger:url(/ui/button-03.webp);--button-normal-long:url(/ui/button-02-long.webp);--button-primary-long:url(/ui/button-01-long.webp);--button-danger-long:url(/ui/button-03-long.webp);--hex-button:url(/ui/hex-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}.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:disabled{--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:disabled{--face:var(--button-normal-long)}#app button:disabled:before{opacity:.5}#app button:focus-visible{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream)) var(--shadow);outline:none}#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[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{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream));outline:none}#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<=420.98px){.camera-buttons{gap:0}#app .camera-buttons button+button{margin-left:-6px}}#app .speed-button{left:calc(max(10px, env(safe-area-inset-left)) + var(--log-width) + 3px);bottom:max(10px, env(safe-area-inset-bottom));font:700 16px var(--text-font);position:absolute}.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;font-size:15px;overflow:hidden}.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:#0e0c0f99;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:56px}}@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:calc(max(10px, env(safe-area-inset-bottom)) + 62px);width:min(440px,100% - 24px);padding:18px 22px 20px;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{align-items:center;gap:10px;display:flex}.unit-card__face{width:66px;height:66px}.unit-card__title{flex-wrap:wrap;align-items:baseline;column-gap:10px;min-width:0;display:flex}.unit-card h2{letter-spacing:.04em;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{font-size:15px}@media (width<=379.98px){.unit-card{padding-inline:18px}.unit-card h2{font-size:17px}.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__health{flex-basis:100%;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}.unit-card__hit[data-side=player]{color:var(--gold)}.unit-card__hit[data-side=ai]{color:var(--purple)}.unit-card__note{color:var(--text-dim);font-size:15px}.unit-card__warning{color:var(--warning)}.unit-card__facing{justify-content:center;gap:6px;margin-top:10px;display:flex}.unit-card__facing[hidden]{display:none}.unit-card__facing span{transform:rotate(var(--angle,0deg));display:inline-block}.unit-card__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.unit-card__actions:empty{display:none}#app .unit-card button.path-picker{margin-right:auto}.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,.speed-button,.log-opener,.log),#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(80% 38% at 50% 26%,#080709cc,#0000 100%),linear-gradient(#08070973,#0000 40%,#060507d9 75%,#060507);flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.home[hidden]{display:none}.home__title{flex:0 auto;justify-content:center;min-height:0;margin:0;display:flex}.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{pointer-events:auto;flex-direction:column;flex:none;gap:12px;width:min(322px,100%);display:flex}.home__more{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=900px){.home__logo{width:480px}.home__buttons{zoom:var(--home-scale,1.6)}}.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}}#app[data-screen=buy] .stage{height:45%}#app[data-screen=buy][data-map=open] .stage{height:calc(100% - 72px)}.buy{flex-direction:column;height:55%;display:flex;position:absolute;bottom:0;left:0;right:0}.buy[hidden]{display:none}#app[data-map=open] .buy{height:auto}#app[data-map=open] :is(.buy__head,.buy__list,.buy .scroll-more){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}@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}.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,.unit-list__portrait,.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,.unit-list__portrait,.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,.unit-list__portrait,.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}.buy__cost--inline{vertical-align:middle;width:28px;height:24px;margin-right:.35em;font-size:13px}@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>=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:not(.hex){flex:1}@media (width>=900px){#app .buy__foot button.hex{display:none}}@media (width<=379.98px){.buy__foot{gap:6px;margin-inline:-4px;padding-inline:0}}#app .buy__place{margin-left:auto}@media (width>=900px){#app[data-screen=buy] .stage,#app[data-screen=buy][data-map=open] .stage{width:calc(100% - 460px);height:100%}.buy,#app[data-map=open] .buy{width:460px;height:100%;top:0;left:auto}#app[data-map=open] :is(.buy__head,.buy__list){display:revert}#app[data-map=open] .buy__list{display:block}}#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__row{justify-content:center;gap:4px;display:flex}#app .deploy__unit{width:44px;height:44px}#app .deploy__unit[aria-pressed=true]{filter:drop-shadow(0 0 3px #e8c374)drop-shadow(0 0 6px #e8c37499)}.deploy__unit--placed img{filter:brightness(.45)}.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}@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]:after{filter:drop-shadow(0 0 4px #e8c374)drop-shadow(0 0 8px #e8c37499)}.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:disabled{--face:var(--button-normal-long)}}@media (width>=900px) and (height<=759.98px){.deploy{gap:8px}.deploy__row{row-gap:2px}}.banner{z-index:5;background:var(--panel-fill);box-shadow:var(--panel-shadow);font-family:var(--title-font);letter-spacing:.04em;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:14px;margin:0;padding:14px 16px;font-size:24px;font-weight:700;display:flex;position:absolute;top:40%;left:0;right:0;transform:translateY(-50%)}.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}.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{left:max(10px, env(safe-area-inset-left));width:380px;transform:none}}#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{padding:2px 0}.log__list li .gem{vertical-align:-2px;width:15px;height:13px;margin-right:7px}.log__turn{border-top:1px solid;border-image:linear-gradient(90deg, var(--metal-bronze), var(--metal-shine) 30%, transparent) 1;font-family:var(--title-font);margin-top:10px;padding-top:8px;font-weight:700}.log__turn:first-child{border-top:0;margin-top:0;padding-top:0}.log__turn[data-side=player],.log__name[data-side=player]{color:var(--gold)}.log__turn[data-side=ai],.log__name[data-side=ai]{color:var(--purple)}.log__name{font-weight:700}@media (width>=1100px){.log-opener{display:none}#app .speed-button{left:max(10px, env(safe-area-inset-left))}#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%)}.toast{isolation:isolate;text-align:center;align-items:center;gap:10px;min-width:220px;margin:0;padding:16px 24px;font-weight:500;animation:2.5s both toast;display:flex;position:relative}@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;flex:1;margin:0;font-size:24px;font-weight:700}.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 .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:-.05em;margin-right:.15em}.unit-sheet__stats dd{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{grid-template-columns:minmax(120px,180px) 1fr;align-items:center;gap:12px;margin-top:12px;display:grid}.diagram svg{width:100%}.diagram__legend{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);grid-column:1/-1;margin:0;font-size:15px}.unit-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}#app .unit-list__item{width:100%;height:auto;box-shadow:none;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}#app .unit-list__item:hover{border-color:var(--metal)}.unit-list__portrait{width:84px;height:84px}.unit-list__name{text-align:center;font-size:15px;line-height:1.2}.rules p{margin:0 0 4px}.rules strong{font-family:var(--title-font);color:var(--gold)}.rules ul,.rules ol{margin:0 0 4px;padding-left:22px}.rules__section{margin-bottom:4px}.rules .separator{margin:10px 0}#app .unit-card__help{font:700 18px var(--title-font);margin-left:auto}.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}.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{filter:drop-shadow(0 0 2px var(--cream)) drop-shadow(0 0 5px var(--cream));outline:none}.slider input:focus-visible~.slider__bar{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream))}.slider__control:has(input:focus-visible) .slider__bar{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 3px var(--cream))}.credits p{margin:0 0 10px}.credits a{color:var(--link)}.result{z-index:4;text-align:center;width:min(460px,100% - 32px);max-height:calc(100% - 40px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result__body{scrollbar-width:thin;scrollbar-color:var(--metal-bronze) transparent;flex:1;min-height:0;padding:12px 8px 10px;overflow-y:auto}.result[hidden]{display: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__turns{color:var(--text-dim);margin:4px 0 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;align-items:center;gap:10px;margin:6px 0;padding:6px 8px;display:flex}.result__label{flex:none;width:92px;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;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}#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}