:root{--night:#0d0b26;--dusk:#2b1a55;--violet:#3d2266;--panel:#1b1338;--text:#efe7ff;--dim:#a99cc9;--faint:#5c4f86;--pink:#ff8fb3;--mint:#8ff0c4;--butter:#ffe28a;--lilac:#c9b6ff;--ink:#1b1030;--font:"Fredoka", "Baloo 2", system-ui, sans-serif}html,body{min-height:100%;margin:0;padding:0}body{background:linear-gradient(180deg, var(--night) 0%, var(--dusk) 55%, var(--violet) 100%) fixed;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{flex-direction:column;min-height:100vh;display:flex}a{color:inherit}.column{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:0 16px;display:flex}.site-header{justify-content:center;align-items:center;padding:14px 16px 6px;display:flex}.wordmark{letter-spacing:.3px;background:linear-gradient(180deg, #fff3c4 0%, var(--butter) 45%, #ffb3cb 100%);color:#0000;-webkit-text-stroke:1px var(--ink);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;text-decoration:none}.panel{background:#140c2cd9;border:1.5px solid #c8b4ff2e;border-radius:18px;padding:16px}.muted{color:var(--dim)}.btn{appearance:none;background:var(--panel);min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;border:1.5px solid #c8b4ff40;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--lilac)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg, var(--pink), #d4467c);color:var(--ink);border-color:#0000}.btn.active{background:var(--butter);color:var(--ink);border-color:#0000}.btn.compact{padding:8px 12px;font-size:13px}.btn.icon-btn{min-width:56px}.controls-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pick-card{appearance:none;font-family:var(--font);color:var(--text);text-align:inherit;border:1.5px solid #c8b4ff2e}.pick-card:hover{border-color:var(--lilac)}.text-input{color:var(--text);font-family:var(--font);background:#08051480;border:1.5px solid #c8b4ff40;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px}.text-input:focus{border-color:var(--lilac);outline:none}.end-card-overlay{text-align:center;background:linear-gradient(#0d0b2600 0%,#0d0b26d1 28%,#0d0b26f5 100%);padding:16px 12px 14px;position:absolute;bottom:0;left:0;right:0}.speed-hint{color:var(--butter);background:#140c2cd9;border:1.5px solid #c8b4ff40;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:10px;left:50%;transform:translate(-50%)}.center-note{text-align:center;color:var(--dim);padding:48px 16px}.summon-root{flex-direction:column;display:flex;position:fixed;inset:0}.summon-scene-full{position:absolute;inset:0}.summon-scene{flex:0 0 40%;min-height:160px;position:relative}.summon-panel{background:#0d0b26f0;border-top:1.5px solid #c9b6ff2e;flex-direction:column;flex:auto;min-height:0;display:flex}.summon-stepper{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:8px 8px 0;display:flex}.summon-step-pill{appearance:none;color:var(--dim);font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:32px;padding:6px 9px}.summon-step-pill.current{color:var(--ink);background:var(--butter)}.summon-step-pill.done{color:var(--text)}.summon-step-pill.done:hover{background:#c9b6ff24}.summon-step-pill:disabled{color:var(--faint);cursor:default}.summon-step-sep{color:var(--faint);padding:0 1px}.summon-subtitle{text-align:center;color:var(--dim);padding:2px 16px 0;font-size:11.5px}.summon-step-head{text-align:center;padding:3px 16px 4px}.summon-step-head h2{color:var(--text);margin:0;font-size:18px;font-weight:700}.summon-step-head p{color:var(--dim);margin:2px 0 0;font-size:11.5px}.summon-step-content{flex-direction:column;flex:auto;min-height:0;padding:6px 16px 2px;display:flex;overflow-y:auto}.summon-footer{flex:none;gap:10px;padding:8px 16px 10px;display:flex}.summon-footer .btn{flex:1}.summon-error{color:var(--pink);text-align:center;margin-top:8px;font-size:12px}.card-grid{gap:8px;display:grid}.card-grid.cols-2,.card-grid.type-grid{grid-template-columns:repeat(2,1fr)}.card-grid.face-grid{justify-content:center}.pick-tile{text-align:center;cursor:pointer;background:#1b1338d1;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:8px 6px 9px;display:flex}.pick-tile.selected{border-color:var(--lilac);background:#3b2a70;box-shadow:0 0 0 3px #c9b6ff47}.pick-tile-name{color:var(--text);font-size:13px;font-weight:700}.pick-tile-blurb{color:var(--dim);font-size:10px;line-height:1.2}.face-tile{padding:6px}.fit-avatar-box{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.face-tile-avatar{flex:auto;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.type-tile-avatar{aspect-ratio:1;justify-content:center;align-items:center;width:78%;display:flex}.body-tile-avatar{aspect-ratio:1;justify-content:center;align-items:center;width:86%;margin:0 auto;display:flex}.body-tile-avatar.compact{width:76%}.summon-name-row{align-items:center;gap:10px;margin-top:14px;display:flex}.name-field{background:#1b1338e6;border:1.5px solid #c9b6ff4d;border-radius:14px;flex:1;min-width:0;padding:6px 14px}.name-field-label{color:var(--dim);font-size:10.5px;font-weight:500}.name-field input{width:100%;color:var(--text);font-size:16px;font-weight:600;font-family:var(--font);background:0 0;border:none;outline:none;padding:2px 0 0}.pick-tile:focus-visible,.summon-step-pill:focus-visible,.btn:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}@media (width>=900px),(orientation:landscape){.summon-root{flex-direction:row}.summon-scene{flex:auto;height:100%;min-height:0}.summon-panel{border-top:none;border-left:1.5px solid #c9b6ff2e;flex:0 0 480px;max-width:480px;height:100%}.card-grid.type-grid{grid-template-columns:repeat(4,1fr)}}@media (orientation:landscape) and (width<=920px){.summon-step-pill{padding:6px 5px;font-size:11.5px}.summon-step-sep{padding:0}.summon-panel{flex-basis:300px;max-width:300px}.summon-step-content{padding:4px 12px 2px}.summon-step-head h2{font-size:15px}.summon-step-head p,.summon-subtitle{font-size:10.5px}}@media (orientation:landscape) and (height<=420px){.summon-step-head{padding:2px 12px}.summon-footer{padding:4px 12px 6px}}html,body{background:#120d2a;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}button{font-family:inherit}:root{--safe:max(var(--ol-safe-edge), env(safe-area-inset-left), env(safe-area-inset-right))}.stage{background:var(--ol-night);--safe:max(var(--ol-safe-edge), env(safe-area-inset-left), env(safe-area-inset-right));position:fixed;inset:0;overflow:hidden}.stage>canvas.bg,.stage>canvas.fx,.title-scene>canvas.bg,.title-scene>canvas.fx{width:100%;height:100%;position:absolute;inset:0}.stage>canvas.fx,.title-scene>canvas.fx{pointer-events:none}.hud{padding:calc(12px * var(--ol-k,1)) var(--safe);pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.title-hud{opacity:0;animation:title-hud-reveal var(--reveal-dur,.48s) ease-out var(--reveal-delay,1.92s) forwards}.title-hud--skip{opacity:1;animation:none}@keyframes title-hud-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.title-hud{animation-duration:1ms;animation-delay:0s}}.title-stage{background:var(--ol-night,#0b0a24)}.title-sky{pointer-events:none;background:radial-gradient(circle at 50% 18%,#fff6cf59,#fff6cf00 9%),linear-gradient(#171233 0%,#0b0a24 70%);position:absolute;inset:0}.title-scene{opacity:0;animation:title-scene-fade var(--scene-dur,.52s) ease-out var(--scene-delay,1.2s) forwards;position:absolute;inset:0}.title-scene.title-skip{opacity:1;animation:none}@keyframes title-scene-fade{0%{opacity:0}to{opacity:1}}.title-logo{opacity:0;pointer-events:none;animation:.62s cubic-bezier(.34,1.56,.64,1) 80ms forwards title-logo-slam;transform:translate(-50%,-50%)scale(.4)}.title-logo.title-skip{opacity:1;animation:none;transform:translate(-50%,-50%)scale(1)}@keyframes title-logo-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.title-play{animation:2.2s ease-in-out infinite title-play-pulse}@keyframes title-play-pulse{0%,to{box-shadow:0 calc(2px * var(--ol-k,1)) 0 var(--ol-ink,#1b1030), 0 0 0 #ff8fb300}50%{box-shadow:0 calc(2px * var(--ol-k,1)) 0 var(--ol-ink,#1b1030), 0 0 calc(22px * var(--ol-k,1)) #ff8fb3a6}}@media (prefers-reduced-motion:reduce){.title-scene,.title-logo{animation-duration:1ms;animation-delay:0s}.title-play{animation:none}}.row{align-items:center;gap:calc(10px * var(--ol-k,1));display:flex}.col{gap:calc(8px * var(--ol-k,1));flex-direction:column;display:flex}.grow{flex:1;min-width:0}.center{place-items:center;display:grid}.dim{color:var(--ol-dim)}.topbar{left:var(--safe);right:var(--safe);top:calc(10px * var(--ol-k,1));align-items:flex-start;gap:calc(10px * var(--ol-k,1));display:flex;position:absolute}.topbar .right{align-items:center;gap:calc(10px * var(--ol-k,1));margin-left:auto;display:flex}.godplate{height:calc(50px * var(--ol-k,1));min-width:calc(220px * var(--ol-k,1));max-width:calc(300px * var(--ol-k,1))}.godplate .row1{align-items:center;gap:calc(8px * var(--ol-k,1));display:flex}.godplate .name{font-weight:700;font-size:var(--ol-fs-body);text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1;overflow:hidden}.godplate .ol-bar{margin-top:calc(5px * var(--ol-k,1));height:calc(6px * var(--ol-k,1))}.lv{align-items:center;gap:calc(2px * var(--ol-k,1));font-weight:700;font-size:var(--ol-fs-small);color:var(--ol-butter);display:inline-flex}.lv .ol-icon{width:calc(22px * var(--ol-k,1));height:calc(22px * var(--ol-k,1))}.xpnum{font-size:var(--ol-fs-tiny);color:var(--ol-dim);white-space:nowrap;font-weight:600}.pillwrap{margin-left:calc(30px * var(--ol-k,1))}.titlebar{left:50%;top:calc(6px * var(--ol-k,1));min-width:calc(280px * var(--ol-k,1));position:absolute;transform:translate(-50%)}.dock{right:var(--safe);bottom:calc(10px * var(--ol-k,1));gap:calc(16px * var(--ol-k,1));align-items:flex-end;display:flex;position:absolute}.place{align-items:center;gap:calc(0px * var(--ol-k,1));flex-direction:column;display:flex}.place .ol-label{margin-top:calc(-6px * var(--ol-k,1));font-size:var(--ol-fs-body)}.odds{left:var(--safe);bottom:calc(10px * var(--ol-k,1));width:calc(330px * var(--ol-k,1));position:absolute}.oddsbar{height:calc(16px * var(--ol-k,1));border:calc(2.5px * var(--ol-k,1)) solid var(--ol-ink);background:var(--ol-ink);gap:calc(2px * var(--ol-k,1));margin:calc(6px * var(--ol-k,1)) 0 calc(8px * var(--ol-k,1));box-shadow:0 calc(2px * var(--ol-k,1)) 0 var(--ol-ink);border-radius:999px;display:flex;overflow:hidden}.oddsbar>span{position:relative}.oddsbar>span:after{content:"";background:#ffffff73;border-radius:9px;height:30%;position:absolute;top:2px;left:3px;right:3px}.oddschips{font-weight:600;font-size:var(--ol-fs-small);justify-content:space-between;display:flex}.oddschips span{align-items:center;gap:calc(3px * var(--ol-k,1));display:inline-flex}.oddschips b{font-weight:700}.scenelabel{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.split{left:var(--safe);right:var(--safe);top:calc(84px * var(--ol-k,1));bottom:calc(14px * var(--ol-k,1));gap:calc(18px * var(--ol-k,1));display:flex;position:absolute}.portrait{flex-direction:column;justify-content:flex-end;align-items:center;width:46%;display:flex;position:relative}.portrait canvas{inset:0 0 calc(110px * var(--ol-k,1));width:100%;height:calc(100% - 110px * var(--ol-k,1));position:absolute}.portrait .who{text-align:center}.record{margin-top:calc(8px * var(--ol-k,1));height:calc(56px * var(--ol-k,1));border-bottom-width:calc(4px * var(--ol-k,1));padding:0 calc(4px * var(--ol-k,1));font-weight:700;font-size:var(--ol-fs-body);gap:calc(14px * var(--ol-k,1))}.record span{align-items:center;gap:calc(4px * var(--ol-k,1));display:inline-flex}.tabbed{flex-direction:column;flex:1;min-width:0;display:flex}.tabs{gap:calc(4px * var(--ol-k,1));padding-left:calc(22px * var(--ol-k,1));margin-bottom:calc(-17px * var(--ol-k,1));z-index:1;align-items:flex-end;display:flex;position:relative}.tabbed>.ol-panel{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{scrollbar-width:none;min-height:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px * var(--ol-k,1)), transparent);mask-image:linear-gradient(#000 calc(100% - 28px * var(--ol-k,1)), transparent);flex:1;overflow:auto}.stats{gap:calc(10px * var(--ol-k,1)) calc(22px * var(--ol-k,1));grid-template-columns:1fr 1fr;display:grid}.stat{column-gap:calc(10px * var(--ol-k,1));grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.stat .ol-icon{width:var(--ol-icon-l);height:var(--ol-icon-l);grid-row:1/3}.stat .nm{font-weight:700;font-size:var(--ol-fs-body)}.stat .val{font-weight:700;font-size:var(--ol-fs-number);color:var(--ol-butter)}.stat .eff{font-size:var(--ol-fs-small);color:var(--ol-dim);grid-column:2/4;font-weight:500}.sect{margin:calc(14px * var(--ol-k,1)) 0 calc(6px * var(--ol-k,1))}.skills{gap:calc(10px * var(--ol-k,1));grid-template-columns:repeat(4,1fr);display:grid}.skill{min-height:calc(132px * var(--ol-k,1));justify-content:flex-start;gap:calc(2px * var(--ol-k,1))}.skill .ol-icon{width:var(--ol-icon-l);height:var(--ol-icon-l)}.skill .t{font-weight:700;font-size:var(--ol-fs-body)}.skill .d{font-size:var(--ol-fs-tiny);color:var(--ol-dim);font-weight:500;line-height:1.2}.overlay{z-index:10;place-items:center;display:grid;position:absolute;inset:0}.overlay.scrim{background:var(--ol-scrim)}.modal-wrap{width:min(calc(820px * var(--ol-k,1)), calc(100vw - 2 * var(--safe)));position:relative}.modal-wrap>.ol-banner{left:50%;top:calc(-34px * var(--ol-k,1));z-index:2;min-width:calc(300px * var(--ol-k,1));position:absolute;transform:translate(-50%)}.modal-wrap .closebtn{right:calc(-14px * var(--ol-k,1));top:calc(-18px * var(--ol-k,1));z-index:3;position:absolute}.modal-wrap .ol-modal{padding-top:calc(38px * var(--ol-k,1))}.blessings{gap:calc(14px * var(--ol-k,1));margin:calc(10px * var(--ol-k,1)) 0 calc(12px * var(--ol-k,1));grid-template-columns:repeat(3,1fr);display:grid}.blessing{gap:calc(4px * var(--ol-k,1));cursor:pointer}.blessing>.ol-icon{width:calc(56px * var(--ol-k,1));height:calc(56px * var(--ol-k,1))}.blessing .t{font-weight:700;font-size:var(--ol-fs-heading)}.blessing .d{font-size:var(--ol-fs-small);color:var(--ol-dim);min-height:2.5em;font-weight:500}.blessing.is-picked{filter:drop-shadow(0 0 calc(10px * var(--ol-k,1)) var(--ol-butter));transform:translateY(calc(-4px * var(--ol-k,1)))}.subtitle{text-align:center;font-weight:600;font-size:var(--ol-fs-body);color:var(--ol-dim)}.actions{justify-content:center;gap:calc(12px * var(--ol-k,1));display:flex}.settings-row{align-items:center;gap:calc(12px * var(--ol-k,1));padding:calc(6px * var(--ol-k,1)) 0;font-weight:600;font-size:var(--ol-fs-body);display:flex}.settings-row+.settings-row{border-top:calc(1.5px * var(--ol-k,1)) solid #c9b6ff24}.settings-row .ol-icon{width:var(--ol-icon-m);height:var(--ol-icon-m)}.toastwrap{left:50%;top:calc(12px * var(--ol-k,1));position:absolute;transform:translate(-50%)}.opp{align-items:center;gap:calc(4px * var(--ol-k,1));flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.opp .ol-plate{min-width:calc(250px * var(--ol-k,1));flex-direction:column;justify-content:center;align-items:center;gap:0}.opp .nm{font-weight:700;font-size:var(--ol-fs-heading);line-height:1.05}.opp .meta{align-items:center;gap:calc(6px * var(--ol-k,1));font-size:var(--ol-fs-small);color:var(--ol-dim);font-weight:600;display:flex}.opp .meta .ol-icon{width:calc(22px * var(--ol-k,1));height:calc(22px * var(--ol-k,1))}.opp.is-picked .ol-plate{filter:drop-shadow(0 0 calc(9px * var(--ol-k,1)) var(--ol-butter))}.reward{align-items:center;gap:calc(4px * var(--ol-k,1));display:inline-flex}.reward .ol-icon{width:calc(26px * var(--ol-k,1));height:calc(26px * var(--ol-k,1))}.equip{flex-direction:column;align-items:center;width:46%;display:flex;position:relative}.equip canvas{flex:1;width:100%;min-height:0}.slots{gap:calc(6px * var(--ol-k,1));align-items:flex-end;display:flex}.slots .grp{align-items:center;gap:calc(2px * var(--ol-k,1));flex-direction:column;display:flex}.slots .grp>div{gap:calc(4px * var(--ol-k,1));display:flex}.ol-slot.sm{width:calc(62px * var(--ol-k,1));height:calc(62px * var(--ol-k,1))}.ol-slot .ol-icon{width:calc(40px * var(--ol-k,1));height:calc(40px * var(--ol-k,1))}.ol-slot.filled{border-image-source:url(/ui/frames/card-rose.svg);border-image-slice:38 fill;border-image-width:calc(20px * var(--ol-k,1))}.ol-slot.filled.sky{border-image-source:url(/ui/frames/card-sky.svg)}.filters{gap:calc(6px * var(--ol-k,1));margin-bottom:calc(8px * var(--ol-k,1));align-items:center;display:flex}.items{gap:calc(10px * var(--ol-k,1));grid-template-columns:repeat(4,1fr);display:grid}.item{gap:calc(3px * var(--ol-k,1))}.item .art{width:100%;height:calc(78px * var(--ol-k,1));border-radius:calc(12px * var(--ol-k,1));background:radial-gradient(closest-side,#ffffff29,#0000);place-items:center;display:grid}.item .art .ol-icon{width:calc(64px * var(--ol-k,1));height:calc(64px * var(--ol-k,1))}.item .t{font-weight:700;font-size:var(--ol-fs-body);line-height:1.1}.item .fam{align-items:center;gap:calc(3px * var(--ol-k,1));font-size:var(--ol-fs-tiny);color:var(--ol-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.item .fam .ol-icon{width:calc(18px * var(--ol-k,1));height:calc(18px * var(--ol-k,1))}.item .q{font-size:var(--ol-fs-small);min-height:3.6em;color:var(--ol-text);font-weight:500;line-height:1.2}.item .ol-btn--small{width:100%;min-width:0}.price{align-items:center;gap:calc(3px * var(--ol-k,1));display:inline-flex}.price .ol-icon{width:calc(24px * var(--ol-k,1));height:calc(24px * var(--ol-k,1))}.equipped-tag{justify-content:center;align-items:center;gap:calc(4px * var(--ol-k,1));height:calc(48px * var(--ol-k,1));width:100%;color:var(--ol-mint);font-weight:700;display:inline-flex}.equipped-tag .ol-icon{width:calc(24px * var(--ol-k,1));height:calc(24px * var(--ol-k,1))}.short{color:var(--ol-pink)}.trying-on{font-size:var(--ol-fs-tiny);color:var(--ol-amber,var(--ol-pink));text-transform:uppercase;letter-spacing:.04em;font-weight:700}.compare-line{font-size:var(--ol-fs-tiny);color:var(--ol-dim);font-weight:500;line-height:1.2}.forge-btn{top:calc(6px * var(--ol-k,1));right:calc(6px * var(--ol-k,1));z-index:1;position:absolute}.coachspot{left:var(--safe);position:absolute;bottom:0}.coachbubble{font-size:calc(19px * var(--ol-k,1));z-index:5;pointer-events:none;position:absolute}.coachbubble b{color:var(--ol-pink-deep)}.coachbubble .next{right:calc(-18px * var(--ol-k,1));bottom:calc(-22px * var(--ol-k,1));pointer-events:auto;position:absolute}.skip{right:var(--safe);top:calc(72px * var(--ol-k,1));align-items:center;gap:calc(12px * var(--ol-k,1));z-index:5;display:flex;position:absolute}.steps{gap:calc(6px * var(--ol-k,1));display:flex}.steps i{width:calc(10px * var(--ol-k,1));height:calc(10px * var(--ol-k,1));background:var(--ol-faint);border:calc(2px * var(--ol-k,1)) solid var(--ol-ink);border-radius:50%}.steps i.on{background:var(--ol-butter)}.results{justify-content:center;align-items:center;gap:calc(20px * var(--ol-k,1));padding:calc(70px * var(--ol-k,1)) var(--safe) calc(16px * var(--ol-k,1));display:flex;position:absolute;inset:0}.results .winner{width:36%;height:100%;position:relative}.results .winner canvas{width:100%;height:100%}.results .ol-panel{width:min(calc(480px * var(--ol-k,1)), 52%)}.res-banner{left:50%;top:calc(12px * var(--ol-k,1));min-width:calc(460px * var(--ol-k,1));height:calc(84px * var(--ol-k,1));border-width:0 calc(66px * var(--ol-k,1)) calc(18px * var(--ol-k,1));border-image-width:0 calc(71px * var(--ol-k,1));font-size:calc(40px * var(--ol-k,1));position:absolute;transform:translate(-50%)}.gain{align-items:center;gap:calc(10px * var(--ol-k,1));padding:calc(6px * var(--ol-k,1)) 0;display:flex}.gain .ol-icon{width:var(--ol-icon-l);height:var(--ol-icon-l)}.gain .big{font-weight:700;font-size:var(--ol-fs-title);min-width:calc(86px * var(--ol-k,1))}.gain .why{font-size:var(--ol-fs-small);color:var(--ol-dim);font-weight:500}.shrines{gap:calc(10px * var(--ol-k,1));grid-template-columns:repeat(3,1fr);display:grid}.shrine{align-items:center;gap:calc(8px * var(--ol-k,1));display:flex}.shrine .t{font-weight:700;font-size:var(--ol-fs-body)}.ol-slot:not(.filled) .ol-icon{opacity:.45}.fight-scene{background:var(--ol-night);position:fixed;inset:0}.fight-stage{background:var(--ol-night);position:absolute;inset:0;overflow:hidden}.fight-hud-overlay{left:var(--safe);right:var(--safe);top:calc(10px * var(--ol-k,1));pointer-events:none;z-index:3;position:absolute}.fight-hud-overlay>*{pointer-events:auto}.fight-controls-mini{bottom:calc(66px * var(--ol-k,1));right:var(--safe);gap:calc(6px * var(--ol-k,1));z-index:4;opacity:.6;transition:opacity .12s;display:flex;position:absolute}.fight-controls-mini:hover,.fight-controls-mini:focus-within,.fight-controls-mini:active{opacity:1}.fight-log-ticker{left:var(--safe);right:calc(56px * var(--ol-k,1) + var(--safe));bottom:calc(10px * var(--ol-k,1));align-items:flex-end;gap:calc(6px * var(--ol-k,1));padding:calc(6px * var(--ol-k,1)) calc(10px * var(--ol-k,1));border-radius:calc(12px * var(--ol-k,1));max-height:calc(52px * var(--ol-k,1));z-index:3;background:#140c2c99;display:flex;position:absolute;overflow:hidden}.fight-log-ticker>:first-child{flex:1;min-width:0}.fight-log-toggle{right:calc(10px * var(--ol-k,1));bottom:calc(10px * var(--ol-k,1));z-index:4;position:absolute}.fight-log-drawer{left:var(--safe);right:var(--safe);bottom:calc(70px * var(--ol-k,1));max-height:40%;padding:calc(10px * var(--ol-k,1)) calc(14px * var(--ol-k,1));border-radius:calc(14px * var(--ol-k,1));z-index:4;background:#0d0920e0;border:1.5px solid #c8b4ff2e;position:absolute;overflow-y:auto}.results-scrim{background:#0805168c;position:absolute;inset:0}@media (height<=500px){.portrait,.equip{width:41%}}.chest-overlay{z-index:2;cursor:pointer;position:absolute;inset:0}.chest-overlay canvas{width:100%;height:100%;display:block}.chest-hint{color:var(--ol-butter);text-align:center;animation:1.4s ease-in-out infinite chest-hint-pulse;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@keyframes chest-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.reward-feed{left:50%;top:calc(84px * var(--ol-k,1));align-items:center;gap:calc(8px * var(--ol-k,1));pointer-events:none;z-index:50;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.ol-reward--flying{translate:var(--dx,0) var(--dy,0);opacity:0;transition:translate .5s cubic-bezier(.4,0,.6,1),scale .5s ease-in,opacity .5s ease-in;scale:.55}.currency-panel__scroll{max-height:calc(100vh - 160px * var(--ol-k,1));scrollbar-width:none;-webkit-mask-image:linear-gradient(#000 calc(100% - 20px * var(--ol-k,1)), transparent);mask-image:linear-gradient(#000 calc(100% - 20px * var(--ol-k,1)), transparent);overflow-y:auto}.currency-panel .section{margin-bottom:calc(14px * var(--ol-k,1))}.currency-panel .section h4{align-items:center;gap:calc(6px * var(--ol-k,1));margin:0 0 calc(4px * var(--ol-k,1));font-size:var(--ol-fs-body);display:flex}.currency-panel .section h4 .ol-icon{width:calc(24px * var(--ol-k,1));height:calc(24px * var(--ol-k,1))}.currency-panel .section p{margin:calc(4px * var(--ol-k,1)) 0;font-size:var(--ol-fs-small);color:var(--ol-dim)}.currency-panel .earn-list{margin:calc(4px * var(--ol-k,1)) 0 0;font-size:var(--ol-fs-small);padding:0;list-style:none}.currency-panel .earn-list li{padding:calc(3px * var(--ol-k,1)) 0;border-bottom:1px dashed #c8b4ff2e;justify-content:space-between;display:flex}.currency-panel .earn-list li b{color:var(--ol-butter)}.info-btn{width:calc(26px * var(--ol-k,1));height:calc(26px * var(--ol-k,1));min-width:0}.info-btn .ol-icon{width:calc(16px * var(--ol-k,1));height:calc(16px * var(--ol-k,1))}.odds-title-row{justify-content:space-between;align-items:center;gap:calc(6px * var(--ol-k,1));display:flex}.shrine-popup .odds-compare{gap:calc(10px * var(--ol-k,1));margin:calc(10px * var(--ol-k,1)) 0;flex-direction:column;display:flex}.shrine-popup .odds-row{align-items:center;gap:calc(8px * var(--ol-k,1));font-size:var(--ol-fs-small);font-weight:600;display:flex}.shrine-popup .odds-row .label{width:calc(76px * var(--ol-k,1));flex:none}.shrine-popup .odds-row .track{height:calc(14px * var(--ol-k,1));border:calc(2px * var(--ol-k,1)) solid var(--ol-ink);background:var(--ol-well);border-radius:999px;flex:1;position:relative;overflow:hidden}.shrine-popup .odds-row .track .fill{border-radius:999px;width:0%;transition:width .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.shrine-popup .odds-row .pct{width:calc(112px * var(--ol-k,1));text-align:right;white-space:nowrap;flex:none}.shrine-popup .arrow{text-align:center;color:var(--ol-dim);font-size:var(--ol-fs-small)}.next-steps{left:var(--safe);top:calc(72px * var(--ol-k,1));width:calc(340px * var(--ol-k,1));max-width:calc(100vw - 32px);position:absolute}.next-steps .head{justify-content:space-between;align-items:center;gap:calc(6px * var(--ol-k,1));cursor:pointer;display:flex}.next-steps .head span{font-weight:700;font-size:var(--ol-fs-small)}.next-steps .head .more{color:var(--ol-lilac);font-size:var(--ol-fs-small);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.next-steps .goal{width:100%;margin-top:calc(8px * var(--ol-k,1));text-align:left;align-items:center;gap:calc(10px * var(--ol-k,1));background:var(--ol-well);border-radius:calc(12px * var(--ol-k,1));padding:calc(10px * var(--ol-k,1)) calc(12px * var(--ol-k,1));font-size:var(--ol-fs-body);color:var(--ol-text);cursor:pointer;border:none;line-height:1.25;display:flex}.next-steps .goal:hover{background:color-mix(in srgb, var(--ol-well) 70%, var(--ol-pink) 30%)}.next-steps .goal .ol-icon{width:calc(28px * var(--ol-k,1));height:calc(28px * var(--ol-k,1));flex:none}.pill-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.power-chip{margin-left:calc(4px * var(--ol-k,1));color:var(--ol-lilac)}.power-chip .ol-icon{width:calc(20px * var(--ol-k,1));height:calc(20px * var(--ol-k,1))}.modal-wrap.scout{width:min(calc(760px * var(--ol-k,1)), calc(100vw - 32px))}.scout .ol-modal{max-height:calc(100vh - 56px);overflow-y:auto}.scout-stage{gap:calc(10px * var(--ol-k,1));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.scout-side{align-items:center;gap:calc(4px * var(--ol-k,1));background:var(--ol-well);border-radius:calc(12px * var(--ol-k,1));padding:calc(8px * var(--ol-k,1));flex-direction:column;min-width:0;display:flex}.scout-side .who{font-size:var(--ol-fs-tiny);color:var(--ol-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.scout-side .nm{font-weight:700;font-size:var(--ol-fs-heading);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.scout-side .scout-gear li{justify-content:center}.scout-side .scout-traits{text-align:center}.scout-mid{align-items:stretch;gap:calc(6px * var(--ol-k,1));flex-direction:column;display:flex}.scout-mid .tag{justify-content:center;align-items:center;gap:calc(4px * var(--ol-k,1));font-weight:700;font-size:var(--ol-fs-small);color:var(--tag);display:inline-flex}@media (width<=560px){.scout-stage{grid-template-columns:1fr 1fr}.scout-mid{order:3;grid-column:1/-1}}.scout-nums{gap:calc(2px * var(--ol-k,1));flex-direction:column;display:flex}.scout-row{background:var(--ol-well);border-radius:calc(8px * var(--ol-k,1));padding:calc(2px * var(--ol-k,1)) calc(10px * var(--ol-k,1));font-size:var(--ol-fs-small);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.scout-row .k{color:var(--ol-dim);text-align:center;padding:0 calc(8px * var(--ol-k,1));font-weight:600}.scout-row .v{font-weight:700}.scout-row .v:last-child{text-align:right}.scout-row .v.up{color:#8be38b}.scout-gear{gap:calc(3px * var(--ol-k,1));font-size:var(--ol-fs-small);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.scout-gear li{align-items:center;gap:calc(5px * var(--ol-k,1));display:flex}.scout-gear li.armour{color:var(--ol-dim)}.scout-traits{margin:calc(6px * var(--ol-k,1)) 0 0;font-size:var(--ol-fs-tiny);color:var(--ol-dim)}.scout-note{margin:calc(8px * var(--ol-k,1)) 0 0;color:var(--ol-dim);text-align:center}.scout-actions{justify-content:center;align-items:center;gap:calc(8px * var(--ol-k,1));margin-top:calc(10px * var(--ol-k,1));flex-wrap:wrap;display:flex}.back-to-fight{margin-top:calc(8px * var(--ol-k,1))}.odds-title-row>p{flex:1;min-width:0}.village-chip{left:var(--safe);bottom:calc(10px * var(--ol-k,1));gap:calc(3px * var(--ol-k,1));max-width:calc(260px * var(--ol-k,1));color:var(--ol-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-style:solid;flex-direction:column;display:flex;position:absolute}.village-chip .t{align-items:center;gap:calc(5px * var(--ol-k,1));font-weight:700;font-size:var(--ol-fs-small);display:inline-flex}.village-chip .d{font-size:var(--ol-fs-small);color:var(--ol-mint);font-weight:600}.village-cards{grid-template-columns:repeat(auto-fill, minmax(calc(190px * var(--ol-k,1)), 1fr));gap:calc(8px * var(--ol-k,1));max-height:min(calc(330px * var(--ol-k,1)), 52vh);padding:calc(2px * var(--ol-k,1));display:grid;overflow-y:auto}.village-card{align-items:center;gap:calc(8px * var(--ol-k,1));text-align:left;cursor:pointer;padding:calc(6px * var(--ol-k,1)) calc(8px * var(--ol-k,1));flex-direction:row;display:flex}.village-card .body{flex-direction:column;min-width:0;display:flex}.village-card .t{font-weight:700;font-size:var(--ol-fs-body)}.village-card .d{font-size:var(--ol-fs-small);font-weight:600}.village-card .cost{font-size:var(--ol-fs-small);color:var(--ol-dim)}.village-card.is-off{opacity:.55;cursor:default}.village-built .row,.build-popup .row{align-items:center;gap:calc(12px * var(--ol-k,1));margin-bottom:calc(10px * var(--ol-k,1));display:flex}.village-built .plus,.build-popup .plus{color:var(--ol-mint)}.village-rows{gap:calc(6px * var(--ol-k,1));max-height:min(calc(260px * var(--ol-k,1)), 40vh);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.village-rows li{align-items:center;gap:calc(8px * var(--ol-k,1));font-size:var(--ol-fs-small);display:flex}.village-rows .n{min-width:calc(130px * var(--ol-k,1));font-weight:700}.village-rows .tier{color:var(--ol-butter)}.village-rows .e{color:var(--ol-mint)}.build-popup .stat-deltas{margin:0 0 calc(10px * var(--ol-k,1));gap:calc(14px * var(--ol-k,1));font-size:var(--ol-fs-small);padding:0;list-style:none;display:flex}.build-popup .stat-deltas .up{color:var(--ol-mint)}.stat .val .bonus{color:var(--ol-mint);font-size:.8em}.title-tagline{white-space:nowrap;color:var(--ol-ink,#1b1030);border:.12em solid var(--ol-ink,#1b1030);box-shadow:0 .14em 0 var(--ol-ink,#1b1030);pointer-events:none;background:linear-gradient(#fffaf0,#f3dcb4);border-radius:999px;padding:.38em .8em .32em;font-weight:700;position:absolute;transform:translate(-50%)}.title-tagline-hot{color:#d4467c}.letgo-card{cursor:pointer;gap:calc(2px * var(--ol-k,1));min-width:0;transition:filter .12s,transform .12s}.letgo-card .t{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.letgo-card:hover,.letgo-card:focus-visible{filter:drop-shadow(0 0 calc(8px * var(--ol-k,1)) var(--ol-lilac,#c9b6ff));transform:translateY(calc(-2px * var(--ol-k,1)))}.letgo-card:active{transform:translateY(0)}.lang-switch{align-items:center;gap:calc(6px * var(--ol-k,1));display:inline-flex}.lang-btn{border:calc(2px * var(--ol-k,1)) solid transparent;color:var(--ol-dim);font:inherit;font-weight:700;font-size:var(--ol-fs-small);padding:calc(3px * var(--ol-k,1)) calc(10px * var(--ol-k,1));cursor:pointer;background:0 0;border-radius:999px}.lang-btn.is-active{color:var(--ol-ink,#1b1030);background:var(--ol-butter,#ffe28a)}.lang-switch.is-compact .lang-btn{padding:calc(1px * var(--ol-k,1)) calc(6px * var(--ol-k,1));font-size:inherit}