@font-face{font-family:Emerald;src:url(../fonts/emerald.woff2) format("woff2");font-display:block}@font-face{font-family:"Jersey 25";src:url(../fonts/jersey25.woff2) format("woff2");font-display:block}@font-face{font-family:"Jersey 15";src:url(../fonts/jersey15.woff2) format("woff2");font-display:block}:root{--text: "Emerald", ui-monospace, monospace;--display: "Jersey 25", sans-serif;--ui: "Jersey 15", sans-serif}:root{--red: #e8483c;--blue: #3c7ce8;--ink: #28303c;--paper: #f8f8f0;--s: 2}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#1c2230;color:var(--paper);font-family:var(--text);font-size:24px;display:grid;place-items:center;-webkit-user-select:none;user-select:none}main{display:flex;gap:16px;align-items:flex-start}#stage{position:relative;line-height:0;border:4px solid #0c1018;border-radius:6px;overflow:hidden}canvas,.sprite,.icon{image-rendering:pixelated}#map{cursor:pointer;display:block}.box{background:var(--paper);color:var(--ink);border:3px solid #5870a0;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink);border-radius:6px;padding:8px 10px;line-height:1.1}#panel{width:270px;display:flex;flex-direction:column;gap:14px}#panel h1{margin:0;font-family:var(--display);font-size:28px;letter-spacing:1px;color:#ffd84a;text-shadow:2px 2px 0 #b0401c}#status .turn{font-weight:700;font-size:24px}#status .funds{display:flex;justify-content:space-between;margin-top:4px}.t0{color:var(--red)}.t1{color:var(--blue)}#info{min-height:150px;font-family:var(--ui);font-size:21px}#info h3{margin:0 0 2px;font-size:24px}#info hr{border:0;border-top:2px dotted #b8c0d0;margin:6px 0}#info .muted{color:#6a7488}.pill{display:inline-block;padding:0 6px;border-radius:8px;color:#fff;font-family:var(--ui);font-size:19px;text-shadow:1px 1px 0 #0006}.buttons{display:flex;flex-direction:column;gap:8px}button{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;border:2px solid var(--ink);border-radius:6px;padding:6px 10px;text-align:left;box-shadow:0 3px #0c1018}button:hover:not(:disabled){background:#ffe9a0}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0c1018}button:disabled{opacity:.45;cursor:default}kbd{float:right;font:inherit;font-family:var(--ui);font-size:19px;opacity:.6}.help{font-family:var(--ui);font-size:19px;line-height:1.3;color:#a8b4cc;margin:0}.help kbd{float:none;opacity:1}#menu,#forecast{position:absolute;z-index:5}#menu{display:flex;flex-direction:column;gap:4px;padding:6px;min-width:120px}#menu button{box-shadow:none;border-color:transparent;padding:3px 8px}#menu button:hover{border-color:var(--ink)}#forecast{pointer-events:none;font-family:var(--ui);font-size:20px;white-space:nowrap;padding:4px 8px}.icon{width:32px;height:32px;background-image:url(../assets/icons.png)}#banner{position:absolute;z-index:9;left:0;right:0;top:38%;padding:18px;text-align:center;font-size:32px;font-weight:700;line-height:1.2;color:#fff;text-shadow:2px 2px 0 #0008;pointer-events:none;background:#1c2230e0;border-block:4px solid currentColor}#banner.t0{background:#c0392be8}#banner.t1{background:#2c63c8e8}#banner small{display:block;font-size:24px;font-weight:400}#map{will-change:transform}.pop{position:absolute;z-index:7;pointer-events:none;white-space:nowrap;line-height:1;font-family:var(--text);font-size:32px;color:#fff;text-shadow:2px 0 #10141c,-2px 0 #10141c,0 2px #10141c,0 -2px #10141c,2px 2px #10141c,-2px -2px #10141c,2px -2px #10141c,-2px 2px #10141c,0 4px #10141c;animation:pop 1.2s forwards}.pop.dmg{color:#ff5a48;font-size:48px}.pop.ko{color:#ffd84a;font-size:48px}.pop.gold{color:#ffd84a}.pop.heal{color:#70f088}.pop.t0{color:#ff8070;font-size:32px}.pop.t1{color:#80b8ff;font-size:32px}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.2)}12%{transform:translate(-50%,-110%) scale(1.5)}24%{transform:translate(-50%,-70%) scale(.9)}34%{transform:translate(-50%,-80%) scale(1)}75%{transform:translate(-50%,-100%) scale(1);opacity:1}to{transform:translate(-50%,-160%) scale(1);opacity:0}}#menu.open,#forecast{animation:box-in .16s cubic-bezier(.2,1.6,.4,1);transform-origin:left top}#menu.open button{animation:item-in .2s backwards}@keyframes box-in{0%{transform:scale(.5);opacity:0}}@keyframes item-in{0%{transform:translate(-14px);opacity:0}}@keyframes sheet-in{0%{transform:translate(-50%,-44%) scale(.9);opacity:0}}#menu button:hover{transform:translate(4px);background:#ffe9a0}#menu button{transition:transform .08s}#menu button:before{content:"▶ ";opacity:0}#menu button:hover:before{opacity:1}button{transition:transform .08s,background .1s}button:hover:not(:disabled){transform:translateY(-2px)}#end.ready{background:#ffd84a;animation:ready .8s infinite}@keyframes ready{50%{transform:scale(1.04);box-shadow:0 3px #0c1018,0 0 0 4px #ffd84a66}}#status .turn{animation:none}#banner.slide{animation:banner 1.15s both}#banner.win{animation:win-in .6s cubic-bezier(.2,1.8,.4,1) both}@keyframes banner{0%{transform:translate(-100%) skew(-12deg)}18%,80%{transform:translate(0) skew(0)}to{transform:translate(100%) skew(-12deg)}}@keyframes win-in{0%{transform:scale(.2) rotate(-6deg);opacity:0}}#panel{width:290px}#day{font-size:24px}#cos{display:flex;flex-direction:column;gap:12px}.co{display:flex;gap:10px;align-items:center;opacity:.7;transition:transform .2s,opacity .2s;padding:6px 8px}.co.active{opacity:1;transform:translate(-8px)}.co.t0{border-color:var(--red);color:var(--ink)}.co.t1{border-color:var(--blue);color:var(--ink)}.co img{width:80px;height:80px;image-rendering:pixelated;border:3px solid var(--ink);border-radius:6px;background:#c8d8e8}.co.active img{animation:nod 1.6s steps(2) infinite}@keyframes nod{50%{transform:translateY(-2px)}}.co>div{flex:1;font-size:24px}.co small{color:#6a7488;font-family:var(--ui);font-size:19px}.co .money{font-size:24px}.meter{height:12px;margin-top:4px;border:2px solid var(--ink);border-radius:6px;background:#485060;overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),#28303c calc(25% - 2px) 25%)}.meter i{display:block;height:100%;background:linear-gradient(#ffe870,#f0a020);mix-blend-mode:screen}.co.full .meter{animation:glow .5s infinite alternate}.co.full .meter i,.co.on .meter i{background:linear-gradient(#fff,#ffe870);mix-blend-mode:normal}.co.on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px #ffd84a,0 0 18px #ffd84a}@keyframes glow{to{box-shadow:0 0 10px 2px #ffd84a}}#power{text-align:left}#power small{display:block;font-family:var(--ui);font-size:19px;line-height:1.05;color:#6a7488;margin-top:2px}#power.ready{background:#ffd84a;animation:ready .6s infinite}#power.ready small{color:var(--ink)}.mug{width:40px;height:40px;image-rendering:pixelated;border:2px solid var(--ink);border-radius:4px}#info .mug{float:right;width:60px;height:60px;margin-left:6px}#info .mug.t0{border-color:var(--red)}#info .mug.t1{border-color:var(--blue)}#talk{position:absolute;z-index:6;bottom:10px;left:10px;display:flex;align-items:flex-end;gap:10px;line-height:1.1;pointer-events:none;max-width:70%}#talk.t1{left:auto;right:10px;flex-direction:row-reverse}#talk[hidden],#cutin[hidden],#select[hidden]{display:none}#talk img{width:80px;height:80px;image-rendering:pixelated;border:3px solid var(--ink);border-radius:6px;box-shadow:0 0 0 3px var(--paper)}#talk.t0 img{border-color:var(--red)}#talk.t1 img{border-color:var(--blue)}#talk .box{font-size:24px}#talk b{display:block;font-family:var(--ui);font-size:21px}#talk.show{animation:talk-in .25s cubic-bezier(.2,1.6,.4,1)}#talk.show img{animation:talk-bob .3s 3 steps(2)}@keyframes talk-in{0%{transform:translateY(60px) scale(.8);opacity:0}}@keyframes talk-bob{50%{transform:translateY(-4px)}}#cutin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;line-height:1;background:#0c1018c0}#cutin .band{position:absolute;left:-10%;right:-10%;top:22%;height:56%;background:var(--c);transform:skewY(-7deg);border-block:10px solid #fff;box-shadow:0 0 0 10px var(--ink)}#cutin.t0 .band{background:linear-gradient(90deg,var(--c),var(--red))}#cutin.t1 .band{background:linear-gradient(90deg,var(--blue),var(--c))}#cutin .lines{position:absolute;top:-20%;right:-50%;bottom:-20%;left:-50%;z-index:1;transform:skewY(-7deg);background:repeating-linear-gradient(0deg,transparent 0 22px,#ffffff50 22px 26px,transparent 26px 60px);background-size:100% 60px}#cutin img{position:absolute;z-index:2;left:6%;top:50%;width:40px;height:40px;image-rendering:pixelated;transform:translateY(-50%) scale(8);transform-origin:left center;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}#cutin.t1 img{left:auto;right:6%;transform-origin:right center}#cutin .title{position:absolute;z-index:2;right:5%;top:50%;transform:translateY(-50%) rotate(-7deg);text-align:right;color:#fff;width:55%}#cutin.t1 .title{right:auto;left:5%;text-align:left}#cutin .title small{display:block;font-size:24px;margin-bottom:10px;text-shadow:2px 2px 0 var(--ink)}#cutin .title b{font-family:var(--display);font-size:68px;text-shadow:5px 5px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}#cutin.go{animation:cut-bg 1.9s both}#cutin.go .band{animation:cut-band 1.9s both}#cutin.go .lines{animation:cut-lines .25s linear infinite}#cutin.go img{animation:cut-face 1.9s both}#cutin.go .title b{display:block;animation:cut-title 1.9s both}#cutin.go .title small{animation:cut-small 1.9s both}#cutin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#fff;opacity:0;animation:none}#cutin.go:after{animation:cut-flash 1.9s both}@keyframes cut-bg{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}@keyframes cut-band{0%{transform:skewY(-7deg) scaleY(0)}12%,90%{transform:skewY(-7deg) scaleY(1)}to{transform:skewY(-7deg) scaleY(0)}}@keyframes cut-lines{to{background-position:0 60px;transform:skewY(-7deg) translate(-120px)}}@keyframes cut-face{0%{margin-left:-900px}18%{margin-left:30px}24%,to{margin-left:0}}@keyframes cut-small{0%,14%{opacity:0;transform:translate(80px)}26%,to{opacity:1;transform:none}}@keyframes cut-title{0%,48%{opacity:0;transform:scale(4)}56%{opacity:1;transform:scale(.9)}62%,to{opacity:1;transform:scale(1)}}@keyframes cut-flash{0%,50%{opacity:0}54%{opacity:.9}70%,to{opacity:0}}#cutin.t1.go img{animation-name:cut-face-r}@keyframes cut-face-r{0%{margin-right:-900px}18%{margin-right:30px}24%,to{margin-right:0}}#select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;background:#1c2230f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;line-height:1.1}#select h2{margin:0;font-family:var(--display);font-size:34px}#select .cards{display:flex;gap:14px}.cocard{width:220px;text-align:center;padding:14px 12px;border-width:3px;border-top:12px solid var(--c);display:flex;flex-direction:column;align-items:center;gap:4px}.cocard img{width:120px;height:120px;image-rendering:pixelated;border:3px solid var(--ink);border-radius:8px;background:var(--c)}.cocard b{font-size:32px}.cocard i{color:#6a7488;font-style:normal}.cocard p{margin:4px 0 0;font-family:var(--ui);font-size:21px;line-height:1.05}.cocard:hover:not(:disabled){transform:translateY(-8px) rotate(-1deg)}.cocard:hover img{animation:talk-bob .3s infinite steps(2)}#select.open .cocard{animation:card-in .35s cubic-bezier(.2,1.5,.4,1) backwards}@keyframes card-in{0%{transform:translateY(80px) scale(.8);opacity:0}}#banner img{width:80px;height:80px;image-rendering:pixelated;vertical-align:middle;margin-right:16px;border:3px solid #fff;border-radius:6px;float:left;margin-left:30%}main{align-items:center}#panel{gap:10px}#panel h1{font-size:24px}#info{min-height:132px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttons #end,.buttons #new{grid-column:1 / -1}.buttons button{padding:5px 8px}#mute kbd{display:none}.help{font-family:var(--ui);font-size:19px;line-height:1.1}@media (max-height: 860px){.help{display:none}.co img{width:64px;height:64px}}.box,#menu,.cocard,.counter{background:none;box-shadow:none;border-radius:0;padding:2px 6px;border:16px solid transparent;border-image:url(../assets/ui/frame-1.png) 8 fill / 16px round;image-rendering:pixelated}.co.active{border-image-source:url(../assets/ui/frame-18.png)}#talk .box,#forecast{padding:0 4px}button:focus{outline:none}#menu{min-width:150px;gap:0;padding:0 2px;filter:drop-shadow(4px 4px 0 #0006)}#menu button{font-size:24px;padding:2px 10px 2px 4px;background:none;border:0;border-radius:0}#menu button:before{content:"▶";opacity:0;margin-right:6px;font-family:var(--ui);font-size:19px}#menu button:hover,#menu button:focus{background:none;transform:translate(4px)}#menu button:hover:before,#menu button:focus:before{opacity:1;animation:nudge .5s steps(2) infinite}@keyframes nudge{50%{transform:translate(-3px)}}@keyframes swap{0%{transform:translate(12px);opacity:0}}.stat{display:flex;align-items:center;gap:8px;font-family:var(--ui);font-size:21px}.stat span{width:62px}.pips{display:flex;gap:2px}.pips i{width:12px;height:10px;background:#b8c0d0;border:2px solid var(--ink)}.pips i.on{background:#f0a020;box-shadow:inset 0 3px #ffe870}#mapfx{position:absolute;left:0;top:0;z-index:2;pointer-events:none;image-rendering:pixelated}#scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#10141c;color:var(--ink);line-height:1.05;overflow:hidden;animation:scene-in .25s}#scene.leave{animation:scene-out .2s forwards}#scene canvas{display:block;width:100%;height:100%;image-rendering:pixelated}@keyframes scene-in{0%{clip-path:circle(0% at 50% 50%);filter:brightness(4)}to{clip-path:circle(85% at 50% 50%)}}@keyframes scene-out{to{clip-path:circle(0% at 50% 50%);filter:brightness(3)}}.plate{position:absolute;top:12px;width:300px;display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--paper);border:4px solid var(--ink);box-shadow:5px 5px #0006;transform:translateY(-160%);transition:transform .3s cubic-bezier(.2,1.5,.4,1)}#scene.ready .plate{transform:none}.plate.left{left:12px;border-left-width:14px}.plate.right{right:12px;flex-direction:row-reverse;text-align:right;border-right-width:14px}.plate.t0{border-left-color:var(--red);border-right-color:var(--red)}.plate.t1{border-left-color:var(--blue);border-right-color:var(--blue)}.plate.left{border-right-color:var(--ink)}.plate.right{border-left-color:var(--ink)}.plate img{width:56px;height:56px;image-rendering:pixelated;border:2px solid var(--ink)}.plate>div{flex:1}.plate .name{font-size:24px;margin:0 6px}.plate .hp{position:relative;height:14px;margin-top:6px;background:#485060;border:3px solid var(--ink)}.plate .hp u,.plate .hp i{position:absolute;left:0;top:0;bottom:0}.plate.right .hp u,.plate.right .hp i{left:auto;right:0}.plate .hp u{background:#fff;transition:width .45s .4s}.plate .hp i{transition:width .12s;box-shadow:inset 0 3px #ffffff70}.plate .hpnum{font-family:var(--display);font-weight:700;font-size:46px;width:50px;text-align:center}.plate.hurt{animation:plate-hurt .35s}@keyframes plate-hurt{15%{transform:translate(6px,-4px) rotate(1deg);background:#ffb0a0}40%{transform:translate(-5px,3px)}70%{transform:translate(3px,-1px)}}#scene.capture .plate,#scene.battle .counter{display:none}#scene .msg{position:absolute;left:14px;right:14px;bottom:12px;font-size:24px;min-height:60px;filter:drop-shadow(4px 4px 0 #0006)}.counter{position:absolute;right:20px;top:16px;width:170px;text-align:center;filter:drop-shadow(4px 4px 0 #0006)}.counter small{display:block;font-size:24px;letter-spacing:2px}.counter b{display:block;font-family:var(--display);font-size:84px;line-height:.95}.counter .bar{height:12px;background:#485060;border:3px solid var(--ink);margin-bottom:4px}.counter .bar i{display:block;height:100%;background:#ffd84a;transition:width .15s}.counter.tick b{animation:tick .28s}@keyframes tick{0%{transform:scale(1.7) translateY(-8px);color:#e8483c}60%{transform:scale(.9)}}.stamp{position:absolute;z-index:3;pointer-events:none;white-space:nowrap;color:#fff;line-height:1;font-family:var(--display);font-weight:700;font-size:48px;text-shadow:3px 0 #10141c,-3px 0 #10141c,0 3px #10141c,0 -3px #10141c,3px 3px #10141c,-3px -3px #10141c,3px -3px #10141c,-3px 3px #10141c,0 7px #10141c;animation:stamp 1.4s forwards}.stamp.dmg{font-family:var(--text);font-weight:400;font-size:100px;color:#ff5a48;animation:pop 1.1s forwards}.stamp.dmg.big{font-size:150px;color:#ffb020}.stamp.super{font-size:48px;color:#ffd84a}.stamp.super.t0{color:#ff8070}.stamp.super.t1{color:#80b8ff}.stamp.weak{font-size:32px;color:#c8d0e0}.stamp.ko{font-size:96px;color:#ffd84a}@keyframes stamp{0%{transform:translate(-50%,-50%) scale(3.5) rotate(-4deg);opacity:0}10%{transform:translate(-50%,-50%) scale(.9) rotate(-4deg);opacity:1}16%{transform:translate(-50%,-50%) scale(1.12) rotate(-4deg)}22%,80%{transform:translate(-50%,-50%) scale(1) rotate(-4deg);opacity:1}to{transform:translate(-50%,-90%) scale(1) rotate(-4deg);opacity:0}}#menu[hidden],#scene[hidden],#banner[hidden],#forecast[hidden]{display:none}#scene.capture .msg{left:14px;right:auto;top:14px;bottom:auto;width:56%;min-height:0}#cutin .title small{font-size:32px}#cutin .title b{font-size:88px;line-height:.95}#cutin .title{width:58%}#panel{width:310px;gap:12px}#panel header{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--display);font-weight:700;font-size:30px;line-height:.85;color:#ffd84a;letter-spacing:1px;text-shadow:2px 2px 0 #b0401c,4px 4px 0 #0c1018;transform:rotate(-3deg)}.logo b{display:block;color:#fff;text-shadow:2px 2px 0 var(--blue),4px 4px 0 #0c1018;margin-left:14px}#day{display:flex;align-items:baseline;gap:6px;background:#0c1018;border:3px solid #5870a0;padding:2px 12px 0;transform:skew(-10deg)}#day small{font-family:var(--ui);font-size:21px;letter-spacing:2px;color:#a8b4cc}#day b{font-family:var(--display);font-size:34px;color:#ffd84a}#stage{transition:border-color .3s}#stage[data-turn="0"]{border-color:var(--red)}#stage[data-turn="1"]{border-color:var(--blue)}#stage.blink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background:#fff;pointer-events:none;animation:blink .33s steps(1) both}@keyframes blink{0%,40%{opacity:.85}20%,60%,to{opacity:0}}.co{position:relative;display:flex;align-items:stretch;gap:0;padding:0;opacity:1;border:3px solid #0c1018;border-image:none;color:var(--ink);background:var(--paper);box-shadow:0 4px #0c1018;transform:scale(.93);transform-origin:left center;filter:saturate(.55) brightness(.8);transition:transform .25s cubic-bezier(.2,1.5,.4,1),filter .25s}.co.t0{--team: var(--red)}.co.t1{--team: var(--blue)}.co.active{transform:none;filter:none;box-shadow:0 4px #0c1018,0 0 0 3px var(--team);border-image:none}.co.active:before{content:"▶";position:absolute;left:-22px;top:50%;margin-top:-11px;color:var(--team);font-size:24px;animation:nudge .5s steps(2) infinite}.co .pic{width:96px;flex:none;background:repeating-linear-gradient(-60deg,var(--team) 0 8px,color-mix(in srgb,var(--team) 80%,#000) 8px 16px);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);display:grid;place-items:center}.co img{width:72px;height:72px;border:3px solid #fff;border-radius:0;background:#c8d8e8;margin:6px 14px 6px 0}.co.active img{animation:nod 1.2s steps(2) infinite}.co .body{flex:1;padding:6px 10px 6px 2px;font-size:24px}.co .nm{font-family:var(--display);font-weight:700;font-size:21px;display:flex;justify-content:space-between;align-items:center}.co .nm em{font-family:var(--text);font-style:normal;font-weight:400;font-family:var(--ui);font-size:19px;background:var(--team);color:#fff;padding:0 6px}.co .money{font-size:24px;display:flex;align-items:center;gap:5px}.co .money small{font-family:var(--ui);font-size:19px;color:#2c8c3c}.coin{width:14px;height:14px;border-radius:50%;background:#ffd84a;border:2px solid #b07800;box-shadow:inset -2px -2px #e0a020}.charge{display:flex;align-items:center;gap:3px;margin-top:3px}.charge i{position:relative;flex:1;height:11px;background:#485060;border:2px solid var(--ink);transform:skew(-18deg);overflow:hidden}.charge i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--f) * 100%);background:linear-gradient(#fff0a0,#f0a020)}.charge b{font-size:24px;color:#8a94a8;line-height:.6;margin-left:2px}.co.full .charge b,.co.on .charge b{color:#f0a020;animation:star .5s infinite alternate}.co.full .charge i:before,.co.on .charge i:before{background:linear-gradient(#fff,#ffe870);animation:glow-pip .5s infinite alternate}@keyframes star{to{transform:scale(1.5) rotate(20deg);color:#ffd84a}}@keyframes glow-pip{to{filter:brightness(1.3)}}.co.on{box-shadow:0 4px #0c1018,0 0 0 3px #ffd84a,0 0 22px #ffd84a}.co.full .meter,.co .meter{display:none}#power,#end{position:relative;overflow:hidden;border:3px solid #0c1018;border-radius:0;box-shadow:0 4px #0c1018;padding:6px 12px;font-size:24px}#power b{font-family:var(--display)}#power{background:#303848;color:#a8b4cc;opacity:1}#power:disabled{opacity:1}#power small,#end small{display:block;font-family:var(--ui);font-size:19px;line-height:1.05;color:inherit;opacity:.8}#power.ready{color:var(--ink);background:linear-gradient(110deg,#f0a020 0,#f0a020 40%,#fff6c0,#f0a020 60%,#f0a020);background-size:250% 100%;animation:shine-btn 1.1s linear infinite,ready .6s infinite}#power.ready small{color:var(--ink);opacity:1}@keyframes shine-btn{0%{background-position:120% 0}to{background-position:-40% 0}}#end{background:linear-gradient(#58c868,#2c8c3c);color:#fff;text-shadow:1px 1px 0 #0c3c18;font-family:var(--display);font-weight:700}#end small{font-family:var(--text);font-weight:400}#end:hover:not(:disabled){background:linear-gradient(#70e080,#38a84c)}#end:disabled{background:#485060}#end.ready{background:linear-gradient(#ffe870,#f0a020);color:var(--ink);text-shadow:none}.buttons button:not(#end){border:2px solid #0c1018;border-radius:0;background:#303848;color:#c8d0e0;font-family:var(--ui);font-size:20px;box-shadow:0 3px #0c1018}.buttons button:not(#end):hover{background:#48546c}#menu button{display:flex;align-items:center;gap:8px}#menu button:before{order:-1}.ic{width:22px;height:22px;display:grid;place-items:center;font-style:normal;font-family:var(--ui);font-size:19px;color:#fff;border:2px solid var(--ink);font-family:system-ui,sans-serif}.ic.atk{background:var(--red)}.ic.cap{background:#f0a020}.ic.ok{background:#2c8c3c}.ic.no{background:#6a7488}#forecast{padding:0 4px;font-size:24px;line-height:1.1;filter:drop-shadow(4px 4px 0 #0006)}#forecast .row{display:flex;align-items:center;gap:8px}#forecast b{font-family:var(--display);font-size:28px;min-width:44px}#forecast .out{color:var(--red)}#forecast .in{color:#6a7488}#forecast em{font-style:normal;color:#f0a020}#forecast .eff{font-family:var(--ui);font-size:20px}#forecast .eff.good{color:#2c8c3c}#forecast .eff.bad{color:#6a7488}#scene,#scene.leave{animation:none}.box,#menu,.cocard,.counter,#forecast{color:#484848;text-shadow:.0625em .0625em 0 #d0d0c8;line-height:1.08}.box .pill,.cocard .pill,.plate .pill{text-shadow:1px 1px 0 #0006;font-family:var(--ui);font-size:18px;padding:0 7px 1px;border-radius:3px;letter-spacing:.5px}.pill{font-family:var(--ui)}h1,h2,h3,h4,b,strong{font-weight:400}#info h3,.cocard b,.co .nm,#talk b,.plate .name{font-family:var(--display);letter-spacing:.5px;text-shadow:none}#info h3{font-size:28px}#info{font-size:24px}#info .muted,.stat{font-family:var(--ui);font-size:20px;text-shadow:none}#menu button{font-family:var(--ui);font-size:28px;text-shadow:none}.cocard b{font-size:36px}.cocard i,.cocard p{font-family:var(--ui);font-size:20px;text-shadow:none;line-height:1}#select h2{font-size:44px;letter-spacing:1px}.co .nm{font-size:26px}.co .money{font-family:var(--ui);font-size:26px}.co .nm em{font-family:var(--ui);font-size:16px;letter-spacing:1px}#day small{font-family:var(--ui);font-size:20px}#day b{font-size:40px;line-height:.9}.logo{font-size:38px}#power,#end{font-family:var(--display);font-size:28px;letter-spacing:.5px}#power b{font-family:inherit}#power small,#end small{font-family:var(--ui);font-size:18px;letter-spacing:0}kbd{font-family:var(--ui);font-size:16px}.buttons button:not(#end){font-family:var(--ui);font-size:20px}.help{font-family:var(--ui);font-size:18px}#talk .box,#talk b{font-size:24px}#scene .msg{font-size:32px;min-height:72px}#scene.capture .msg{font-size:24px}.plate .name{font-size:32px}.plate .hpnum{font-family:var(--display);font-size:56px}.counter small{font-family:var(--ui);font-size:22px}.counter b{font-family:var(--display);font-size:96px}.stamp{font-family:var(--display);letter-spacing:2px}.stamp.dmg{font-family:var(--display);font-size:120px}.stamp.dmg.big{font-size:170px}.pop{font-family:var(--display);font-size:36px;letter-spacing:1px}.pop.dmg{font-size:52px}.pop.ko{font-size:60px}#forecast{font-family:var(--ui);font-size:22px;text-shadow:none}#forecast b{font-family:var(--display);font-size:34px}#minimap{width:100%;image-rendering:pixelated;border:3px solid #0c1018;box-shadow:0 4px #0c1018;cursor:pointer;background:#0c1018}#info{min-height:108px}.buttons{grid-template-columns:1fr 1fr 1fr}#panel{gap:9px}.help{display:none}.co img{width:58px;height:58px;margin:4px 12px 4px 0}.co .pic{width:80px}#minimap{width:auto;height:132px;align-self:center}#info{min-height:92px}#power,#end{padding:4px 12px}main{align-items:flex-start}#info{height:96px;min-height:0;overflow:hidden}#overlay,#wipe{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;pointer-events:none}#overlay{z-index:12;color:#fff;font-family:var(--display);font-weight:400;letter-spacing:.04em}#overlay[hidden],#wipe[hidden]{display:none}#overlay.t0{--team: #e8483c;--team-dark: #8c1f18;--team-light: #ffb0a0}#overlay.t1{--team: #3c7ce8;--team-dark: #173c8c;--team-light: #a8d0ff}#overlay img{image-rendering:pixelated}#wipe{z-index:13;display:flex;flex-direction:column}#wipe i{flex:1;background:#10141c;margin-bottom:-1px}#wipe.t0 i{background:#c0392b}#wipe.t1 i{background:#2c63c8}#wipe.wild i{background:repeating-linear-gradient(90deg,#2c7c40 0,#2c7c40 3vh,#3c9850 3vh,#3c9850 6vh);box-shadow:inset 0 .8vh #58c070,inset 0 -.8vh #1c5c30}#wipe.wild i:nth-child(odd){background:repeating-linear-gradient(90deg,#3c9850 0,#3c9850 3vh,#2c7c40 3vh,#2c7c40 6vh)}#wipe.in i{animation:bar-in .26s cubic-bezier(.6,0,.3,1) both}#wipe.out i{animation:bar-out .26s cubic-bezier(.6,0,.3,1) both}#wipe i:nth-child(odd){--from: -101%}#wipe i:nth-child(2n){--from: 101%}#wipe i:nth-child(1),#wipe i:nth-child(2){animation-delay:0s}#wipe i:nth-child(3),#wipe i:nth-child(4){animation-delay:15ms}#wipe i:nth-child(5),#wipe i:nth-child(6){animation-delay:.03s}#wipe i:nth-child(7),#wipe i:nth-child(8){animation-delay:45ms}#wipe i:nth-child(9),#wipe i:nth-child(10){animation-delay:.06s}@keyframes bar-in{0%{transform:translate(var(--from))}}@keyframes bar-out{to{transform:translate(calc(var(--from) * -1))}}.ticker{position:absolute;left:-10%;right:-10%;height:7em;background:#10141c;display:flex;align-items:center;overflow:hidden;z-index:3;border-block:.5em solid #fff}.ticker.top{top:9em;transform:rotate(-4deg)}.ticker.bottom{bottom:9em;transform:rotate(-4deg)}.ticker>div{display:flex;white-space:nowrap;animation:tick-l 6s linear infinite}.ticker.bottom>div{animation-name:tick-r}.ticker span{font-size:3.6em;letter-spacing:.08em;padding-right:1em;color:var(--c, var(--team-light))}@keyframes tick-l{to{transform:translate(-30%)}}@keyframes tick-r{0%{transform:translate(-30%)}}.portrait{position:absolute;z-index:4;width:46em;height:46em}.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.portrait:before{content:"";position:absolute;top:-1.6em;right:-2.4em;bottom:-1.6em;left:-2.4em;background:#fff;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);box-shadow:0 0 0 1em #10141c}.portrait:after{content:"";position:absolute;top:-.6em;right:-1em;bottom:-.6em;left:-1em;background:var(--c, var(--team));clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.portrait img{z-index:1}.portrait .e1,.portrait .e2,.portrait .e3{z-index:0;filter:brightness(0) invert(1);opacity:0}.words b{display:block}.words b span{display:inline-block;text-shadow:.07em .07em 0 #10141c,-.04em -.04em 0 #10141c,.04em -.04em 0 #10141c,-.04em .04em 0 #10141c,.14em .14em 0 var(--team-dark, #10141c)}.rays{position:absolute;left:50%;top:50%;width:260em;height:260em;margin:-130em;z-index:1;background:repeating-conic-gradient(from 0deg,var(--c, var(--team)) 0 5deg,transparent 5deg 12deg);opacity:.55;-webkit-mask-image:radial-gradient(circle,transparent 0 8%,#000 30%);mask-image:radial-gradient(circle,transparent 0 8%,#000 30%);animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c14;opacity:.82}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;z-index:9}@keyframes letter-slam{0%{transform:scale(5) rotate(-12deg);opacity:0}60%{transform:scale(.85);opacity:1}80%{transform:scale(1.12)}to{transform:none;opacity:1}}@keyframes echo{0%{opacity:.7}to{opacity:0}}#overlay.turn .sweep{position:absolute;top:0;right:-30%;bottom:0;left:-30%;background:var(--team);transform:skew(-18deg) translate(-130%)}#overlay.turn .s2{background:var(--team-dark)}#overlay.turn.go .s2{animation:sweep 1.5s cubic-bezier(.7,0,.2,1) both}#overlay.turn.go .s1{animation:sweep 1.5s .07s cubic-bezier(.7,0,.2,1) both}@keyframes sweep{0%{transform:skew(-18deg) translate(-130%)}22%,78%{transform:skew(-18deg) translate(0)}to{transform:skew(-18deg) translate(130%)}}#overlay.turn .s1{background:repeating-linear-gradient(90deg,var(--team) 0 6em,color-mix(in srgb,var(--team) 86%,#fff) 6em 12em)}#overlay.turn .ticker{opacity:0}#overlay.turn.go .ticker{animation:appear 1.5s both}@keyframes appear{0%,16%{opacity:0}24%,76%{opacity:1}84%,to{opacity:0}}#overlay.turn .portrait{left:12%;top:50%;width:36em;height:36em;margin-top:-18em}#overlay.turn.go .portrait{animation:turn-face 1.5s both}@keyframes turn-face{0%,12%{transform:translate(-90em)}28%{transform:translate(3em)}34%,74%{transform:none}to{transform:translate(160em)}}#overlay.turn .words{position:absolute;z-index:4;left:50%;top:50%;transform:translateY(-50%)}#overlay.turn .words small{font-size:6em;letter-spacing:.2em}#overlay.turn .words b{font-size:30em;margin:-.04em 0 0}#overlay.turn .words i{display:block;font-style:normal;font-size:4.6em;background:#10141c;padding:.2em .6em;margin-top:.1em;color:var(--team-light)}#overlay.turn.go .words{animation:turn-words 1.5s both}#overlay.turn.go .words b span{animation:letter-slam .3s calc(.36s + var(--i) * .07s) both}@keyframes turn-words{0%,20%{opacity:0}26%,74%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(40em,-50%)}}#overlay.power.go{animation:power-shake 2.9s both}@keyframes power-shake{0%,34%,44%,to{transform:none}35%{transform:translate(-1.6em,.8em)}36.5%{transform:translate(1.4em,-1em)}38%{transform:translate(-1.1em,.6em)}39.5%{transform:translate(.9em,-.5em)}41%{transform:translate(-.5em,.3em)}42.5%{transform:translate(.3em,-.2em)}}#overlay.power .dim{animation:fade-in .25s both,fade-out .3s 2.6s forwards}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}#overlay.power .rays{animation:spin 5s linear infinite,rays-in 2.9s both}@keyframes rays-in{0%,8%{opacity:0;scale:.4}20%,86%{opacity:.6;scale:1}to{opacity:0;scale:1.6}}#overlay.power .ticker.top{animation:tk-top 2.9s both}#overlay.power .ticker.bottom{animation:tk-bottom 2.9s both}@keyframes tk-top{0%{translate:0 -30em}10%,86%{translate:0 0}to{translate:0 -30em}}@keyframes tk-bottom{0%{translate:0 30em}10%,86%{translate:0 0}to{translate:0 30em}}#overlay.power .band{position:absolute;z-index:2;left:-10%;right:-10%;top:24%;height:52%;transform:rotate(-4deg) scaleY(0);background:linear-gradient(90deg,var(--team-dark),var(--team) 40%,var(--c));border-block:1.2em solid #fff;box-shadow:0 0 0 1.2em #10141c;overflow:hidden}#overlay.power.go .band{animation:band 2.9s both}@keyframes band{0%,5%{transform:rotate(-4deg) scaleY(0)}14%{transform:rotate(-4deg) scaleY(1.15)}18%,86%{transform:rotate(-4deg) scaleY(1)}to{transform:rotate(-4deg) scaleY(0)}}#overlay.power .stripes{position:absolute;top:-50%;right:-20%;bottom:-50%;left:-20%;animation:stripes .35s linear infinite;background:repeating-linear-gradient(90deg,transparent 0 14em,#ffffff38 14em 15em,transparent 15em 22em,#00000030 22em 26em)}@keyframes stripes{to{transform:translate(-26em)}}#overlay.power .portrait{top:50%;width:60em;height:60em;margin-top:-31em;left:3%}#overlay.power.t1 .portrait{left:auto;right:3%}#overlay.power.go .portrait{animation:face-in 2.9s both}#overlay.power.t1.go .portrait{animation-name:face-in-r}@keyframes face-in{0%,10%{transform:translate(-120em) scale(1.3)}22%{transform:translate(5em) scale(1.08)}27%,33%{transform:none}35%{transform:scale(1.32) rotate(-3deg)}40%{transform:scale(1.1)}86%{transform:scale(1.16)}to{transform:translate(-120em)}}@keyframes face-in-r{0%,10%{transform:translate(120em) scale(1.3)}22%{transform:translate(-5em) scale(1.08)}27%,33%{transform:none}35%{transform:scale(1.32) rotate(3deg)}40%{transform:scale(1.1)}86%{transform:scale(1.16)}to{transform:translate(120em)}}#overlay.power.go .portrait .e1{animation:echo .5s .32s forwards;translate:-4em 0}#overlay.power.go .portrait .e2{animation:echo .5s .36s forwards;translate:-9em 0}#overlay.power.go .portrait .e3{animation:echo .5s .4s forwards;translate:-15em 0}#overlay.power.t1.go .portrait .e1{translate:4em 0}#overlay.power.t1.go .portrait .e2{translate:9em 0}#overlay.power.t1.go .portrait .e3{translate:15em 0}#overlay.power .words{position:absolute;z-index:5;top:50%;right:3%;width:60%;text-align:right;transform:translateY(-50%) rotate(-4deg)}#overlay.power.t1 .words{right:auto;left:3%;text-align:left}#overlay.power .words small{display:block;font-family:var(--ui);font-weight:400;font-size:4.6em;margin-bottom:.3em;text-shadow:.08em .08em 0 #10141c;animation:quote 2.9s both}@keyframes quote{0%,20%{opacity:0;translate:6em 0}28%,86%{opacity:1;translate:0 0}to{opacity:0}}#overlay.power .words b{line-height:.9;color:#fff;white-space:nowrap;text-shadow:.05em .05em 0 #10141c,.09em .09em 0 var(--team-dark)}#overlay.power.go .words{animation:words-out .3s 2.5s forwards}@keyframes words-out{to{opacity:0;translate:0 -6em}}#overlay.power .words b span{opacity:0;animation:letter-slam .28s calc(1s + var(--i) * 45ms) forwards,shine .9s calc(1.5s + var(--i) * .05s) both}@keyframes shine{50%{color:var(--c);translate:0 -.08em}}#overlay.power .words i{display:inline-block;font-family:var(--ui);font-style:normal;font-weight:400;font-size:3.8em;margin-top:.5em;padding:.15em .5em;background:#10141c;color:var(--c);animation:quote 2.9s .5s both}#overlay.power .shock{position:absolute;z-index:6;left:50%;top:50%;width:20em;height:20em;margin:-10em;border-radius:50%;border:2em solid #fff;opacity:0}#overlay.power.go .shock{animation:shock .6s 1s forwards}@keyframes shock{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(12);border-width:.2em}}#overlay.power.go .flash{animation:flash-a .45s 1s forwards,flash-b .4s 2.5s forwards}@keyframes flash-a{0%{opacity:.95}to{opacity:0}}@keyframes flash-b{0%{opacity:.8}to{opacity:0}}#overlay.versus .half{position:absolute;top:0;bottom:0;width:62%;background:repeating-linear-gradient(-70deg,var(--team) 0 8em,color-mix(in srgb,var(--team) 84%,#000) 8em 16em)}#overlay.versus .h0{left:-6%;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);--team: #e8483c;--team-dark: #8c1f18;--team-light: #ffb0a0}#overlay.versus .h1{right:-6%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);--team: #3c7ce8;--team-dark: #173c8c;--team-light: #a8d0ff}#overlay.versus.go .h0{animation:half-l 2.3s cubic-bezier(.7,0,.2,1) both}#overlay.versus.go .h1{animation:half-r 2.3s cubic-bezier(.7,0,.2,1) both}@keyframes half-l{0%{transform:translate(-100%)}16%,84%{transform:none}to{transform:translate(-100%)}}@keyframes half-r{0%{transform:translate(100%)}16%,84%{transform:none}to{transform:translate(100%)}}#overlay.versus .portrait{top:14%;width:40em;height:40em}#overlay.versus .h0 .portrait{left:22%}#overlay.versus .h1 .portrait{right:22%}#overlay.versus .who{position:absolute;bottom:9%}#overlay.versus .h0 .who{left:16%}#overlay.versus .h1 .who{right:16%;text-align:right}#overlay.versus .who small{display:block;font-size:3.4em;letter-spacing:.15em;color:var(--team-light)}#overlay.versus .who b{display:block;font-size:9em;text-shadow:.07em .07em 0 #10141c}#overlay.versus .who i{font-family:var(--ui);font-weight:400;font-style:normal;font-size:4em;background:#10141c;padding:0 .4em}#overlay.versus .vs{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);font-size:26em;color:#ffd84a}#overlay.versus .vs span{display:inline-block;opacity:0;text-shadow:.06em .06em 0 #10141c,-.03em -.03em 0 #10141c,.03em -.03em 0 #10141c,-.03em .03em 0 #10141c;animation:letter-slam .3s calc(.5s + var(--i) * .12s) forwards,vs-out .3s 1.9s forwards}@keyframes vs-out{to{opacity:0;transform:scale(3)}}#overlay.versus.go .flash{animation:flash-a .4s .62s forwards}#overlay.victory{pointer-events:auto}#overlay.victory .dim{animation:fade-in .5s both}#overlay.victory .portrait{left:8%;top:50%;margin-top:-23em;animation:face-in .9s 0s both;animation-timing-function:cubic-bezier(.2,1.4,.4,1)}#overlay.victory.go .portrait{animation:vic-face .7s cubic-bezier(.2,1.5,.4,1) both,bob 1.2s .7s steps(2) infinite}@keyframes vic-face{0%{transform:translate(-120em) rotate(-10deg)}}@keyframes bob{50%{translate:0 -1em}}#overlay.victory .words{position:absolute;z-index:5;right:5%;top:50%;transform:translateY(-50%);width:50%;text-align:right}#overlay.victory .words b{font-size:13em;color:#ffd84a}#overlay.victory .words b span{opacity:0;animation:letter-slam .3s calc(.5s + var(--i) * .06s) forwards,wave 1.6s calc(1.4s + var(--i) * .08s) infinite}@keyframes wave{20%{translate:0 -.12em}40%{translate:0 0}}#overlay.victory .words small{display:block;font-size:4.6em;margin:.4em 0 .2em}#overlay.victory .words i{font-family:var(--ui);font-weight:400;font-style:normal;font-size:4.2em;color:var(--team-light)}#overlay.victory button{display:block;margin:1em 0 0 auto;font-size:4em;padding:.3em .8em;background:#ffd84a;animation:ready .8s infinite}#overlay.turn .s1{z-index:1}#overlay.turn .words b{font-size:44em;line-height:.8;color:#ffd84a}#overlay.turn .portrait{width:42em;height:42em;margin-top:-21em;left:10%}#overlay.power .impact{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;-webkit-backdrop-filter:invert(1) contrast(1.4);backdrop-filter:invert(1) contrast(1.4);opacity:0;pointer-events:none}#overlay.power.go .impact{animation:impact 2.9s both}@keyframes impact{0%,34.4%{opacity:0}34.5%,37%{opacity:1}37.1%,to{opacity:0}}#overlay.power .embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none;animation:rays-in 2.9s both}#overlay.power .embers i{position:absolute;left:var(--x);bottom:-4em;width:var(--s);height:var(--s);background:var(--c);box-shadow:0 0 0 .25em #ffffff90;opacity:0;animation:ember var(--t) var(--d) linear infinite}@keyframes ember{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(-120vh) rotate(260deg) scale(.3);opacity:0}}body{display:block;overflow:hidden}main{display:block}#stage{position:fixed;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:#10141c}#map,#mapfx{position:absolute;left:0;top:0}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;line-height:1;color:#fff;font-family:var(--ui)}#hud>*{pointer-events:auto}#hud img,#hud i,#hud canvas{image-rendering:pixelated}#cos{pointer-events:none}.cop{position:absolute;top:12px;width:256px;height:98px;transition:transform .35s cubic-bezier(.2,1.5,.4,1),filter .3s}.cop.t0{left:12px;transform-origin:left top}.cop.t1{right:12px;transform-origin:right top}.cop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../assets/ui/panel_round.png);filter:hue-rotate(var(--hue)) saturate(1.25)}.cop.t0{--hue: 222deg;--team: #e8483c}.cop.t1{--hue: 78deg;--team: #3c7ce8}.cop.t1:before{transform:scaleX(-1)}.cop.active:before{background-image:url(../assets/ui/panel_round_sel.png)}.cop.idle{transform:scale(.82);filter:brightness(.78) saturate(.7)}.cop.active{animation:cop-in .5s cubic-bezier(.2,1.6,.4,1)}@keyframes cop-in{0%{transform:scale(.82)}55%{transform:scale(1.08) rotate(-1deg)}}.cop>*{position:relative}.cop .face{position:absolute;left:12px;top:13px;width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 3px #10141c,0 3px 0 3px #0006;background:#c8d8e8}.cop.t1 .face{left:auto;right:12px}.cop .face img{width:80px;height:80px;margin:-4px;display:block}.cop.active .face img{animation:nod 1.2s steps(2) infinite}.cop .txt{position:absolute;left:96px;right:14px;top:8px;text-shadow:2px 2px 0 #10141c80}.cop.t1 .txt{left:14px;right:96px;text-align:right}.cop b{font-family:var(--display);font-size:28px;letter-spacing:.5px}.cop em{font-style:normal;font-size:15px;background:#10141c;padding:1px 6px;margin:0 6px;vertical-align:4px;border-radius:3px;text-shadow:none}.cop .money{font-size:25px;display:flex;align-items:center;gap:5px;margin-top:1px}.cop.t1 .money,.cop.t1 .balls,.cop.t1 .charge{flex-direction:row-reverse}.cop .money small{font-size:16px;color:#d8ffd0}.coin{width:15px;height:15px;border-radius:50%;background:#ffd84a;border:2px solid #8a5c00;box-shadow:inset -2px -2px #e0a020;flex:none}.cop.gain .coin{animation:coin .5s steps(4) 2}@keyframes coin{50%{transform:scaleX(.1)}}.cop .charge{display:flex;align-items:center;gap:3px;margin-top:3px}.cop .charge i{position:relative;width:18px;height:10px;background:#10141c90;border:2px solid #10141c;transform:skew(-18deg);overflow:hidden}.cop .charge i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--f) * 100%);background:linear-gradient(#fff6c0,#f0a020)}.cop .charge u{text-decoration:none;font-size:19px;color:#10141c90;margin:0 3px;text-shadow:none}.cop.full .charge u,.cop.on .charge u{color:#ffd84a;text-shadow:0 0 6px #fff;animation:star .5s infinite alternate}.cop.full .charge i:before,.cop.on .charge i:before{background:linear-gradient(#fff,#ffe870);animation:glow-pip .5s infinite alternate}.cop.on{filter:drop-shadow(0 0 10px #ffd84a)}.cop .balls{display:flex;gap:1px;margin-top:3px;height:15px}.cop .balls i{width:15px;height:15px;background:url(../assets/ui/ball.png) center / 15px}.cop .balls i.done{background-image:url(../assets/ui/ball_empty.png)}#clock{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:4px 16px 4px 8px;background:#10141ce0;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 3px #10141c,0 4px 0 3px #0006;font-size:20px;pointer-events:none}#clock .pb{width:26px;height:26px;background:url(../assets/ui/ball.png) center / 26px;animation:spin 6s linear infinite}#clock b{font-family:var(--display);font-size:30px;color:#ffd84a}#clock small{font-size:17px;letter-spacing:1px;color:#a8b4cc}#clock .turn{padding:2px 10px;border-radius:10px;font-size:18px}#clock .turn.t0{background:var(--red);color:#fff}#clock .turn.t1{background:var(--blue);color:#fff}#clock.tick{animation:clock-tick .5s cubic-bezier(.2,1.6,.4,1)}@keyframes clock-tick{0%{transform:translate(-50%) scale(1.25)}}#mini{position:absolute;left:12px;bottom:12px}#minimap{display:block;width:auto;height:120px;border:3px solid #fff;box-shadow:0 0 0 3px #1848c8,0 0 0 6px #10141c,0 5px 0 6px #0006;cursor:pointer;background:#10141c}#mini:before,#mini:after{content:"";position:absolute;width:12px;height:12px;border:4px solid #e8483c;z-index:1;pointer-events:none}#mini:before{left:-7px;top:-7px;border-right:0;border-bottom:0}#mini:after{right:-7px;top:113px;border-left:0;border-top:0}.sys{display:flex;gap:6px;margin-top:12px}.sys button{font-family:var(--ui);font-size:16px;padding:3px 8px;color:#dfe6f4;background:#303848e8;border:2px solid #10141c;border-radius:10px;box-shadow:0 3px #10141c}.sys button:hover{background:#48546c}#dock{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}#dock>*{pointer-events:auto}#info{position:relative;width:256px;height:98px;min-height:0;padding:0;border:0;background:none;overflow:visible;color:#fff;text-shadow:2px 2px 0 #10141c80;font-family:var(--ui);font-size:19px;transition:transform .25s cubic-bezier(.2,1.5,.4,1),opacity .2s}#info.empty{transform:translateY(30px);opacity:0}#info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../assets/ui/panel_rect.png);filter:hue-rotate(var(--hue, 0deg)) saturate(var(--sat, .25)) brightness(var(--lum, .8))}#info.t0{--hue: 222deg;--sat: 1.25;--lum: 1}#info.t1{--hue: 78deg;--sat: 1.25;--lum: 1}#info>*{position:relative}#info .mug{position:absolute;left:10px;top:10px;width:56px;height:56px;border:3px solid #fff;border-radius:6px;box-shadow:0 0 0 2px #10141c;float:none;margin:0}#info .who{position:absolute;left:78px;top:7px;right:10px;display:flex;align-items:center;gap:6px}#info b{font-family:var(--display);font-size:26px;letter-spacing:.5px}#info .ty{width:19px;height:28px;background:url(../assets/ui/types_small.png);flex:none}#info .hpline{position:absolute;left:78px;top:37px;display:flex;align-items:center;gap:8px;font-size:20px}.hpbar{position:relative;width:138px;height:14px;background:url(../assets/ui/hp_back.png)}.hpbar i{position:absolute;left:32px;top:2px;height:8px;max-width:96px;background:url(../assets/ui/hp.png);transition:width .3s}#info .line{position:absolute;left:12px;right:10px;top:70px;display:flex;justify-content:space-between;font-size:18px;white-space:nowrap}#info .line.two{top:52px}#info .big{position:absolute;left:14px;top:10px;font-family:var(--display);font-size:28px}#info .tile{position:absolute;right:12px;top:10px;width:48px;height:48px;border:3px solid #fff;box-shadow:0 0 0 2px #10141c}#info .stars{color:#ffd84a;letter-spacing:1px}#info .pips{display:inline-flex;gap:1px;vertical-align:-1px}#info .pips i{width:6px;height:9px;background:#10141c90;border:0;box-shadow:none}#info .pips i.on{background:#ffd84a;box-shadow:none}.cmd{display:flex;gap:10px}.cmd button{position:relative;width:184px;height:52px;padding:0 0 4px;border:0;border-radius:0;box-shadow:none;background:url(../assets/ui/button.png) 0 0 / 184px 69px no-repeat;background-size:184px auto;color:#fff;font-family:var(--display);font-size:25px;letter-spacing:.5px;text-align:center;text-shadow:2px 2px 0 #10306c;image-rendering:pixelated;transition:transform .1s,filter .2s;height:35px}.cmd button small{display:none}.cmd button kbd{position:absolute;right:8px;top:-9px;float:none;font-size:14px;background:#10141c;color:#fff;padding:1px 6px;border-radius:8px;opacity:1;text-shadow:none}.cmd button:hover:not(:disabled){background-position:0 -35px;transform:translateY(-2px);background-color:transparent}.cmd button:active:not(:disabled){transform:translateY(2px) scale(.97)}.cmd button:disabled{filter:grayscale(1) brightness(.75);opacity:1}#end{filter:hue-rotate(-85deg) saturate(1.1);text-shadow:2px 2px 0 #0c4a1c}#end.ready{animation:ready .7s infinite;filter:hue-rotate(-170deg) saturate(1.6) brightness(1.15)}#power{filter:grayscale(1) brightness(.75)}#power.ready{filter:hue-rotate(-175deg) saturate(2) brightness(1.2);animation:ready .6s infinite;text-shadow:2px 2px 0 #7a3c00}#power,#end{border:0;box-shadow:none;padding:0 0 4px;overflow:visible;font-size:25px;background-color:transparent}#end:hover:not(:disabled),#power:hover:not(:disabled){background-color:transparent}#end:disabled{background-color:transparent}#scene{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:256 / 176;max-width:100%;box-shadow:0 0 0 100vmax #10141c}#talk{bottom:150px}#talk.t1{bottom:190px}.cop,.cop.t0,.cop.t1,.cop b,.cop .money{color:#fff}.cop:before{filter:none}.cop.t0:before{background-image:var(--cop0)}.cop.t1:before{background-image:var(--cop1)}.cop.t0.active:before{background-image:var(--cop0s)}.cop.t1.active:before{background-image:var(--cop1s)}#info,#info.t0,#info.t1{color:#fff}#info:before{filter:none;background-image:var(--infoN)}#info.t0:before{background-image:var(--info0)}#info.t1:before{background-image:var(--info1)}#end,#end.ready{filter:none;background-image:var(--btn-end);animation:none}#end.ready{animation:ready .7s infinite;filter:brightness(1.2)}#end:disabled{background-image:var(--btn-off);filter:brightness(.8)}#power{filter:brightness(.85);background-image:var(--btn-off);color:#c8d0e0;text-shadow:2px 2px 0 #10141c}#power.ready{filter:none;background-image:var(--btn-power);color:#fff}.cmd button:disabled{filter:brightness(.8)}#clock .sky{display:flex;align-items:center;gap:6px;font-size:18px;color:#dfe6f4}#clock .sky i{width:18px;height:18px;border-radius:50%;background:#ffd84a;box-shadow:0 0 0 2px #10141c,0 0 8px #ffd84a}#clock .sky.p0 i{background:#ffe9a0}#clock .sky.p2 i{background:#ff8a3c;box-shadow:0 0 0 2px #10141c,0 0 8px #ff8a3c}#clock .sky.p3 i{background:#dfe6f4;box-shadow:inset -6px -2px #5870a0,0 0 0 2px #10141c}#clock .sky.w-rain i{background:#88c8ff;box-shadow:0 0 0 2px #10141c;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}#clock .sky.w-sun i{animation:glow-pip .6s infinite alternate}#dock{bottom:18px}#recruit{position:absolute;right:0;bottom:0;z-index:6;width:auto;max-height:none;display:block;padding:0;border:0;border-image:none;background:#0c1018b0;filter:none;transform:none;text-shadow:none;left:0;top:0}#recruit.open{animation:fade-in .2s}.pc{position:absolute;left:50%;top:50%;width:512px;height:384px;transform-origin:center;image-rendering:pixelated;background:url(../assets/ui/pc_overlay.png),url(../assets/ui/pc_box.png) 184px 18px no-repeat,url(../assets/ui/pc_bg.png);box-shadow:0 0 0 4px #10141c,0 10px 0 4px #0008;font-family:var(--text);font-size:16px;color:#484848;text-shadow:1px 1px 0 #d0d0c8;line-height:1}#recruit.open .pc{animation:pc-in .3s cubic-bezier(.2,1.4,.4,1)}@keyframes pc-in{0%{margin-top:60px;opacity:0}}.pc.nope{animation:pc-nope .3s}@keyframes pc-nope{20%{margin-left:-8px}50%{margin-left:7px}80%{margin-left:-4px}}.pc>*{position:absolute}.pc .ttl{left:8px;top:13px;width:162px;text-align:center;font-size:16px}.pc .spr{left:10px;top:52px;width:158px;height:162px;image-rendering:pixelated}.pc .spr.swap{animation:spr-in .2s cubic-bezier(.2,1.5,.4,1)}@keyframes spr-in{0%{transform:scale(.7);opacity:.3}}.pc .row{left:10px;width:152px;height:30px;display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}.pc .r1{top:232px}.pc .r2{top:269px}.pc .r3{top:305px}.pc .r4{top:341px}.pc .row b{font-weight:400;color:#2c6c38;text-shadow:1px 1px 0 #c8e8c8}.pc .row b.bad{color:#c03028;text-shadow:1px 1px 0 #f0c8c0}.pc .ty{width:19px;height:28px;background:url(../assets/ui/types_small.png);flex:none}.pc .pips i{width:5px;height:8px;background:#b8c0d0;border:0}.pc .pips i.on{background:#f0a020;box-shadow:none}.pc .hdr{left:232px;top:31px;width:226px;text-align:center;color:#fff;text-shadow:1px 1px 0 #a04830,1px 0 0 #a04830,0 1px 0 #a04830;letter-spacing:1px}.pc .grid{left:194px;top:80px;width:300px;display:grid;grid-template-columns:repeat(6,50px)}.pc .cell{width:50px;height:44px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;transition:none}.pc .cell:hover:not(:disabled){transform:none;background:none}.pc .cell canvas{display:block;width:50px;height:44px;image-rendering:pixelated}.pc .cell.on{background:radial-gradient(ellipse at 50% 80%,#ffffffb0 0 30%,transparent 62%)}.pc .cell.locked{opacity:.75}.pc .hand{width:32px;height:32px;background:url(../assets/ui/hand1.png) center / 32px;pointer-events:none;z-index:2;transition:left .09s,top .09s;animation:hand-bob .6s steps(2) infinite}.pc .hand[data-f="1"]{background-image:url(../assets/ui/hand2.png)}.pc .hand.grab{background-image:url(../assets/ui/hand_fist.png);animation:hand-grab .26s forwards}@keyframes hand-bob{50%{transform:translateY(-3px)}}@keyframes hand-grab{40%{transform:translateY(14px)}to{transform:translateY(-30px)}}.pc .go,.pc .out{top:325px;height:32px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--text);font-size:16px;color:#484848;text-shadow:1px 1px 0 #d0d0c8;text-align:center}.pc .go{left:192px;width:157px}.pc .out{left:390px;width:111px}.pc .go b{font-weight:400;color:#2c6c38}.pc .go.bad{color:#c03028}.pc .go:hover,.pc .out:hover{background:#ffe9a080;transform:none}#info .ty,.pc .ty{width:38px;height:28px;background-size:38px auto}.pc button{display:block}.pc .go,.pc .out{line-height:32px;white-space:nowrap}#info .ty,.pc .ty{width:19px;height:19px;background-size:19px auto}#recruit[hidden],#stage.titling #hud,#stage.titling .pop{display:none}#stage.titling #map,#stage.titling #mapfx{filter:blur(3px) brightness(.6) saturate(.85);transition:filter .9s}#stage.titling.attract #map,#stage.titling.attract #mapfx{filter:none}#stage.mapswap #map{animation:fade-in .5s}#title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8vh;line-height:1;color:#fff;overflow:hidden}#title[hidden]{display:none}#title:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .9s;background:radial-gradient(ellipse 44% 62% at 50% 46%,#0c1018a8 0 45%,transparent 100%),linear-gradient(#0c1018c8,transparent 20% 74%,#0c1018e8)}#title>*{position:relative}#title .beams{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .9s;background:linear-gradient(100deg,#e8483c80 0 12%,#e8483c30 24%,transparent 36% 64%,#3c7ce830 76%,#3c7ce880 88%)}#title .beams:before,#title .beams:after{content:"";position:absolute;top:0;bottom:0;width:34%;opacity:.5;background:repeating-linear-gradient(100deg,#ffffff18 0 3px,transparent 3px 42px);background-size:84px 100%}#title .beams:before{left:0;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);animation:beam-r 2.4s linear infinite}#title .beams:after{right:0;-webkit-mask-image:linear-gradient(270deg,#000,transparent);mask-image:linear-gradient(270deg,#000,transparent);animation:beam-l 2.4s linear infinite}@keyframes beam-r{to{background-position-x:84px}}@keyframes beam-l{to{background-position-x:-84px}}.logo2{position:relative;font-family:var(--display);text-align:center;transition:transform .6s cubic-bezier(.3,1.3,.5,1)}.logo2:before{content:"";position:absolute;left:50%;top:52%;width:120vh;height:120vh;translate:-50% -50%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(#ffd84a26 0 7.5deg,transparent 7.5deg 15deg);mask-image:radial-gradient(closest-side,#000 15%,transparent 72%);-webkit-mask-image:radial-gradient(closest-side,#000 15%,transparent 72%);animation:spin 70s linear infinite;transition:opacity .5s}.logo2 span{position:relative;display:inline-block}.logo2 span[data-ch]:before{content:attr(data-ch);position:absolute;left:0;top:0;text-shadow:none;color:transparent;-webkit-background-clip:text;background-clip:text;background-size:400% 100%,100% 100%;background-position:130% 0,0 0;animation:logo-shine 5s calc(1.6s + var(--i) * .09s) infinite}@keyframes logo-shine{0%{background-position:130% 0,0 0}14%,to{background-position:-30% 0,0 0}}.logo2 .by{display:inline-flex;align-items:center;gap:1.4vh;margin-bottom:.4vh;padding:.5vh 2.2vh .7vh;font-family:var(--display);font-size:2.9vh;letter-spacing:.34em;color:#ffd84a;background:#0c1018e8;border:.3vh solid #ffd84a;box-shadow:0 0 0 .3vh #0c1018,0 .8vh 0 .3vh #0c101880;transform:skew(-8deg)}.logo2 .by small{font-size:2.1vh;letter-spacing:.3em;color:#dfe6f4}.hawk{position:relative;display:inline-block;width:calc(var(--px, .36vh) * 13);height:calc(var(--px, .36vh) * 7);flex:none}.hawk:before{content:"";position:absolute;left:0;top:0;width:var(--px, .36vh);height:var(--px, .36vh);color:#ffd84a;box-shadow:var(--hawk);animation:hawk-flap 1.1s steps(1) infinite}@keyframes hawk-flap{50%{box-shadow:var(--hawk2)}}#title.open .logo2 .by{animation:by-in .45s cubic-bezier(.2,1.6,.4,1) backwards}@keyframes by-in{0%{transform:skew(-8deg) scaleX(0);opacity:0}}.logo2 .poke{font-size:20vh;line-height:1;letter-spacing:.02em;color:#ffcb05;filter:drop-shadow(0 1.2vh 0 #0c1018a0);text-shadow:.035em 0 #2a5caa,-.035em 0 #2a5caa,0 .035em #2a5caa,0 -.035em #2a5caa,.03em .03em #2a5caa,-.03em -.03em #2a5caa,.03em -.03em #2a5caa,-.03em .03em #2a5caa,.05em .06em #1b3f7a,.02em .07em #1b3f7a,.06em .09em #1b3f7a,.03em .1em #12295a,.07em .12em #12295a,.04em .13em #0c1838,.08em .15em #0c1838}.logo2 .poke span[data-ch]:before{background-image:linear-gradient(105deg,transparent 42%,#fff 50%,transparent 58%),linear-gradient(#fff6a0 8%,#ffcb05 46%,#f08c00 50%,#ffb400 88%)}.logo2 .poke .ball{display:inline-block;width:.5em;height:.5em;margin:0 .02em;vertical-align:.02em;background:url(../assets/ui/ball.png) center / 100%;image-rendering:pixelated;filter:drop-shadow(.03em 0 #2a5caa) drop-shadow(-.03em 0 #2a5caa) drop-shadow(0 .03em #2a5caa) drop-shadow(0 -.03em #2a5caa);animation:spin 5s linear infinite}.logo2 .wars{position:relative;display:inline-block;margin-top:-2.2vh;padding:0 .3em .04em .5em;font-size:11.5vh;line-height:1.02;letter-spacing:.2em;color:#fff;transform:skew(-10deg);background:repeating-linear-gradient(115deg,#ffffff14 0 .12em,transparent .12em .3em),linear-gradient(#f4645a 0,#f4645a 50%,#d8362a 50%);border:.05em solid #fff;box-shadow:0 0 0 .05em #10141c,0 0 0 .09em #ffd84a,0 0 0 .13em #10141c,0 .12em 0 .13em #5c0c08,0 .26em 0 .1em #0c1018a0;text-shadow:.04em 0 #10141c,-.04em 0 #10141c,0 .04em #10141c,0 -.04em #10141c,.035em .035em #10141c,-.035em -.035em #10141c,.035em -.035em #10141c,-.035em .035em #10141c,.06em .08em #5c0c08}.logo2 .wars span[data-ch]:before{background-image:linear-gradient(105deg,transparent 42%,#ffd84a 50%,transparent 58%),linear-gradient(#fff 45%,#c4d0e8 50%,#eef2fa 90%)}.logo2 .wars:before,.logo2 .wars:after{content:"★";position:absolute;top:50%;font-family:var(--ui);font-size:.5em;letter-spacing:0;color:#ffd84a;text-shadow:.06em .06em 0 #10141c,-.05em -.05em 0 #10141c,.05em -.05em 0 #10141c,-.05em .05em 0 #10141c;animation:star-spin 3s cubic-bezier(.5,0,.3,1.4) infinite}.logo2 .wars:before{left:-.75em;translate:0 -50%}.logo2 .wars:after{right:-.75em;translate:0 -50%;animation-delay:.3s}@keyframes star-spin{0%,70%{rotate:0turn;scale:1}85%{scale:1.5}to{rotate:.4turn;scale:1}}#title.open .logo2 .wars{animation:plate-in .5s .3s cubic-bezier(.2,1.5,.4,1) backwards}@keyframes plate-in{0%{transform:skew(-10deg) scaleX(0);opacity:0}}#stage.attract #title .logo2:before,#stage.attract #title .logo2 .by{opacity:0}#title.open .logo2 span{animation:logo-drop .55s calc(var(--i) * .07s) cubic-bezier(.2,1.7,.4,1) backwards,logo-wave 5s calc(1.2s + var(--i) * .12s) infinite}@keyframes logo-drop{0%{transform:translateY(-60vh) rotate(-14deg);opacity:0}}@keyframes logo-wave{4%{transform:translateY(-1.6vh) scale(1.06)}8%,to{transform:none}}#title .foot a{color:#ffd84a;text-decoration:none;pointer-events:auto}#title .foot a:hover{text-decoration:underline}#title .tag{font-family:var(--ui);font-size:2.6vh;letter-spacing:.12em;text-transform:uppercase;background:#0c1018e8;padding:.6vh 2vh;border-block:3px solid #ffcb05;transition:opacity .5s}#title.open .tag{animation:fade-in .5s .7s backwards}#title .press{position:absolute;left:0;right:0;bottom:15vh;display:none;text-align:center;font-family:var(--display);font-size:5vh;letter-spacing:.2em;text-transform:uppercase;text-shadow:3px 3px 0 #0c1018,-2px -2px 0 #0c1018,2px -2px 0 #0c1018,-2px 2px 0 #0c1018;animation:press 1.2s steps(1) infinite}@keyframes press{50%{opacity:.15}}#title.intro .press,#stage.attract #title .press{display:block}#title.intro .menu,#title.intro .duel,#title.intro .toggles,#title.intro .foot{display:none}#title.intro .logo2{transform:translateY(-4vh) scale(1.18)}#title.intro .tag{transform:translateY(2vh)}#stage.attract #title:before,#stage.attract #title .beams,#stage.attract #title .tag{opacity:0}#stage.attract #title .menu,#stage.attract #title .duel,#stage.attract #title .toggles,#stage.attract #title .foot{opacity:0;pointer-events:none}#stage.attract #title .logo2{transform:translateY(-15vh) scale(.5)}#stage.attract #title .press{bottom:6vh;font-size:3.6vh}#title .menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4vh 14px;width:620px;margin-top:1.6vh;transition:opacity .5s}#title .menu>button{--w: 276px;position:relative;width:var(--w);height:calc(var(--w) * 52 / 276);padding:0 0 4px;border:0;border-radius:0;box-shadow:none;background:url(../assets/ui/button.png) 0 0 / var(--w) auto no-repeat;background-color:transparent;color:#fff;text-align:center;text-shadow:2px 2px 0 #10306c;image-rendering:pixelated;transition:transform .12s cubic-bezier(.2,1.6,.4,1),filter .12s}#title .menu>button[hidden]{display:none}#title .menu>button b{display:block;font-family:var(--display);font-size:25px;letter-spacing:1px;font-weight:400}#title .menu>button small{display:block;font-family:var(--ui);font-size:15px;opacity:.9}#title .menu>button:hover,#title .menu>button:focus{background-position:0 calc(var(--w) * -52 / 276);background-color:transparent;transform:scale(1.06);outline:0}#title .menu>button.main{order:-1;width:470px;height:92px;margin:0 70px 6px;padding:0 0 2px;background:linear-gradient(#f4645a 0,#f4645a 50%,#d8362a 50%);border:4px solid #fff;box-shadow:0 0 0 4px #10141c,0 10px 0 4px #10141c80;text-shadow:3px 3px 0 #7c140c;overflow:visible}#title .menu>button.main b{font-size:46px;letter-spacing:2px}#title .menu>button.main small{font-size:21px;opacity:1}#title .menu>button.main:hover,#title .menu>button.main:focus{background:linear-gradient(#ff8076 0,#ff8076 50%,#ec4a3c 50%);border-color:#ffd84a}#title .menu>button.main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 42%,#ffffff60 50%,transparent 58%) 220% 0 / 220% 100% no-repeat;animation:shine 3.4s 1.5s infinite}@keyframes shine{0%{background-position-x:220%}30%,to{background-position-x:-120%}}#title .menu>button.main:hover:before,#title .menu>button.main:focus:before{content:"▶";position:absolute;left:-46px;top:50%;margin-top:-17px;font-size:30px;color:#ffd84a;text-shadow:2px 2px 0 #10141c;animation:nudge .5s steps(2) infinite}#title.enter .menu>button{animation:from-below .45s .12s cubic-bezier(.2,1.4,.4,1) backwards}#title.enter .menu>button.main{animation-delay:0s}@keyframes from-below{0%{transform:translateY(40vh);opacity:0}}#title .maps{flex-basis:100%;display:flex;justify-content:center;gap:14px;margin-top:.8vh}#title .maps button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 5px 4px;background:#10141cf0;border:3px solid #48546c;border-radius:6px;box-shadow:0 4px #0c1018;color:#b8c4d8;font-family:var(--ui);font-size:18px;transition:transform .12s cubic-bezier(.2,1.6,.4,1),border-color .12s}#title .maps button b{font-weight:400}#title .maps canvas{display:block;height:7.6vh;width:auto;image-rendering:pixelated;border-radius:3px;filter:saturate(.5) brightness(.7);transition:filter .15s}#title .maps button:hover,#title .maps button:focus{transform:translateY(-3px);border-color:#fff;background:#10141cf0;outline:0}#title .maps button:hover canvas,#title .maps button:focus canvas,#title .maps button.on canvas{filter:none}#title .maps button.on{border-color:#ffcb05;color:#ffd84a;transform:translateY(-3px)}#title .maps button.on:after{content:"MAPA";position:absolute;top:-11px;left:50%;transform:translate(-50%);font-family:var(--display);font-size:15px;letter-spacing:2px;background:#ffcb05;color:#10141c;padding:1px 8px}#title .maps button{position:relative}#title .blurb{flex-basis:100%;text-align:center;font-family:var(--ui);font-size:18px;color:#dfe6f4;text-shadow:1px 1px 0 #10141c;min-height:20px}#title.enter .maps,#title.enter .blurb{animation:fade-in .5s .45s backwards}#title .duel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .5s}.rival{position:absolute;top:15vh;width:30vh;display:flex;flex-direction:column;gap:1.4vh;--team: #e8483c}.rival.t0{left:calc(50% - 82vh);align-items:flex-start}.rival.t1{right:calc(50% - 82vh);align-items:flex-end;--team: #3c7ce8}.rival .pic{position:relative;width:100%;aspect-ratio:1}.rival.t1 .pic{transform:scaleX(-1)}.rival .pic:before{content:"";position:absolute;top:-1.2vh;right:-1.8vh;bottom:-1.2vh;left:-1.8vh;background:#fff;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.rival .pic:after{content:"";position:absolute;top:-.5vh;right:-.8vh;bottom:-.5vh;left:-.8vh;background:var(--team);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.rival .pic img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;image-rendering:pixelated;background:var(--c);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.rival .pic .e1{opacity:0;filter:brightness(0) invert(1)}.rival .who{margin-top:2.2vh;text-shadow:3px 3px 0 #0c1018}.rival.t1 .who{text-align:right}.rival .who b{display:block;font-family:var(--display);font-size:6.4vh;font-weight:400;letter-spacing:2px;line-height:.9;text-shadow:4px 4px 0 #0c1018,-2px -2px 0 #0c1018,2px -2px 0 #0c1018,-2px 2px 0 #0c1018}.rival .who span{display:inline-block;margin-top:.8vh;padding:.4vh 1.4vh;font-family:var(--ui);font-size:2.5vh;background:#0c1018;color:var(--c);border-left:.8vh solid var(--team);transform:skew(-10deg);text-shadow:none;white-space:nowrap}.rival.t1 .who span{border-left:0;border-right:.8vh solid var(--team)}.rival .say{position:relative;margin:.6vh 0 0;padding:1vh 1.4vh;max-width:30vh;font-family:var(--ui);font-size:2.5vh;line-height:1.05;color:#10141c;background:#fff;border:3px solid #10141c;border-radius:8px;box-shadow:0 4px #0c1018a0}.rival .say:empty{display:none}.rival .say:before{content:"";position:absolute;top:-12px;left:3vh;border:6px solid transparent;border-bottom-color:#10141c}.rival.t1 .say:before{left:auto;right:3vh}.rival.swap.t0 .pic{animation:rival-l .45s cubic-bezier(.2,1.4,.4,1)}.rival.swap.t1 .pic{animation:rival-r .45s cubic-bezier(.2,1.4,.4,1)}.rival.swap .pic .e1{animation:echo .4s .1s forwards;translate:-3vh 0}.rival.swap .who{animation:fade-in .3s .2s backwards}.rival.swap .say{animation:say-in .3s .5s cubic-bezier(.2,1.6,.4,1) backwards}@keyframes rival-l{0%{transform:translate(-60vh)}}@keyframes rival-r{0%{transform:translate(60vh) scaleX(-1)}}@keyframes say-in{0%{transform:scale(.4);opacity:0}}@media (max-aspect-ratio: 17/10){#title .duel,#title .beams{display:none}}#title .toggles{position:absolute;top:2.2vh;right:2.4vh;display:flex;gap:10px;transition:opacity .5s}#title .toggles button{display:flex;align-items:center;gap:8px;padding:5px 12px;font-family:var(--ui);font-size:18px;color:#dfe6f4;background:#10141cd8;border:2px solid #48546c;border-radius:16px;box-shadow:0 3px #0c1018}#title .toggles button:hover,#title .toggles button:focus{border-color:#fff;background:#303848;transform:translateY(-2px);outline:0}#title .toggles i{position:relative;width:28px;height:14px;border-radius:8px;background:#485470;transition:background .15s}#title .toggles i:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:left .15s}#title .toggles .on i{background:#48c868}#title .toggles .on i:after{left:16px}#title.enter .toggles,#title.enter .foot{animation:fade-in .5s .5s backwards}#title .foot{position:absolute;left:2.4vh;right:2.4vh;bottom:2vh;display:flex;justify-content:space-between;align-items:center;font-family:var(--ui);font-size:17px;color:#a8b4cc;text-shadow:1px 1px 0 #10141c;transition:opacity .5s}#title .foot kbd{float:none;opacity:1;display:inline-block;min-width:20px;margin:0 2px;padding:1px 6px;font:inherit;text-align:center;color:#10141c;background:#dfe6f4;border-radius:4px;box-shadow:0 2px #6c7890;text-shadow:none}#select{gap:12px}#select h2{font-size:38px}#select .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cocard{width:250px;padding:4px 6px 6px;gap:2px;border-top-width:16px}.cocard>img{width:76px;height:76px}.cocard b{font-size:28px}.cocard i,.cocard p{font-size:17px;line-height:1}.cocard p{margin:2px 0 0}.cocard .team{display:flex;gap:1px;margin:3px 0}.cocard .mini{width:20px;height:20px;border:1px solid var(--ink);border-radius:2px;image-rendering:pixelated;background:#fff}.cocard:hover>img{animation:talk-bob .3s infinite steps(2)}#info .who small{font-size:16px;opacity:.9}#info .hpline em{font-style:normal;font-size:14px;padding:1px 5px;border-radius:3px;color:#10141c;text-shadow:none}.pc .tys{display:flex;gap:2px}.ic.ice{background:#58b8e0}#info .who small em{font-style:normal}#title.leaving{pointer-events:none}#title.leaving .logo2{animation:logo-out .42s cubic-bezier(.6,-.4,.8,.4) forwards}#title.leaving .tag,#title.leaving .maps,#title.leaving .blurb,#title.leaving .toggles,#title.leaving .foot{animation:fade-out .2s forwards}#title.leaving .rival.t0{animation:btn-out .35s cubic-bezier(.6,-.3,.8,.4) forwards}#title.leaving .rival.t1{animation:rival-out .35s cubic-bezier(.6,-.3,.8,.4) forwards}@keyframes rival-out{to{transform:translate(120vw);opacity:0}}#title.leaving .menu>button{animation:btn-out .35s .08s cubic-bezier(.6,-.3,.8,.4) forwards}#title .menu>button.chosen{animation:btn-chosen .42s forwards!important}@keyframes logo-out{to{transform:translateY(-70vh) scale(1.3);opacity:0}}@keyframes btn-out{to{transform:translate(-120vw);opacity:0}}@keyframes btn-chosen{0%{filter:brightness(3);transform:scale(1.18)}35%{filter:brightness(1);transform:scale(1.1)}to{transform:scale(1.1) translate(120vw)}}#select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;grid-template:auto 1fr auto / minmax(300px,34%) 1fr;gap:2vh 3vw;padding:3vh 4vw;align-items:center;background:#0c1018;color:#fff;line-height:1;overflow:hidden;font-family:var(--ui)}#select>*{position:relative}#select .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#0c1018 0,#0c1018 30%,color-mix(in srgb,var(--c) 55%,#0c1018) 30%,color-mix(in srgb,var(--c) 55%,#0c1018));transition:background .3s}#select .bg .rays{opacity:.22;left:70%}#select .bg .stripes{position:absolute;top:0;right:0;bottom:0;left:30%;opacity:.16;background:repeating-linear-gradient(115deg,transparent 0 30px,#fff 30px 34px);animation:sel-stripes 1.2s linear infinite}@keyframes sel-stripes{to{background-position:37px 0}}#select header{grid-column:1 / -1;display:flex;align-items:center;gap:18px}#select header small{font-size:20px;letter-spacing:2px;text-transform:uppercase;background:#fff;color:#0c1018;padding:3px 10px;transform:skew(-12deg)}#select header h2{margin:0;font-family:var(--display);font-size:46px;letter-spacing:3px;text-shadow:3px 3px 0 #0c1018}#select header .who{font-family:var(--display);font-size:26px;padding:4px 16px;transform:skew(-12deg);border:3px solid #fff}#select header .who.t0{background:var(--red);color:#fff}#select header .who.t1{background:var(--blue);color:#fff}#select.open header>*{animation:from-left-s .4s cubic-bezier(.2,1.4,.4,1) backwards}#select.open header .who{animation-delay:.12s}@keyframes from-left-s{0%{transform:translate(-60vw) skew(-12deg);opacity:0}}.plantel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 14px;align-self:center}.cotile{position:relative;display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;background:#1c2230;border:3px solid #48546c;border-radius:0;box-shadow:0 4px #05070c;color:#c8d0e0;font-family:var(--display);font-size:22px;text-align:left;transform:skew(-8deg);transition:transform .14s cubic-bezier(.2,1.6,.4,1),background .12s}.cotile img{width:56px;height:56px;image-rendering:pixelated;border:2px solid #0c1018;background:var(--c);transform:skew(8deg) scale(.92)}.cotile b{transform:skew(8deg)}.cotile:hover:not(:disabled){transform:skew(-8deg);background:#1c2230}.cotile.on{background:var(--c);color:#0c1018;border-color:#fff;transform:skew(-8deg) translate(14px) scale(1.06);z-index:1}.cotile.on:before{content:"▶";position:absolute;left:-30px;color:#fff;font-size:22px;text-shadow:2px 2px 0 #0c1018;animation:nudge .5s steps(2) infinite}.cotile.on img{animation:talk-bob .4s steps(2) infinite}.cotile.rojo:after,.cotile.taken:after{content:"ROJO";position:absolute;right:-8px;top:-10px;font-family:var(--ui);font-size:14px;padding:1px 6px;background:var(--red);color:#fff;border:2px solid #fff}#select[data-team="1"] .cotile.taken:not(.rojo):after{content:"AZUL";background:var(--blue)}#select.open .cotile{animation:tile-in .35s calc(.1s + var(--i) * 45ms) cubic-bezier(.2,1.5,.4,1) backwards}@keyframes tile-in{0%{transform:skew(-8deg) translate(-50vw);opacity:0}}.show{display:grid;grid-template:auto auto / auto 1fr;gap:2.4vh 3vw;align-items:center;min-width:0}.show .pic{position:relative;width:min(30vh,26vw);aspect-ratio:1}.show .pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.show .pic:before{content:"";position:absolute;top:-10px;right:-16px;bottom:-10px;left:-16px;background:#fff;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.show .pic:after{content:"";position:absolute;top:-4px;right:-7px;bottom:-4px;left:-7px;background:#0c1018;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.show .pic img{z-index:1;background:var(--c)}.show .pic .e1,.show .pic .e2{opacity:0;filter:brightness(0) invert(1);z-index:0}.show.swap .pic{animation:pic-in .3s cubic-bezier(.2,1.5,.4,1)}.show.swap .pic .e1{animation:echo .35s forwards;translate:-22px 0}.show.swap .pic .e2{animation:echo .35s .04s forwards;translate:-46px 0}@keyframes pic-in{0%{transform:translate(60px) scale(.92);opacity:.2}}.show .txt{min-width:0;text-shadow:2px 2px 0 #0c1018}.show h3{margin:0;font-family:var(--display);font-size:min(11vh,8vw);letter-spacing:2px;line-height:.9;white-space:nowrap}.show h3 span{display:inline-block;text-shadow:4px 4px 0 #0c1018,-2px -2px 0 #0c1018,2px -2px 0 #0c1018,-2px 2px 0 #0c1018}.show.swap h3 span{animation:letter-slam .22s calc(var(--i) * 25ms) backwards}.show .lema{margin:6px 0 0;font-size:26px;display:inline-block;background:#0c1018;padding:3px 12px;transform:skew(-10deg);text-shadow:none;color:var(--c)}.show .estilo{margin:12px 0 0;font-size:22px}.show .poder{margin-top:12px;padding:8px 14px;background:#0c1018d8;border-left:8px solid #ffd84a;max-width:560px;text-shadow:none}.show .poder b{display:block;font-family:var(--display);font-size:28px;color:#ffd84a;letter-spacing:1px}.show .poder span{font-size:20px;line-height:1.05}.show.swap .txt>:not(h3){animation:from-right-s .3s .08s backwards}@keyframes from-right-s{0%{transform:translate(40px);opacity:0}}.equipo{grid-column:1 / -1;display:grid;grid-template-columns:repeat(11,1fr);gap:6px;padding:10px 12px;background:#0c1018c8;border:3px solid #fff;box-shadow:0 5px #05070c}.equipo:before{content:"EQUIPO";position:absolute}.equipo{position:relative}.equipo:before{top:-13px;left:14px;font-family:var(--display);font-size:18px;letter-spacing:2px;background:#fff;color:#0c1018;padding:1px 10px}.mon{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.mon canvas{width:66px;height:60px;image-rendering:pixelated}.mon span{font-size:15px;white-space:nowrap}.mon em{display:flex;gap:2px}.mon .ty{width:19px;height:19px;background:url(../assets/ui/types_small.png);background-size:19px auto;image-rendering:pixelated}.show.swap .mon{animation:mon-in .3s calc(.1s + var(--i) * .03s) cubic-bezier(.2,1.6,.4,1) backwards}@keyframes mon-in{0%{transform:translateY(30px) scale(.6);opacity:0}}.show.chosen .pic{animation:chosen .6s cubic-bezier(.2,1.8,.4,1)}@keyframes chosen{0%{filter:brightness(4);transform:scale(1.25) rotate(-3deg)}40%{filter:none}}.listo{position:absolute;left:4%;top:30%;z-index:3;font-family:var(--display);font-size:min(12vh,9vw);letter-spacing:3px;color:#ffd84a;pointer-events:none;text-shadow:5px 5px 0 #0c1018,-3px -3px 0 #0c1018,3px -3px 0 #0c1018,-3px 3px 0 #0c1018;animation:listo .95s both}.listo.t0{color:#ff8070}.listo.t1{color:#80b8ff}@keyframes listo{0%{transform:scale(4) rotate(-14deg);opacity:0}18%{transform:scale(.9) rotate(-8deg);opacity:1}28%,80%{transform:scale(1) rotate(-8deg);opacity:1}to{transform:scale(1.3) rotate(-8deg);opacity:0}}#select footer{grid-column:1 / -1;font-size:18px;color:#c8d0e0;text-shadow:1px 1px 0 #0c1018}@media (max-height: 760px){.show .poder span{font-size:18px}.mon canvas{width:55px;height:50px}.cotile img{width:46px;height:46px}}#select{grid-template:auto 1fr auto auto auto / 1fr;gap:1.6vh;padding:2.4vh 4vw 1.6vh;align-items:stretch}#select .bg{background:linear-gradient(100deg,color-mix(in srgb,var(--c) 30%,#0c1018) 0,color-mix(in srgb,var(--c) 30%,#0c1018) 38%,color-mix(in srgb,var(--c) 70%,#0c1018) 38%,color-mix(in srgb,var(--c) 70%,#0c1018))}#select .bg .stripes{top:0;right:0;bottom:0;left:0}#select .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 22% 45%,transparent 0 30%,#0c1018b0 90%)}.ghost{position:absolute;left:0;right:0;top:18%;overflow:hidden;opacity:.1;transform:rotate(-6deg) scale(1.2)}.ghost div{white-space:nowrap;font-family:var(--display);font-size:34vh;line-height:.85;color:transparent;-webkit-text-stroke:3px #fff;animation:tick-l 18s linear infinite}#select header,#select .show,#select .equipo,#select .plantel,#select footer{grid-column:1}.show{grid-template:1fr / auto 1fr;gap:0 4vw;align-self:center}.show .pic{width:min(44vh,34vw)}.show .pic img.main{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.03) translateY(-.6%)}}.show h3{font-size:min(13vh,8.5vw)}.show .lema{font-size:28px}.bocadillo{position:relative;margin:1.8vh 0 0;min-height:34px;max-width:620px;padding:8px 14px;background:#fff;color:#28303c;font-family:var(--text);font-size:24px;text-shadow:1px 1px 0 #d0d0c8;border:3px solid #0c1018;box-shadow:0 4px #0c1018}.bocadillo:before{content:"";position:absolute;left:-19px;top:12px;border:8px solid transparent;border-right-color:#0c1018}.ficha{display:flex;gap:3vw;margin-top:1.8vh;flex-wrap:wrap}.stats{display:grid;grid-template-columns:auto auto;gap:4px 22px;font-size:20px}.stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.stats .pips{display:inline-flex;gap:2px}.stats .pips i{width:13px;height:12px;background:#0c1018a0;border:2px solid #0c1018;transform:skew(-14deg)}.stats .pips i.on{background:#ffd84a;box-shadow:inset 0 3px #fff6c0}.show.swap .stats .pips i.on{animation:pip .3s backwards}.show.swap .stats .pips i.on:nth-child(2){animation-delay:.04s}.show.swap .stats .pips i.on:nth-child(3){animation-delay:.08s}.show.swap .stats .pips i.on:nth-child(4){animation-delay:.12s}.show.swap .stats .pips i.on:nth-child(5){animation-delay:.16s}.show.swap .stats .pips i.on:nth-child(6){animation-delay:.2s}@keyframes pip{0%{background:#0c1018a0;box-shadow:none;transform:skew(-14deg) scale(1.6)}}.tipos{font-size:20px}.tipos>div{display:flex;gap:3px;margin-top:5px}.tipos .ty{width:38px;height:38px;background:url(../assets/ui/types_small.png);background-size:38px auto;image-rendering:pixelated}.show .poder{max-width:620px;margin-top:1.8vh}.equipo{display:block;padding:0;background:#0c1018;overflow:visible}.equipo .campo{display:block;width:100%;height:auto;image-rendering:pixelated}.equipo .roles{display:grid;grid-template-columns:repeat(11,1fr);padding:5px 0 6px}.mon b{font-family:var(--display);font-size:17px;letter-spacing:.5px}.mon span{font-size:15px;color:#a8b4cc}.equipo.swap .campo{animation:campo-in .35s cubic-bezier(.2,1.3,.4,1)}@keyframes campo-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.equipo.swap .mon{animation:mon-in .3s calc(.1s + var(--i) * .03s) cubic-bezier(.2,1.6,.4,1) backwards}.plantel{grid-template-columns:repeat(8,1fr);gap:10px}.cotile{flex-direction:column;gap:3px;padding:5px 4px 4px;font-size:19px;text-align:center}.cotile img{width:64px;height:64px}.cotile.on{transform:skew(-8deg) translateY(-12px) scale(1.1)}.cotile.on:before{content:"▼";left:50%;top:-30px;margin-left:-11px}#select.open .cotile{animation-name:tile-up}@keyframes tile-up{0%{transform:skew(-8deg) translateY(40vh);opacity:0}}#select footer{text-align:center}.listo{left:2%;top:34%}@media (max-height: 860px){.cotile img{width:44px;height:44px}.show .pic{width:min(34vh,28vw)}.bocadillo{font-size:16px}.mon span{display:none}.show h3{font-size:min(11vh,8vw)}.stats,.tipos{font-size:18px}}#select .bg{overflow:hidden}.show .poder b{font-size:30px}@media (max-height: 860px){.bocadillo{font-size:24px;padding:4px 12px}}#stage.tutoring{transform-origin:0 0;transform:translate(19vw,9vh) scale(.62)}#help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;color:#fff;font-family:var(--ui);line-height:1.15;overflow:hidden}#help[hidden]{display:none}#help.open{animation:fade-in .25s}#help .frame{position:absolute;left:19vw;top:9vh;width:62vw;height:62vh;box-shadow:0 0 0 4px #fff,0 0 0 8px #10141c,0 0 0 200vmax #141c30;display:grid;place-items:center}#help .frame i{font-style:normal;font-family:var(--display);font-size:3vh;letter-spacing:.2vh;padding:.6vh 2vh;background:#10141ce0;opacity:0;transition:opacity .2s .4s}#help.waiting .frame i{opacity:1}#help.open .frame{animation:help-zoom .4s cubic-bezier(.2,1.4,.4,1)}@keyframes help-zoom{0%{transform:scale(.9)}}#help header{position:absolute;left:3vw;right:3vw;top:1.8vh;display:flex;align-items:center;gap:2vw}#help header b{font-family:var(--display);font-weight:400;font-size:4.4vh;letter-spacing:.4vh;color:#ffd84a;text-shadow:.4vh .4vh 0 #0c1018}#help .count{font-family:var(--display);font-size:2.8vh;padding:.3vh 1.4vh;background:#0c1018;border:2px solid #48546c;transform:skew(-12deg)}#help .x{margin-left:auto;width:5vh;height:5vh;padding:0;font-size:2.4vh;color:#fff;background:#10141c;border:2px solid #48546c;border-radius:50%}#help .x:hover{background:#c8281c;border-color:#fff;transform:scale(1.1)}#help .prev,#help .next{position:absolute;top:36vh;min-width:8vh;height:8vh;padding:0 1.6vh;font-family:var(--display);font-size:3.6vh;color:#fff;background:#2068c8;border:3px solid #fff;border-radius:0;box-shadow:0 0 0 3px #10141c,0 .8vh 0 3px #0c101880;text-shadow:2px 2px 0 #10306c;transition:transform .12s cubic-bezier(.2,1.6,.4,1),background .12s}#help .prev{right:calc(81vw + 3vh)}#help .next{left:calc(81vw + 3vh);animation:help-nudge 1.1s steps(2) infinite}#help .prev:hover,#help .next:hover{background:#3890f0;transform:scale(1.12)}#help .prev:disabled{opacity:.25;transform:none;background:#2068c8}#help .next.go{background:#d8362a;text-shadow:2px 2px 0 #7c140c;font-size:2.8vh;letter-spacing:1px}#help .next.go:hover{background:#f4645a}@keyframes help-nudge{50%{translate:4px 0}}#help .copy{position:absolute;left:6vw;right:6vw;top:72.6vh;text-align:center}#help .copy.swap{animation:help-slide .3s cubic-bezier(.2,1.3,.4,1)}@keyframes help-slide{0%{transform:translate(calc(var(--dir, 1) * 8vh));opacity:0}}#help h3{margin:0;font-family:var(--display);font-weight:400;font-size:4.8vh;letter-spacing:.3vh;line-height:1}#help h3 span{display:inline-block;text-shadow:.4vh .4vh 0 #c8281c,-2px -2px 0 #0c1018,2px -2px 0 #0c1018,-2px 2px 0 #0c1018}#help .copy.swap h3 span{animation:letter-slam .22s calc(var(--i) * .02s) backwards}#help .lead{margin:.6vh 0 1.2vh;font-size:2.6vh;color:#c8d0e0}#help .lead b{color:#ffd84a;font-weight:400}#help .step{display:inline-flex;align-items:center;gap:1.4vh;min-height:6.4vh;max-width:88vw;padding:.8vh 2vh;text-align:left;background:#0c1018;border:.3vh solid #ffd84a;border-radius:1vh;box-shadow:0 .6vh #0c101880}#help .step b{flex:none;width:4vh;height:4vh;line-height:4vh;text-align:center;font-family:var(--display);font-weight:400;font-size:2.8vh;color:#10141c;background:#ffd84a;border-radius:50%}#help .step b:empty{visibility:hidden}#help .step span{font-size:2.9vh}#help .step.new{animation:step-in .3s cubic-bezier(.2,1.5,.4,1)}@keyframes step-in{0%{transform:translateY(1.6vh) scale(.96);opacity:.2}}#help .pressed{flex:none;opacity:0}#help .pressed.hit{animation:key-hit .9s forwards}@keyframes key-hit{0%{opacity:1;transform:translateY(.5vh);box-shadow:0 0 #6c7890;background:#ffd84a}18%{transform:none;background:#dfe6f4}70%{opacity:1}to{opacity:.3}}#help .dots{position:absolute;left:0;right:0;bottom:4.6vh;display:flex;justify-content:center;gap:1.2vh}#help .dots i{width:1.6vh;height:1.6vh;background:#10141c;border:2px solid #6c7890;transform:rotate(45deg);cursor:pointer;transition:transform .15s,background .15s}#help .dots i:hover{border-color:#fff}#help .dots i.on{background:#ffd84a;border-color:#fff;transform:rotate(45deg) scale(1.35)}#help footer{position:absolute;left:0;right:0;bottom:1vh;text-align:center;font-size:2vh;color:#8090a8}#help kbd{float:none;opacity:1;display:inline-block;min-width:2.8vh;margin:0 .4vh;padding:.1vh .9vh;font:inherit;font-size:2.4vh;text-align:center;color:#10141c;background:#dfe6f4;border-radius:.6vh;box-shadow:0 .4vh #6c7890;text-shadow:none}#pass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;color:#fff;cursor:pointer;font-family:var(--display);animation:fade-in .2s}#pass.t0{background:repeating-linear-gradient(-60deg,#c0392b 0,#c0392b 40px,#a82c24 40px,#a82c24 80px)}#pass.t1{background:repeating-linear-gradient(-60deg,#2c63c8 0,#2c63c8 40px,#2452b0 40px,#2452b0 80px)}#pass img{width:160px;height:160px;image-rendering:pixelated;border:6px solid #fff;box-shadow:0 0 0 6px #0c1018}#pass b{font-size:64px;letter-spacing:2px;text-shadow:4px 4px 0 #0c1018}#pass span{font-family:var(--ui);font-size:26px;background:#0c1018;padding:4px 16px;animation:nod 1s steps(2) infinite}.ballfx{position:absolute;z-index:6;width:30px;height:30px;margin:-15px;background:url(../assets/ui/ball.png) center / 30px;image-rendering:pixelated;pointer-events:none;animation:ballfx 1s forwards}@keyframes ballfx{0%{transform:translateY(-160px) rotate(-200deg) scale(1.4)}22%{transform:none}30%{transform:translateY(-16px)}38%{transform:none}50%{transform:rotate(-24deg)}60%{transform:rotate(22deg)}70%{transform:rotate(-18deg)}80%{transform:rotate(0)}90%{transform:scale(1.5);filter:brightness(3);opacity:1}to{transform:scale(2.4);filter:brightness(4);opacity:0}}#power:after{content:"";position:absolute;left:10px;bottom:5px;height:4px;width:calc((100% - 20px) * var(--p, 0) / 100);background:linear-gradient(90deg,#f0a020,#ffe870);box-shadow:0 0 0 1px #10141c;transition:width .3s}#power.ready:after{display:none}@media (min-height: 980px){#title .menu,#title .toggles,#title .foot{zoom:1.3}}@media (min-height: 1300px){#title .menu,#title .toggles,#title .foot{zoom:1.7}}#hints{position:absolute;left:50%;bottom:52px;transform:translate(-50%);padding:6px 14px;white-space:nowrap;font-size:17px;color:#dfe6f4;background:#10141ce0;border:2px solid #48546c;border-radius:14px;box-shadow:0 3px #0c1018;pointer-events:none;opacity:0;transition:opacity .2s}#hints[hidden]{display:none}#stage.kbd #hints{opacity:1}#hints kbd,#select footer kbd{float:none;opacity:1;display:inline-block;min-width:20px;margin:0 3px 0 1px;padding:1px 6px;font:inherit;text-align:center;color:#10141c;background:#dfe6f4;border-radius:4px;box-shadow:0 2px #6c7890;text-shadow:none}#hud button:focus-visible,#overlay button:focus-visible{outline:3px solid #ffd84a;outline-offset:2px}#scene{left:0;top:0;transform:none;width:100%;height:100%;aspect-ratio:auto;max-width:none;box-shadow:none}#scene.capture .msg,#scene.capture .counter{display:none}.capui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;font-family:var(--ui);line-height:1;--team: #e8483c;--dark: #7c140c}.capui.t1{--team: #3c7ce8;--dark: #10306c}.capui .o-1{--own: #a8b0c0}.capui .o0{--own: #e8483c}.capui .o1{--own: #3c7ce8}.capwho{position:absolute;left:0;top:4vh;display:flex;align-items:center;gap:1.6vh;padding:1.2vh 5vh 1.2vh 2.4vh;background:linear-gradient(var(--team) 0 50%,var(--dark) 50%);border-block:.5vh solid #fff;clip-path:polygon(0 0,100% 0,calc(100% - 4vh) 100%,0 100%);filter:drop-shadow(0 .8vh 0 #0c101880);transform:translate(-110%);transition:transform .45s cubic-bezier(.2,1.3,.4,1)}.capwho img{width:10vh;height:10vh;image-rendering:pixelated;border:.5vh solid #fff;background:#c8d8e8}.capwho b{display:block;font-family:var(--display);font-weight:400;font-size:5.6vh;letter-spacing:1px;text-shadow:.4vh .4vh 0 #10141c}.capwho span{display:block;margin-top:.4vh;font-size:2.8vh;text-shadow:.2vh .2vh 0 #10141c}.capwhat{position:absolute;right:0;top:4vh;padding:1.2vh 2.4vh 1.2vh 6vh;text-align:right;background:#10141ce8;border-block:.5vh solid var(--own);clip-path:polygon(4vh 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 .8vh 0 #0c101880);transform:translate(110%);transition:transform .45s .08s cubic-bezier(.2,1.3,.4,1)}.capwhat small{display:block;font-size:2.4vh;letter-spacing:.3vh;color:#ffd84a}.capwhat b{display:block;font-family:var(--display);font-weight:400;font-size:5.6vh;letter-spacing:1px}.capwhat span{display:block;margin-top:.4vh;font-size:2.8vh;color:var(--own)}.capgauge{position:absolute;left:50%;bottom:4vh;display:flex;align-items:center;gap:2vh;padding:1.4vh 2.4vh 3.6vh;background:#10141cf0;border:.5vh solid #fff;box-shadow:0 0 0 .5vh #10141c,0 1vh 0 .5vh #0c101880;transform:translate(-50%,180%);transition:transform .45s .16s cubic-bezier(.2,1.3,.4,1)}.capui.in .capwho,.capui.in .capwhat{transform:none}.capui.in .capgauge{transform:translate(-50%)}.capui.in .capgauge.out{transform:translate(-50%,220%);transition-delay:0s}.capgauge .num{display:flex;align-items:baseline;gap:.6vh;min-width:13vh;justify-content:flex-end}.capgauge .num b{font-family:var(--display);font-weight:400;font-size:9vh;line-height:.8;color:#ffd84a;text-shadow:.5vh .5vh 0 #7c5c00}.capgauge .num small{font-size:3vh;color:#a8b4cc}.capgauge .segs{display:flex;gap:.5vh}.capgauge .segs i{width:1.9vh;height:5.4vh;background:var(--own);box-shadow:inset 0 -1.6vh #00000040,inset 0 .6vh #ffffff50;transform:skew(-14deg);transition:background .2s,transform .25s cubic-bezier(.2,1.6,.4,1),opacity .2s}.capgauge .segs i.off{background:#303848;box-shadow:none;transform:skew(-14deg) scaleY(.45);opacity:.7}.capgauge>span{position:absolute;left:0;right:0;bottom:.8vh;text-align:center;font-size:2.2vh;letter-spacing:.3vh;color:#a8b4cc}.capgauge.tick{animation:cap-tick .3s}.capgauge.tick .num b{animation:cap-num .3s}.capgauge.won .num b{color:#fff;text-shadow:.5vh .5vh 0 #10141c}@keyframes cap-tick{30%{transform:translate(-50%,1.4vh) scale(1.04)}}@keyframes cap-num{30%{transform:scale(1.5);color:#ff5a48}}.cappop{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-size:11vh;color:#ff5a48;text-shadow:.5vh .5vh 0 #10141c,-.3vh -.3vh 0 #10141c,.3vh -.3vh 0 #10141c,-.3vh .3vh 0 #10141c;animation:cap-pop 1.1s forwards}@keyframes cap-pop{0%{transform:translate(-50%,-50%) scale(2.4);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{opacity:1}to{transform:translate(-50%,-160%) scale(.9);opacity:0}}.capbanner{position:absolute;left:0;right:0;bottom:5vh;padding:1.6vh 0 2vh;text-align:center;background:linear-gradient(var(--team) 0 50%,var(--dark) 50%);border-block:.7vh solid #fff;box-shadow:0 1.2vh #0c101880;animation:cap-band .3s cubic-bezier(.2,1.4,.4,1) backwards}.capbanner b{display:block;font-family:var(--display);font-weight:400;font-size:14vh;letter-spacing:.6vh;line-height:1}.capbanner b span{display:inline-block;text-shadow:.7vh .7vh 0 #10141c,-.3vh -.3vh 0 #10141c,.3vh -.3vh 0 #10141c,-.3vh .3vh 0 #10141c;animation:letter-slam .26s calc(.12s + var(--i) * 35ms) backwards}.capbanner>span{display:block;margin-top:.6vh;font-size:4vh;color:#fff;text-shadow:.3vh .3vh 0 #10141c;animation:fade-in .4s .6s backwards}.capbanner.hold{bottom:24vh;left:50%;right:auto;transform:translate(-50%);padding:1.2vh 4vh 1.4vh;background:#10141cf0;border:.5vh solid #ffd84a;animation:fade-in .25s}.capbanner.hold b{font-size:6vh;color:#ffd84a;letter-spacing:.3vh;text-shadow:.4vh .4vh 0 #7c5c00}.capbanner.hold>span{font-size:3vh;animation:none}@keyframes cap-band{0%{transform:scaleY(0)}}.capwhat span.easy{color:#8cf08c}.capwhat span.hard{color:#ff9a3c}.catchbar{position:absolute;left:50%;bottom:3vh;display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:1vh 2.4vh;padding:1.4vh 2.4vh 1.2vh;background:#10141cf0;border:.5vh solid #fff;box-shadow:0 0 0 .5vh #10141c,0 1vh 0 .5vh #0c101880;transform:translate(-50%,180%);transition:transform .45s .16s cubic-bezier(.2,1.3,.4,1),opacity .2s;pointer-events:auto}.capui.in .catchbar{transform:translate(-50%)}.capui.busy .catchbar{opacity:.55;pointer-events:none}.capui.won .catchbar{transform:translate(-50%,220%);transition-delay:.4s}.catchbar .purse{display:flex;align-items:center;gap:1vh;font-family:var(--display);font-size:4.4vh;color:#ffd84a}.catchbar .purse .coin{width:2.4vh;height:2.4vh}.catchbar .balls{display:flex;gap:1.2vh}.catchbar .balls button{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.8vh;padding:.6vh 1.4vh .6vh .6vh;text-align:left;color:#c8d0e0;background:#1c2230;border:.4vh solid #48546c;border-radius:1vh;transition:transform .12s cubic-bezier(.2,1.6,.4,1),border-color .12s}.catchbar .balls img{grid-row:span 2;width:6vh;height:6vh;image-rendering:pixelated}.catchbar .balls b{font-family:var(--display);font-weight:400;font-size:2.6vh;line-height:1}.catchbar .balls span{font-size:2.3vh;color:#ffd84a;line-height:1}.catchbar .balls button.on{border-color:#ffd84a;background:#303c5c;color:#fff;transform:translateY(-.8vh) scale(1.06)}.catchbar .balls button.on img{animation:talk-bob .5s steps(2) infinite}.catchbar .balls button:disabled{opacity:.35;filter:grayscale(1)}.catchbar .throw{height:8vh;padding:0 2.6vh;font-family:var(--display);font-size:3.8vh;letter-spacing:.2vh;color:#fff;background:linear-gradient(#f4645a 0,#f4645a 50%,#d8362a 50%);border:.4vh solid #fff;border-radius:0;box-shadow:0 0 0 .4vh #10141c;text-shadow:.3vh .3vh 0 #7c140c;animation:ready .7s infinite}.catchbar .throw:hover{background:linear-gradient(#ff8076 0,#ff8076 50%,#ec4a3c 50%);border-color:#ffd84a}.catchbar .tries{display:flex;align-items:center;gap:.8vh;font-size:2.4vh;color:#a8b4cc}.catchbar .tries i{width:1.8vh;height:1.8vh;border-radius:50%;background:#303848;border:2px solid #6c7890}.catchbar .tries i.on{background:#ff5a48;border-color:#fff}.catchbar p{grid-column:1 / -1;margin:0;text-align:center;font-size:2.2vh;color:#a8b4cc}.catchbar p em{font-style:normal;color:#58e070}.catchbar kbd{float:none;opacity:1;display:inline-block;min-width:2.6vh;margin:0 .4vh;padding:.1vh .8vh;font:inherit;text-align:center;color:#10141c;background:#dfe6f4;border-radius:4px;box-shadow:0 .3vh #6c7890;text-shadow:none}.cappop.good{color:#ffd84a;font-size:8vh}.cappop.weak{color:#c8d0e0;font-size:6vh}#menu.box{display:flex;flex-direction:column;gap:5px;min-width:318px;padding:0 6px 7px;background:#10141cf4;border:3px solid #fff;border-radius:0;box-shadow:0 0 0 3px #10141c,0 8px 0 3px #0c101880;color:#fff;text-shadow:none;filter:none;line-height:1}#menu header{display:flex;align-items:center;gap:8px;margin:0 -6px 2px;padding:5px 10px 5px 6px;background:linear-gradient(90deg,#2c3854,#1c2230);border-bottom:3px solid #48546c}#menu header img{width:30px;height:30px;image-rendering:pixelated;border:2px solid #fff;background:#c8d8e8}#menu header b{font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:.5px}#menu header span{margin-left:auto;font-family:var(--ui);font-size:16px;color:#a8b4cc}#menu.box button{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;width:100%;padding:5px 8px 6px 6px;text-align:left;color:#fff;background:#1c2230;border:2px solid #303c58;border-left:6px solid var(--tone, #6a7488);border-radius:0;box-shadow:none;font-family:var(--ui);font-size:16px;text-shadow:none;transition:transform .1s cubic-bezier(.2,1.6,.4,1),background .1s,border-color .1s}#menu.box button:before{content:none}#menu.box button.atk{--tone: #e8483c}#menu.box button.cap{--tone: #f0a020}#menu.box button.ice{--tone: #58b8e0}#menu.box button.ball{--tone: #ff5a48}#menu.box button.ok{--tone: #48c868}#menu.box button .ic{grid-row:span 2;width:34px;height:34px;font-size:22px;border:2px solid #10141c;box-shadow:0 0 0 2px #ffffff30}#menu .ic.ball{background:linear-gradient(#e8483c 0,#e8483c 46%,#10141c 46%,#10141c 54%,#f0f0f0 54%);color:transparent;border-radius:50%}#menu.box button b{font-family:var(--display);font-weight:400;font-size:25px;letter-spacing:.5px}#menu.box button span{grid-column:2 / 4;color:#a8b4cc;white-space:nowrap}#menu.box button kbd{float:none;opacity:1;min-width:20px;padding:1px 6px;font:inherit;font-size:14px;text-align:center;color:#10141c;background:#8090a8;border-radius:4px;box-shadow:0 2px #48546c}#menu.box button:hover,#menu.box button:focus{background:#2c3c64;border-color:#fff;border-left-color:var(--tone, #6a7488);transform:translate(8px);outline:0}#menu.box button:hover b,#menu.box button:focus b{color:#ffd84a}#menu.box button:hover span,#menu.box button:focus span{color:#fff}#menu.box button:hover kbd,#menu.box button:focus kbd{background:#ffd84a}#menu.box button:hover .ic,#menu.box button:focus .ic{animation:talk-bob .4s steps(2) infinite}#menu.box button.no{background:transparent;border-color:transparent;border-left-color:#6a7488;padding-block:2px 3px}#menu.box button.no b{font-size:19px;color:#a8b4cc}#menu.box button.no .ic{width:24px;height:24px;font-size:15px;justify-self:center}#menu.box.open{animation:menu-in .2s cubic-bezier(.2,1.5,.4,1);transform-origin:left top}#menu.box.open button{animation:menu-row .22s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes menu-in{0%{transform:scale(.7);opacity:0}}@keyframes menu-row{0%{transform:translate(-26px);opacity:0}}#menu.box[hidden]{display:none}#info .reach{position:absolute;left:0;right:0;top:100px;display:flex;align-items:center;gap:8px;padding:3px 10px 4px;font-size:17px;white-space:nowrap;background:#10141ce8;border:2px solid #48546c;border-top:0;text-shadow:none}#info .reach b{font-family:var(--ui);font-size:17px;font-weight:400;padding:0 7px;color:#10141c;background:#dfe6f4;border-radius:3px}#info .reach.melee{color:#ffb0a0}#info .reach.far{color:#ffd84a}#info .reach.aid{color:#8cf08c}#info:has(.reach){margin-bottom:30px}#stage.storying #hud,#stage.storying .pop{display:none}#goal{position:absolute;left:50%;top:66px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;white-space:nowrap;font-size:18px;color:#fff;background:#10141ce8;border:2px solid #ffd84a;border-radius:14px;box-shadow:0 3px #0c1018;pointer-events:none}#goal[hidden]{display:none}#goal b{font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:1px;padding:2px 8px;color:#10141c;background:#ffd84a;border-radius:10px}#goal.tick{animation:goal-tick .4s cubic-bezier(.2,1.6,.4,1)}@keyframes goal-tick{30%{transform:translate(-50%) scale(1.12)}}#story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;color:#fff;font-family:var(--ui);line-height:1.1;overflow:hidden}#story[hidden]{display:none}#story button,#story .st-talk,#story .st-license,#story .st-chapter,#story .st-banner{pointer-events:auto}#story kbd{float:none;opacity:1;display:inline-block;min-width:2.6vh;margin:0 .4vh;padding:.1vh .8vh;font:inherit;font-size:.8em;text-align:center;color:#10141c;background:#dfe6f4;border-radius:.6vh;box-shadow:0 .4vh #6c7890;text-shadow:none}.st-world,.st-brief,.st-result{display:none;position:absolute;top:0;right:0;bottom:0;left:0}#story.world .st-world{display:block}#story.brief .st-brief,#story.result .st-result{display:flex}.st-world header{position:absolute;left:4vh;top:2vh;display:flex;align-items:baseline;gap:4vh}.st-world header>b{display:block;font-family:var(--display);font-weight:400;font-size:5vh;letter-spacing:.3vh;color:#ffd84a;text-shadow:.4vh .4vh 0 #0c1018,-2px -2px 0 #0c1018,2px -2px 0 #0c1018,-2px 2px 0 #0c1018}.st-flags{display:flex;align-items:center;gap:.8vh;font-size:2.4vh;text-shadow:2px 2px 0 #0c1018}.st-flags i{position:relative;width:2.6vh;height:2vh;margin-left:.5vh;background:#303848;border:2px solid #0c1018}.st-flags i:before{content:"";position:absolute;left:-.8vh;top:-.4vh;width:.5vh;height:3.4vh;background:#0c1018}.st-flags i.on{background:linear-gradient(90deg,#ffd84a,#f0a020);animation:flag-wave 1.2s steps(2) infinite}@keyframes flag-wave{50%{transform:skewY(-8deg)}}.st-flags span{margin-left:1vh}.st-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,#ffffff06 0 6vh,transparent 6vh 12vh),radial-gradient(ellipse at 30% 40%,#24345c,#0c1018 80%);background-size:200% 100%,100% 100%;animation:back-slide 40s linear infinite}@keyframes back-slide{to{background-position:-13.24vh 0,0 0}}.st-frame{position:absolute;box-shadow:0 0 0 .5vh #fff,0 0 0 1.2vh #10141c,0 0 0 1.7vh #ffd84a,0 2.4vh 0 1.7vh #07090e80}.st-frame:before,.st-frame:after{content:"";position:absolute;width:5vh;height:5vh;border:.8vh solid #ffd84a;pointer-events:none;animation:corner 1.6s ease-in-out infinite}.st-frame:before{left:-3vh;top:-3vh;border-right:0;border-bottom:0;--d: -.6vh}.st-frame:after{right:-3vh;bottom:-3vh;border-left:0;border-top:0;--d: .6vh}@keyframes corner{50%{translate:var(--d) var(--d)}}.st-nodes,.st-fx,.st-sky{position:absolute;top:0;right:0;bottom:0;left:0}.st-fx,.st-sky{pointer-events:none}.st-fx{z-index:4}.st-sky{overflow:hidden;z-index:2;box-shadow:inset 0 0 calc(var(--u) * 2.5) #0c183870}.st-sky i{position:absolute;left:-30%;width:26%;height:22%;border-radius:50%;background:#10204a;opacity:.16;filter:blur(calc(var(--u) * .25));animation:cloud 46s linear infinite}.st-sky i:nth-child(1){top:8%;box-shadow:calc(var(--u) * 3) calc(var(--u) * 1) 0 calc(var(--u) * -.6) #10204a}.st-sky i:nth-child(2){top:46%;width:34%;height:26%;animation-duration:64s;animation-delay:-22s}.st-sky i:nth-child(3){top:74%;width:20%;height:18%;animation-duration:38s;animation-delay:-30s}@keyframes cloud{to{left:110%}}.st-dot{position:absolute;width:calc(var(--u) * .3);height:calc(var(--u) * .3);margin:calc(var(--u) * -.15);border-radius:50%;background:#10141c;opacity:.55}.st-dot.open{background:#ffd84a;opacity:1;box-shadow:0 0 0 calc(var(--u) * .07) #10141c;animation:dot-pulse 1.6s steps(2) calc(var(--k) * -90ms) infinite}@keyframes dot-pulse{50%{background:#fff;scale:1.25}}.st-dot.hit{animation:dot-hit .35s cubic-bezier(.2,1.6,.4,1)}@keyframes dot-hit{30%{scale:2.4;background:#fff}}.st-frame.enter .st-dot{animation:dot-in .3s calc(.25s + var(--k) * 9ms) cubic-bezier(.2,1.8,.4,1) backwards}@keyframes dot-in{0%{scale:0}}.st-token{position:absolute;width:calc(var(--u) * 2.2);height:calc(var(--u) * 2.2);translate:-50% -72%;image-rendering:pixelated;pointer-events:none;z-index:3;filter:drop-shadow(0 0 .3vh #fff)}.st-token.land{animation:token-land .4s cubic-bezier(.3,0,.4,1)}@keyframes token-land{35%{translate:-50% -110%;scale:.9 1.15}75%{translate:-50% -72%;scale:1.2 .8}}.st-ring{position:absolute;width:calc(var(--u) * 1.6);height:calc(var(--u) * .8);translate:-50% -50%;border-radius:50%;border:calc(var(--u) * .1) solid #fff;box-shadow:0 0 0 calc(var(--u) * .08) var(--c),0 0 calc(var(--u) * .6) var(--c);pointer-events:none;z-index:1;transition:left .3s cubic-bezier(.2,1.2,.4,1),top .3s cubic-bezier(.2,1.2,.4,1);animation:ring 1s ease-out infinite}@keyframes ring{0%{scale:.5;opacity:1}to{scale:1.5;opacity:0}}.st-dust{position:absolute;width:calc(var(--u) * .5);height:calc(var(--u) * .3);translate:-50% -50%;border-radius:50%;background:#f4ecd0;animation:dust .45s ease-out forwards}@keyframes dust{0%{opacity:.8;scale:.5}to{opacity:0;scale:1.8;translate:-50% -110%}}.st-wave{position:absolute;width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);translate:-50% -50%;border-radius:50%;border:calc(var(--u) * .14) solid #fff;animation:wave .5s ease-out forwards}@keyframes wave{to{scale:3.4;opacity:0;border-width:1px}}.st-bit{position:absolute;width:calc(var(--u) * .26);height:calc(var(--u) * .26);translate:-50% -50%;box-shadow:0 0 0 1px #10141c;animation:bit .75s cubic-bezier(.2,.7,.4,1) forwards}@keyframes bit{60%{opacity:1}to{translate:calc(-50% + var(--dx) * var(--u)) calc(-50% + var(--dy) * var(--u) + var(--u) * 1.4);rotate:1turn;opacity:0}}.st-node{position:absolute;width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);translate:-50% -50%;padding:0;border-radius:50%;border:calc(var(--u) * .12) solid #fff;background:#48546c;box-shadow:0 0 0 calc(var(--u) * .12) #10141c,0 calc(var(--u) * .22) 0 calc(var(--u) * .12) #0c101880;z-index:2;transform-origin:50% 140%;transition:scale .2s cubic-bezier(.2,1.8,.4,1);font-family:var(--display);font-size:calc(var(--u) * .95);color:#fff}.st-node i{position:absolute;left:50%;bottom:calc(var(--u) * -.62);width:0;height:0;margin-left:calc(var(--u) * -.28);border:calc(var(--u) * .28) solid transparent;border-top:calc(var(--u) * .4) solid #10141c}.st-node.done{background:linear-gradient(#58d870,#2c9c44)}.st-node b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;font-weight:400;line-height:1;padding-bottom:calc(var(--u) * .06);background:radial-gradient(circle at 32% 26%,#ffffff70 0 16%,transparent 17%),radial-gradient(circle at 50% 120%,#0c101850,transparent 60%);text-shadow:calc(var(--u) * .05) 0 #10141c,calc(var(--u) * -.05) 0 #10141c,0 calc(var(--u) * .05) #10141c,0 calc(var(--u) * -.05) #10141c,calc(var(--u) * .05) calc(var(--u) * .05) #10141c,calc(var(--u) * -.05) calc(var(--u) * -.05) #10141c,calc(var(--u) * .05) calc(var(--u) * -.05) #10141c,calc(var(--u) * -.05) calc(var(--u) * .05) #10141c,calc(var(--u) * .05) calc(var(--u) * .11) #10141c}.st-node.done b:after{content:"✔";position:absolute;right:calc(var(--u) * -.42);top:calc(var(--u) * -.42);display:grid;place-items:center;width:calc(var(--u) * .72);height:calc(var(--u) * .72);border-radius:50%;font-family:var(--ui);font-size:calc(var(--u) * .46);line-height:1;color:#10141c;text-shadow:none;background:#ffd84a;border:calc(var(--u) * .07) solid #fff;box-shadow:0 0 0 calc(var(--u) * .07) #10141c}.st-node.next{background:linear-gradient(#f4645a,#d8362a);animation:node-bob .8s steps(2) infinite}.st-node.next:before{content:"";position:absolute;inset:calc(var(--u) * -.12);border-radius:50%;border:calc(var(--u) * .1) solid #ffd84a;animation:beacon 1.2s ease-out infinite}@keyframes beacon{to{scale:2;opacity:0}}@keyframes node-bob{50%{margin-top:calc(var(--u) * -.2)}}.st-node.locked{background:#303848;border-color:#6c7890;pointer-events:none;filter:saturate(.4);scale:.82}.st-node.locked b{visibility:hidden}.st-node.locked:after{content:"";position:absolute;left:30%;top:42%;width:40%;height:32%;background:#8090a8;border-radius:12%;box-shadow:0 calc(var(--u) * -.24) 0 calc(var(--u) * -.1) #303848,0 calc(var(--u) * -.24) 0 0 #8090a8}.st-node.sel{scale:1.22;z-index:3;border-color:#ffd84a;box-shadow:0 0 0 calc(var(--u) * .12) #10141c,0 0 0 calc(var(--u) * .3) #ffd84a90,0 calc(var(--u) * .22) 0 calc(var(--u) * .12) #0c101880}.st-node:hover{filter:brightness(1.2)}.st-node.ping{animation:pin-ping .4s cubic-bezier(.2,1.8,.4,1)}@keyframes pin-ping{35%{scale:1.5 .85}70%{scale:1.1 1.4}}.st-node.unlock{animation:pin-unlock .6s cubic-bezier(.2,1.6,.4,1),node-bob .8s .6s steps(2) infinite}@keyframes pin-unlock{0%{scale:.2;rotate:-40deg;filter:brightness(3)}55%{scale:1.6;rotate:8deg;filter:brightness(1.6)}}.st-frame.enter .st-node{animation:pin-drop .5s calc(.5s + var(--k) * 70ms) cubic-bezier(.3,1.5,.5,1) backwards}@keyframes pin-drop{0%{translate:-50% calc(-50% - var(--u) * 5);opacity:0}60%{scale:1.15 .8}80%{scale:.92 1.12}}.st-flags i.new{animation:flag-new .7s cubic-bezier(.2,1.8,.4,1),flag-wave 1.2s .7s steps(2) infinite}@keyframes flag-new{0%{scale:4;rotate:-30deg;opacity:0}60%{scale:.8}}.st-place{position:absolute;translate:-50% 0;padding:.2vh 1vh .3vh;white-space:nowrap;font-size:max(1.9vh,calc(var(--u) * .5));color:#fff;background:#10141ce0;border-radius:.6vh;pointer-events:none;z-index:1;transition:scale .2s cubic-bezier(.2,1.8,.4,1)}.st-place.locked{display:none}.st-place.sel{color:#10141c;background:#ffd84a;scale:1.15;z-index:3;box-shadow:0 0 0 .3vh #10141c}.st-frame.enter .st-place{animation:fade-in .3s calc(.8s + var(--k) * 70ms) backwards}.st-card{position:absolute;right:4vh;top:50%;translate:0 -50%;width:min(50vh,36vw);padding:2vh 2.2vh;background:#10141cf2;border:.4vh solid #fff;border-top:1.4vh solid var(--c);box-shadow:0 0 0 .4vh #10141c,0 1.2vh 0 .4vh #0c101880}.st-card.swap{animation:card-in .3s cubic-bezier(.2,1.4,.4,1)}@keyframes card-in{0%{transform:translate(6vh);opacity:0}}#story.talking .st-card,#story.talking .st-world footer,#story.brief .st-card,#story.brief .st-world footer{display:none}.st-card small,.st-brief small{display:block;font-size:2.2vh;letter-spacing:.2vh;color:#ffd84a}.st-card h3{margin:.4vh 0 1.4vh;font-family:var(--display);font-weight:400;font-size:4.6vh;line-height:.95;letter-spacing:.1vh}.st-foe{display:flex;align-items:center;gap:1.4vh;padding:1vh;background:#1c2230;border-left:.8vh solid var(--c)}.st-foe img{width:9vh;height:9vh;image-rendering:pixelated;border:.4vh solid #fff;background:var(--c)}.st-foe span{display:block;font-size:2vh;color:#a8b4cc}.st-foe b{display:block;font-family:var(--display);font-weight:400;font-size:3.6vh}.st-foe i{font-style:normal;font-size:2.2vh;color:var(--c)}.st-card p{margin:1.4vh 0;font-size:2.5vh}.st-card p b,.st-goal b,.st-note b,.st-pick>b{display:block;font-family:var(--display);font-weight:400;font-size:2vh;letter-spacing:.2vh;color:#ffd84a;margin-bottom:.3vh}.st-best{display:flex;align-items:center;gap:1.2vh;margin-bottom:1.6vh;font-size:2.3vh;color:#a8b4cc}.st-best b,.st-rank b{display:grid;place-items:center;width:5.4vh;height:5.4vh;border-radius:50%;font-family:var(--display);font-weight:400;font-size:3.6vh;color:#10141c;background:#c8d0e0;border:.4vh solid #fff;box-shadow:0 0 0 .4vh #10141c}.rank-S b{background:linear-gradient(#fff2a0,#ffcb05)}.rank-A b{background:linear-gradient(#b8f8c0,#58d870)}.rank-B b{background:linear-gradient(#b8dcff,#5a9cf0)}.st-go,.st-start,.st-buttons .main{font-family:var(--display);font-size:3.4vh;letter-spacing:.1vh;color:#fff;padding:1vh 2vh 1.2vh;background:linear-gradient(#f4645a 0,#f4645a 50%,#d8362a 50%);border:.4vh solid #fff;border-radius:0;box-shadow:0 0 0 .4vh #10141c,0 .8vh 0 .4vh #0c101880;text-shadow:.3vh .3vh 0 #7c140c;transition:transform .12s cubic-bezier(.2,1.6,.4,1)}.st-go{width:100%;animation:ready .8s infinite}.st-go:hover,.st-start:hover,.st-buttons .main:hover,.st-buttons .main:focus{background:linear-gradient(#ff8076 0,#ff8076 50%,#ec4a3c 50%);border-color:#ffd84a;transform:scale(1.05);outline:0}.st-world footer{position:absolute;left:0;right:0;bottom:2vh;text-align:center;font-size:2.3vh;color:#dfe6f4;text-shadow:2px 2px 0 #0c1018}.st-brief{flex-direction:column;justify-content:center;align-items:center;z-index:6;background:#0c1018e6;animation:fade-in .25s}#story.brief .st-nodes,#story.brief .st-token,#story.brief .st-ring,#story.brief .st-fx{display:none}.st-brief>*{width:min(120vh,92vw)}.st-brief h2{margin:.4vh 0 2vh;font-family:var(--display);font-weight:400;font-size:8vh;line-height:.95;letter-spacing:.2vh;text-shadow:.5vh .5vh 0 #c8281c}.st-goal,.st-note,.st-pick{margin-bottom:1.6vh;padding:1.4vh 2vh;background:#10141cf0;border-left:1vh solid #ffd84a}.st-note{border-left-color:#58b8e0}.st-pick{border-left-color:var(--c)}.st-goal p{margin:0;font-size:3.6vh}.st-note p{margin:0;font-size:2.7vh;color:#dfe6f4}.st-heroes{display:flex;flex-wrap:wrap;gap:1.2vh;margin:2vh 0 1vh}.st-heroes button{display:grid;justify-items:center;gap:.4vh;padding:.6vh;width:12vh;color:#a8b4cc;font-family:var(--ui);font-size:2.1vh;background:#1c2230;border:.4vh solid #303c58;border-radius:0;transition:transform .12s cubic-bezier(.2,1.6,.4,1)}.st-heroes img{width:9vh;height:9vh;image-rendering:pixelated;background:var(--c)}.st-heroes button.on{color:#fff;border-color:#ffd84a;background:#303c5c;transform:translateY(-1vh) scale(1.08)}.st-pick p{margin:0;font-size:2.4vh;color:#dfe6f4}.st-pick em{font-style:normal;color:var(--c);font-family:var(--display);font-size:2.8vh}.st-buttons{display:flex;justify-content:flex-end;gap:2vh;margin-top:1vh}.st-buttons button:not(.main):not(.st-start){font-family:var(--display);font-size:2.8vh;color:#dfe6f4;padding:1vh 2vh;background:#1c2230;border:.4vh solid #48546c;border-radius:0}.st-buttons button:not(.main):not(.st-start):hover,.st-buttons button:not(.main):not(.st-start):focus{border-color:#fff;background:#303848;outline:0}.st-banner{position:absolute;left:0;right:0;top:32vh;padding:2vh 0 2.4vh;text-align:center;background:linear-gradient(#2c3854e8,#10141cf2);border-block:.7vh solid #ffd84a;box-shadow:0 1.2vh #0c101880}.st-banner[hidden]{display:none}.st-banner.go{animation:banner-life 2.6s both}@keyframes banner-life{0%{transform:scaleY(0)}8%{transform:scaleY(1.1)}12%,86%{transform:none;opacity:1}to{opacity:0;transform:translateY(-3vh)}}.st-banner small{display:block;font-size:3vh;letter-spacing:.6vh;color:#ffd84a}.st-banner b{display:block;font-family:var(--display);font-weight:400;font-size:11vh;line-height:1;letter-spacing:.3vh}.st-banner b span{display:inline-block;text-shadow:.6vh .6vh 0 #c8281c;animation:letter-slam .26s calc(.2s + var(--i) * .03s) backwards}.st-banner p{margin:.8vh 0 0;font-size:3.4vh;color:#dfe6f4;animation:fade-in .4s .9s backwards}#stage:has(#story.talking) #map,#stage:has(#story.talking) #mapfx{filter:blur(2px) brightness(.55) saturate(.8);transition:filter .4s}#stage:has(#story.talking) #hud{opacity:.25;transition:opacity .3s}.st-talk{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.st-talk[hidden],.st-chapter[hidden],.st-license[hidden]{display:none}.st-bar{position:absolute;left:0;right:0;height:9vh;background:#07090e}.st-bar.top{top:0;box-shadow:0 .5vh 0 var(--c)}.st-bar.bot{bottom:0;box-shadow:0 -.5vh 0 var(--c)}.st-talk.in .st-bar.top{animation:bar-top .35s cubic-bezier(.2,1,.4,1)}.st-talk.in .st-bar.bot{animation:bar-bot .35s cubic-bezier(.2,1,.4,1)}@keyframes bar-top{0%{transform:translateY(-100%)}}@keyframes bar-bot{0%{transform:translateY(100%)}}.st-actor{position:absolute;bottom:20vh;width:44vh;transition:transform .25s cubic-bezier(.2,1.4,.4,1),filter .25s,opacity .25s;transform:scale(.82);filter:brightness(.45) saturate(.6);transform-origin:bottom center}.st-actor.left{left:3vw}.st-actor.right{right:3vw}.st-actor.out{opacity:0}.st-actor.on{transform:none;filter:none;z-index:1}.st-pic{position:relative;width:100%;aspect-ratio:1}.st-actor.right .st-pic{transform:scaleX(-1)}.st-pic:before{content:"";position:absolute;top:-1.4vh;right:-2vh;bottom:-1.4vh;left:-2vh;background:#fff;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);box-shadow:0 0 0 1vh #10141c}.st-pic:after{content:"";position:absolute;top:-.5vh;right:-.8vh;bottom:-.5vh;left:-.8vh;background:var(--c);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.st-pic img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;image-rendering:pixelated;background:linear-gradient(160deg,#ffffff50,transparent 60%),var(--c);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.st-pic img:not([src]){visibility:hidden}.st-actor>b{position:absolute;left:50%;bottom:-3vh;translate:-50% 0;padding:.4vh 2.4vh .6vh;white-space:nowrap;font-family:var(--display);font-weight:400;font-size:4vh;letter-spacing:.1vh;color:#10141c;background:var(--c);border:.5vh solid #fff;box-shadow:0 0 0 .5vh #10141c;transform:skew(-8deg);z-index:2}.st-actor:not(.on)>b{opacity:0}.st-actor.left.enter{animation:actor-l .4s cubic-bezier(.2,1.4,.4,1)}.st-actor.right.enter{animation:actor-r .4s cubic-bezier(.2,1.4,.4,1)}@keyframes actor-l{0%{transform:translate(-70vh)}}@keyframes actor-r{0%{transform:translate(70vh)}}.st-actor.fx-Angry{animation:fx-angry .4s}.st-actor.fx-Determined{animation:fx-punch .3s cubic-bezier(.2,1.6,.4,1)}.st-actor.fx-Happy{animation:fx-hop .5s}.st-actor.fx-Surprised{animation:fx-jump .35s cubic-bezier(.2,1.8,.4,1)}.st-actor.fx-Pain,.st-actor.fx-Worried{animation:fx-shiver .45s}.st-actor.fx-Sad{animation:fx-droop .6s forwards}.st-actor.fx-Normal{animation:fx-nod .3s}@keyframes fx-angry{0%,to{transform:none}15%{transform:translate(-1.6vh,.6vh) rotate(-2deg)}30%{transform:translate(1.6vh,-.6vh) rotate(2deg) scale(1.06)}45%{transform:translate(-1.2vh,.4vh)}60%{transform:translate(1vh)}80%{transform:translate(-.5vh)}}@keyframes fx-punch{40%{transform:scale(1.1)}}@keyframes fx-hop{25%{transform:translateY(-3vh)}50%{transform:none}75%{transform:translateY(-1.6vh)}}@keyframes fx-jump{40%{transform:translateY(-4vh) scale(1.06)}}@keyframes fx-shiver{20%,60%{transform:translate(-.7vh)}40%,80%{transform:translate(.7vh)}}@keyframes fx-droop{to{transform:translateY(1.4vh) rotate(-1.5deg);filter:saturate(.7)}}@keyframes fx-nod{50%{transform:translateY(.8vh)}}.st-box{position:absolute;left:22vw;right:22vw;bottom:12vh;min-height:17vh;padding:2.6vh 3vh 2.2vh;background:#10141cf6;border:.5vh solid #fff;border-top:1.2vh solid var(--c);box-shadow:0 0 0 .5vh #10141c,0 1.2vh 0 .5vh #0c101880;z-index:3}.st-talk.from-left .st-box{left:calc(3vw + 34vh);right:12vw}.st-talk.from-right .st-box{left:12vw;right:calc(3vw + 34vh)}.st-box:before{content:"";position:absolute;top:3vh;border:2vh solid transparent}.st-talk.from-left .st-box:before{left:-4.4vh;border-right-color:#fff}.st-talk.from-right .st-box:before{right:-4.4vh;border-left-color:#fff}.st-talk.narr .st-box{left:16vw;right:16vw;bottom:38vh;text-align:center;border:0;border-block:.5vh solid #ffd84a;background:#07090ee0;box-shadow:none}.st-box.bump{animation:box-pop .22s cubic-bezier(.2,1.5,.4,1)}@keyframes box-pop{0%{transform:scale(.96) translateY(1.4vh);opacity:.4}}.st-name{display:none}.st-line{margin:0;font-size:4vh;line-height:1.15;min-height:9.2vh}.st-talk.narr .st-line{font-size:4.2vh;color:#ffe9a0;min-height:0}.st-more{position:absolute;right:2vh;bottom:1vh;font-style:normal;font-size:2.6vh;color:#ffd84a;animation:nudge-down .6s steps(2) infinite}.st-more[hidden]{display:none}@keyframes nudge-down{50%{transform:translateY(.6vh)}}.st-talk>small{position:absolute;left:0;right:0;bottom:2.8vh;text-align:center;font-size:2.2vh;color:#8090a8;z-index:3}.st-chapter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;background:#0c1018;cursor:pointer}.st-chapter.go{animation:chap-life 3.2s both}@keyframes chap-life{0%{opacity:0}6%,90%{opacity:1}to{opacity:0}}.st-stripes{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--c) 34%,#0c1018) 0,color-mix(in srgb,var(--c) 34%,#0c1018) 9vh,#0c1018 9vh,#0c1018 18vh);animation:chap-slide 3.2s linear}@keyframes chap-slide{to{transform:translate(-18vh)}}.st-chap-text{position:absolute;left:7vw;top:50%;translate:0 -50%}.st-chap-text small{display:block;font-size:4vh;letter-spacing:1vh;color:#ffd84a;animation:fade-in .3s .2s backwards}.st-chap-text>b{display:block;font-family:var(--display);font-weight:400;font-size:30vh;line-height:.8;color:var(--c);text-shadow:1vh 1vh 0 #07090e;animation:chap-num .5s .15s cubic-bezier(.2,1.6,.4,1) backwards}@keyframes chap-num{0%{transform:translate(-30vw) rotate(-12deg);opacity:0}}.st-chap-text h2{margin:1vh 0 0;font-family:var(--display);font-weight:400;font-size:9.5vh;line-height:1;letter-spacing:.2vh;max-width:56vw}.st-chap-text h2 span{display:inline-block;text-shadow:.6vh .6vh 0 #07090e;animation:letter-slam .26s calc(.45s + var(--i) * 28ms) backwards}.st-chap-text p{margin:1vh 0 0;font-size:4vh;color:#dfe6f4;animation:fade-in .4s 1.1s backwards}.st-chap-foe{position:absolute;right:6vw;top:50%;translate:0 -50%;text-align:center;animation:chap-foe .5s .5s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes chap-foe{0%{transform:translate(50vw)}}.st-chap-foe img{display:block;width:46vh;height:46vh;image-rendering:pixelated;background:var(--c);border:1vh solid #fff;box-shadow:0 0 0 1vh #07090e;transform:rotate(3deg)}.st-chap-foe span{display:block;margin-top:2.4vh;font-size:3vh;letter-spacing:.6vh;color:#ffd84a}.st-chap-foe b{display:block;font-family:var(--display);font-weight:400;font-size:7vh;text-shadow:.5vh .5vh 0 #07090e}.st-license{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:3vh;background:#07090ee8;cursor:pointer}.st-license.go{animation:fade-in .3s}.st-id{position:relative;display:grid;grid-template-columns:auto 1fr;gap:0 3vh;width:min(96vh,86vw);padding:0 3vh 3vh;color:#10141c;background:linear-gradient(135deg,#fffdf0,#e8ecd8);border:.8vh solid #10141c;border-radius:2vh;box-shadow:0 2vh #07090e80;animation:id-in .6s cubic-bezier(.2,1.4,.4,1)}@keyframes id-in{0%{transform:translateY(60vh) rotate(-8deg)}}.st-id header{grid-column:1 / -1;margin:0 -3vh 3vh;padding:1.6vh 3vh;display:flex;justify-content:space-between;align-items:baseline;color:#fff;background:#d8362a;border-radius:1vh 1vh 0 0}.st-id header b{font-family:var(--display);font-weight:400;font-size:4.4vh;letter-spacing:.3vh}.st-id header span{font-size:2.6vh}.st-id img{width:26vh;height:26vh;image-rendering:pixelated;background:#f8d030;border:.8vh solid #10141c}.st-id dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:1vh 2vh;align-content:center;font-size:3.2vh}.st-id dt{color:#6c7890;font-size:2.4vh;align-self:center}.st-id dd{margin:0;font-family:var(--display);font-size:4vh}.st-stamp{position:absolute;right:3vh;top:10.5vh;padding:.4vh 2vh;font-style:normal;font-family:var(--display);font-size:7vh;letter-spacing:.4vh;color:#d8362a;border:.8vh solid #d8362a;border-radius:1.4vh;transform:rotate(-12deg);opacity:0;animation:stamp-in .3s .9s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes stamp-in{0%{transform:rotate(-12deg) scale(4);opacity:0}to{transform:rotate(-12deg);opacity:.9}}.st-license p{margin:0;font-size:2.8vh;color:#dfe6f4;animation:fade-in .4s 1.4s backwards}.st-result{flex-direction:column;justify-content:center;align-items:center;gap:1.8vh;background:radial-gradient(ellipse at 50% 40%,#24345ce8,#0c1018f4 75%);text-align:center}.st-result.in{animation:fade-in .3s}.st-result h2{margin:0;font-family:var(--display);font-weight:400;font-size:13vh;line-height:1;letter-spacing:.4vh;color:#ffd84a}.st-result h2 span{display:inline-block;text-shadow:.6vh .6vh 0 #c8281c,-2px -2px 0 #0c1018,2px -2px 0 #0c1018,-2px 2px 0 #0c1018;animation:letter-slam .28s calc(var(--i) * 35ms) backwards}#story.lost .st-result h2{color:#c8d0e0}#story.lost .st-result h2 span{text-shadow:.6vh .6vh 0 #10141c}.st-rank{display:flex;align-items:center;gap:2vh;font-size:4vh;animation:rank-stamp .5s .7s cubic-bezier(.2,1.6,.4,1) backwards}.st-rank b{width:15vh;height:15vh;font-size:11vh;border-width:.8vh}@keyframes rank-stamp{0%{transform:scale(4) rotate(-20deg);opacity:0}}.st-days,.st-tip{margin:0;font-size:3.2vh;color:#dfe6f4;max-width:110vh}.st-days b,.st-tip b{color:#ffd84a;font-weight:400}.st-join{display:flex;align-items:center;gap:2vh;padding:1.4vh 3vh 1.4vh 1.4vh;text-align:left;background:#10141cf2;border:.4vh solid #fff;border-left:1.2vh solid var(--c);animation:card-in .4s 1.1s cubic-bezier(.2,1.4,.4,1) backwards}.st-join img{width:12vh;height:12vh;image-rendering:pixelated;background:var(--c);border:.4vh solid #fff}.st-join span{display:block;font-size:2.4vh;color:#ffd84a;letter-spacing:.2vh}.st-join b{display:block;font-family:var(--display);font-weight:400;font-size:5vh}.st-join i{font-style:normal;font-size:2.3vh;color:#dfe6f4}.st-result .st-flags{font-size:2.8vh}.st-result .st-buttons{margin-top:1.4vh}.st-note{display:flex;align-items:center;gap:2vh}.st-note img{flex:none;width:9vh;height:9vh;image-rendering:pixelated;background:#5fb8e8;border:.4vh solid #fff}.st-verdict{display:flex;align-items:center;gap:2vh;max-width:100vh;padding:1vh 2.4vh 1vh 1vh;text-align:left;background:#10141cf2;border:.4vh solid #5fb8e8;animation:card-in .4s 1s cubic-bezier(.2,1.4,.4,1) backwards}.st-verdict img{flex:none;width:9vh;height:9vh;image-rendering:pixelated;background:#5fb8e8}.st-verdict p{margin:0;font-size:3vh}.st-banner i{display:block;margin-top:1.2vh;font-style:normal;font-size:2.4vh;color:#a8b4cc;animation:fade-in .4s 1.4s backwards}.st-banner{pointer-events:auto;cursor:pointer}.st-banner.go{animation:banner-life 4s both}#story.talking .st-world header,#story.talking .st-nodes,#story.talking .st-token,#story.talking .st-backdrop,#story.talking .st-frame{display:none}html,body{overscroll-behavior:none}#stage,#help{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.dedo,#more,#touchbar{display:none}.touch .tecla,.touch kbd{display:none!important}.touch span.dedo{display:inline}@media (hover: none){button:hover:not(:disabled){transform:none}}.touch #hud{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.touch #touchbar{position:absolute;left:50%;bottom:12px;translate:-50% 0;display:flex;gap:10px;pointer-events:none}#touchbar button{display:none;width:68px;height:58px;padding:4px 0 0;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:auto;font-family:var(--ui);font-size:15px;color:#dfe6f4;background:#10141ce8;border:2px solid #48546c;border-radius:14px;box-shadow:0 4px #0c1018}#touchbar button i{font-style:normal;font-family:system-ui,sans-serif;font-size:24px;line-height:1;color:#fff}#touchbar button:active{translate:0 3px;box-shadow:0 1px #0c1018;background:#303848}#touchbar:is([data-mode=idle],[data-mode=inspect],[data-mode=move]) [data-do=next],#touchbar[data-mode=idle] [data-do=danger],#touchbar:is([data-mode=inspect],[data-mode=move],[data-mode=target]) [data-do=back]{display:flex}#touchbar [data-do=back]{border-color:#e8483c}#touchbar [data-do=back] i{color:#ff8076}#touchbar.danger [data-do=danger]{border-color:#ffd84a;background:#5c3408}#touchbar.danger [data-do=danger] i{color:#ffd84a}.touch #hints{opacity:1;bottom:80px;font-size:16px;padding:5px 12px}.touch #stage:has(#touchbar:is([data-mode=menu],[data-mode=recruit],[data-mode=busy],[data-mode=off])) #hints{opacity:0}.touch #more{position:absolute;left:calc(100% + 14px);bottom:0;display:grid;place-items:center;width:52px;height:52px;padding:0;font-family:system-ui,sans-serif;font-size:24px;color:#fff;background:#10141ce8;border:2px solid #48546c;border-radius:14px;box-shadow:0 4px #0c1018}.touch #mini.open #more{border-color:#ffd84a;background:#303848}.touch .sys{display:none;position:absolute;left:0;bottom:calc(100% + 16px);flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:10px;background:#10141cf2;border:2px solid #48546c;border-radius:14px;box-shadow:0 5px #0c1018;animation:card-in .18s;z-index:5}.touch #mini.open .sys{display:flex}.touch .sys button{font-size:21px;padding:9px 18px;white-space:nowrap;text-align:left;border-radius:10px}.touch .cmd button{height:58px;background-size:184px 77px}.touch #forecast{pointer-events:auto;cursor:pointer}.touch #forecast:after{content:"Toca para atacar";display:block;margin-top:4px;padding:3px 8px 5px;font-family:var(--ui);font-size:17px;line-height:1;text-align:center;color:#fff;background:#d8362a;border-radius:6px;animation:ready .8s infinite}#title .toggles.app{right:auto;top:auto;left:2.4vh;bottom:calc(2vh + 36px);flex-direction:column;align-items:flex-start;gap:8px}#title .toggles.app [data-app=offline]{background:linear-gradient(90deg,#2c6c44 calc(var(--p, 0) * 100%),#10141cd8 0)}#title .toggles.app [data-app=offline].ready{color:#8ce8a4;border-color:#2c9c44;background:#10141cd8}#title .toggles.app [data-app=offline].loading{border-color:#58d870}#title .ver{font-style:normal;opacity:.7}#title.intro .toggles.app,#stage.attract #title .toggles.app{display:none}.touch #title .foot>span:first-child{display:none}.touch #title .foot{justify-content:flex-end;left:calc(2.4vh + env(safe-area-inset-left));right:calc(2.4vh + env(safe-area-inset-right))}.touch #title .toggles{right:calc(2.4vh + env(safe-area-inset-right))}.touch #title .toggles.app{left:calc(2.4vh + env(safe-area-inset-left));bottom:2.4vh}.touch #title .toggles button{padding:9px 16px;font-size:20px}.touch #stage.titling #map,.touch #stage.titling #mapfx,.touch #stage:has(#story.talking) #map,.touch #stage:has(#story.talking) #mapfx{filter:none;opacity:.45}.touch #select footer{display:none}.touch #select nav.dedo{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px}#select nav.dedo button{font-family:var(--display);font-size:26px;padding:8px 22px 10px;color:#dfe6f4;background:#1c2230;border:3px solid #48546c;border-radius:0;box-shadow:0 4px #0c1018}#select nav.dedo [data-a=go]{color:#fff;background:linear-gradient(#f4645a 0,#f4645a 50%,#d8362a 50%);border-color:#fff;text-shadow:2px 2px 0 #7c140c;animation:ready .8s infinite}.touch .st-world footer,.touch .st-talk>small,.touch #help footer{display:none}.st-exit,.st-skip{font-family:var(--ui);font-size:2.6vh;color:#dfe6f4;padding:.8vh 1.8vh;background:#10141ce0;border:.3vh solid #48546c;border-radius:1.6vh;box-shadow:0 .5vh #0c1018}.st-exit:hover,.st-skip:hover{border-color:#fff;background:#303848}.st-exit{align-self:center}.st-skip{position:absolute;right:calc(3vh + env(safe-area-inset-right));top:11vh;z-index:5}.touch .st-exit,.touch .st-skip{font-size:3.6vh;padding:1.4vh 2.6vh}.touch .st-world header{left:calc(4vh + env(safe-area-inset-left))}.touch .st-card{right:calc(4vh + env(safe-area-inset-right))}#toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));translate:-50% 0;z-index:150;display:flex;align-items:center;gap:14px;max-width:92vw;padding:10px 16px;font-family:var(--ui);font-size:20px;line-height:1.15;color:#fff;background:#10141cf6;border:3px solid #ffd84a;box-shadow:0 0 0 3px #10141c,0 6px 0 3px #0c101880;animation:toast-in .3s cubic-bezier(.2,1.5,.4,1)}#toast[hidden]{display:none}#toast b{color:#ffd84a;font-weight:400}#toast button{flex:none;font-family:var(--display);font-size:22px;padding:5px 16px 7px;color:#fff;background:linear-gradient(#f4645a 0,#f4645a 50%,#d8362a 50%);border:3px solid #fff;border-radius:0;box-shadow:0 3px #0c1018}@keyframes toast-in{0%{translate:-50% -120%}}#rotate{display:none}@media (orientation: portrait) and (pointer: coarse){#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;padding:8vmin;text-align:center;color:#fff;font-family:var(--display);line-height:1;background:repeating-linear-gradient(115deg,#ffffff08 0 8vmin,transparent 8vmin 16vmin),linear-gradient(#d8362a 0,#d8362a 50%,#10141c 50%)}#rotate .phone{position:relative;width:26vmin;height:46vmin;margin-bottom:6vmin;border:2vmin solid #fff;border-radius:5vmin;background:#10141c;box-shadow:0 0 0 1.4vmin #10141c,0 3vmin 0 1.4vmin #0c101880;animation:turn-phone 2.4s cubic-bezier(.6,0,.3,1.2) infinite}#rotate .phone i{position:absolute;left:50%;top:50%;width:10vmin;height:10vmin;translate:-50% -50%;background:url(../assets/ui/ball.png) center / 100%;image-rendering:pixelated}#rotate b{font-weight:400;font-size:13vmin;color:#ffd84a;text-shadow:.8vmin .8vmin 0 #10141c}#rotate span{font-family:var(--ui);font-size:6vmin}#rotate small{margin-top:4vmin;font-family:var(--ui);font-size:4.6vmin;color:#a8b4cc}}@keyframes turn-phone{0%,20%{rotate:0deg}55%,85%{rotate:-90deg}to{rotate:0deg}}#title .toggles button[hidden]{display:none}.touch #title .toggles:not(.app){top:auto;bottom:2.4vh;flex-direction:column;align-items:flex-end;gap:8px}.touch #title .blurb{display:none}.touch #title .foot{justify-content:center;font-size:14px;bottom:1.2vh;pointer-events:none}@media (max-height: 620px){#select{zoom:.8}}.touch .st-card,.touch .st-brief>*,.touch .st-result>*{zoom:1.2}.touch #help .x{scale:1.5;transform-origin:right top}#select nav.dedo{z-index:2}.callout{position:absolute;z-index:2;padding:4px 26px 8px 18px;font-family:var(--display);font-size:44px;line-height:1;letter-spacing:1px;color:#fff;white-space:nowrap;background:linear-gradient(#ffffff40 0 50%,transparent 50%),var(--c);border:4px solid #fff;box-shadow:0 0 0 4px #10141c,0 8px 0 4px #0c101880;text-shadow:3px 3px 0 #10141c,-2px -2px 0 #10141c,2px -2px 0 #10141c,-2px 2px 0 #10141c;pointer-events:none}.callout small{display:block;font-family:var(--ui);font-size:18px;letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px 0 #10141c}.callout.near{left:3%;top:21%;transform:skew(-10deg);animation:callout-l 1.3s both}.callout.far{right:3%;top:21%;text-align:right;padding:4px 18px 8px 26px;transform:skew(-10deg);animation:callout-r 1.3s both}@keyframes callout-l{0%{translate:-120% 0}12%{translate:4% 0}18%,75%{translate:0 0;opacity:1}to{translate:-30% 0;opacity:0}}@keyframes callout-r{0%{translate:120% 0}12%{translate:-4% 0}18%,75%{translate:0 0;opacity:1}to{translate:30% 0;opacity:0}}#stage.encounter #map,#stage.encounter #mapfx{animation:encounter .62s cubic-bezier(.5,0,.9,.4) forwards;transform-origin:var(--ex, 50%) var(--ey, 50%)}#stage.encounter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:#fff;animation:encounter-flash .62s steps(1) both}@keyframes encounter{0%,30%{scale:1}to{scale:2.6}}@keyframes encounter-flash{0%,16%,32%{opacity:.9;background:#fff}8%,24%{opacity:.6;background:#10141c}40%,to{opacity:0}}#info .xpline{position:absolute;left:78px;right:8px;top:54px;display:flex;align-items:center;gap:5px;font-size:14px;line-height:1;white-space:nowrap}#info .xpline i{font-style:normal;padding:1px 4px;color:#10141c;background:#58c8f8;border-radius:3px}.xpbar{position:relative;flex:none;width:70px;height:7px;background:#10141c;border:2px solid #10141c;border-radius:3px;overflow:hidden}.xpbar u{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#a8e8ff,#38a8f0);transition:width .4s}#info .xpline.ready i{background:#ffd84a}#info .xpline.ready u{background:linear-gradient(#fff6a0,#ffb400)}#info .xpline.ready span{color:#ffd84a;animation:press .9s steps(1) infinite}#info .xpline.max span{opacity:.7}#menu.box button.evo{background:linear-gradient(90deg,#6c5008,#3c2c08)}#menu.box button.evo b{color:#ffd84a}#menu.box button.evo .ic{color:#10141c;background:#ffd84a;animation:ready .8s infinite}#forecast .eff.xp{color:#2878c8}#forecast .eff.xp.good{color:#c08000}.plate .xp{height:6px;margin-top:3px;background:#485060;border:2px solid var(--ink)}.plate .xp[hidden]{display:none}.plate .xp i{display:block;height:100%;width:0;background:linear-gradient(#a8e8ff,#38a8f0);transition:width .7s cubic-bezier(.3,0,.3,1)}.plate.right .xp i{margin-left:auto}.plate.gain .xp{animation:xp-gain .7s}.plate.evo .xp i{background:linear-gradient(#fff6a0,#ffb400)}.plate.evo{animation:plate-evo .5s 3}@keyframes xp-gain{30%{box-shadow:0 0 0 3px #58c8f8}}@keyframes plate-evo{50%{box-shadow:0 0 0 4px #ffd84a,5px 5px #0006}}#scene.evolve .plate,#scene.evolve .counter{display:none}#scene.evolve .msg{left:14px;right:14px;text-align:center}.evocard{position:absolute;right:4%;top:14%;width:330px;padding:12px 14px 10px;font-family:var(--ui);font-size:22px;line-height:1.1;color:#fff;background:#10141cf2;border:4px solid #fff;border-top:12px solid #ffd84a;box-shadow:0 0 0 4px #10141c,0 10px 0 4px #0c101880;animation:card-in .4s .5s cubic-bezier(.2,1.4,.4,1) backwards}.evocard header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.evocard header img{width:52px;height:52px;image-rendering:pixelated;border:3px solid #fff;background:#303c58}.evocard header img:first-child{filter:grayscale(.8) brightness(.7);width:40px;height:40px}.evocard header>i,.evocard div>i{font-style:normal;color:#ffd84a}.evocard header small{display:block;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#a8b4cc}.evocard header b{display:block;font-family:var(--display);font-weight:400;font-size:34px;line-height:.95;color:#ffd84a}.evocard>div{display:flex;align-items:center;gap:8px;padding:3px 0;border-top:2px solid #303c58;animation:fade-in .3s backwards}.evocard>div:nth-of-type(1){animation-delay:.9s}.evocard>div:nth-of-type(2){animation-delay:1.1s}.evocard>div:nth-of-type(3){animation-delay:1.3s}.evocard>div span{flex:1;color:#dfe6f4}.evocard>div b{font-family:var(--display);font-weight:400;font-size:28px;min-width:44px;text-align:right;color:#a8b4cc}.evocard>div b.new{color:#fff}.evocard>div em{width:16px;font-style:normal;color:#58d870}.evocard p{margin:8px 0 0;font-size:18px;color:#8cf08c;animation:fade-in .3s 1.5s backwards}#info .xpline.ready .xpbar{display:none}.stamp.slam{animation:stamp-slam 1.4s forwards}@keyframes stamp-slam{0%{transform:translate(-50%,-50%) scale(3.4) rotate(-8deg);opacity:0}9%{transform:translate(-50%,-50%) scale(.86) rotate(2deg);opacity:1}14%{transform:translate(-50%,-50%) scale(1.12) rotate(-1deg)}20%,78%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(1);opacity:0}}.stamp.status{font-size:40px}.plate .pill.st{animation:card-in .3s cubic-bezier(.2,1.6,.4,1)}.plate .hpnum.tick{animation:hp-tick .12s}@keyframes hp-tick{40%{transform:translateY(3px) scale(1.2);color:#e84838}}.plate.low{animation:plate-low .7s steps(2) infinite}.plate.low .hpnum{color:#e84838}@keyframes plate-low{50%{box-shadow:0 0 0 4px #e84838,5px 5px #0006}}.capwho .myhp{display:flex;align-items:center;gap:1.2vh;margin-top:.8vh;font-size:2.6vh;text-shadow:.2vh .2vh 0 #10141c}.capwho .myhp u{position:relative;display:block;width:22vh;height:2vh;background:#485060;border:.4vh solid #10141c}.capwho .myhp i{position:absolute;left:0;top:0;bottom:0;transition:width .3s;box-shadow:inset 0 .5vh #ffffff70}.capwho .myhp em{font-style:normal;font-family:var(--display);font-size:3vh}.capwho.hurt{animation:plate-hurt .35s}.capwhat .trait{color:#dfe6f4}.capwhat .trait em{font-style:normal;padding:0 1vh;margin-right:.6vh;color:#10141c;background:#ffd84a;border-radius:.6vh}.capwhat .gauges{display:flex;justify-content:flex-end;gap:2.4vh;margin-top:1vh;font-size:2.3vh;color:#a8b4cc}.capwhat .gauges span{display:flex;align-items:center;gap:.8vh;margin:0;color:inherit;font-size:inherit}.capwhat .gauges i{display:flex;gap:.5vh}.capwhat .gauges b{display:block;width:1.9vh;height:1.9vh;margin:0;border-radius:50%;background:#303848;border:.3vh solid #6c7890;font-size:0}.capwhat .gauges .stam b.on{background:#58e070;border-color:#fff}.capwhat .gauges .pat b.on{background:#58b8f0;border-color:#fff}.catchbar .odds{font-size:2.5vh;color:#dfe6f4;white-space:nowrap}.catchbar .odds b{font-family:var(--display);font-weight:400;font-size:3.8vh;color:#ffd84a}.catchbar p .z{display:inline-block;width:2.6vh;height:1.4vh;margin:0 .7vh 0 1.2vh;border:.3vh solid #10141c;border-radius:.6vh;vertical-align:.1vh}.catchbar p .z.hit{background:#58e070;margin-left:0}.catchbar p .z.ball{background:#ffd84a}.catchbar p .z.foe{background:#ff5040}.catchbar .throw{min-width:16vh;animation:ready .7s infinite}.catchbar .quit{display:none}.touch .catchbar .quit{display:block;grid-column:1 / -1;justify-self:center;font-family:var(--ui);font-size:2.6vh;padding:.8vh 2.4vh;color:#dfe6f4;background:#1c2230;border:.3vh solid #48546c;border-radius:1.2vh}.capui.busy .cappop{opacity:1}.cop .belt{position:absolute;left:8px;top:calc(100% + 22px);display:flex;gap:4px}.cop.t1 .belt{left:auto;right:8px}.cop .belt i{display:block;width:30px;height:30px;border-radius:50%;background:#10141cd0;border:2px solid #48546c;overflow:hidden}.cop .belt i:has(img){border-color:#ffd84a;background:linear-gradient(#e8483c 0,#e8483c 47%,#10141c 47%,#10141c 53%,#f4f6fb 53%);box-shadow:0 2px #10141c;animation:talk-bob 1.2s steps(2) infinite}.cop .belt img{width:100%;height:100%;image-rendering:pixelated;border-radius:50%}.ballfx.throw{animation:ball-throw .52s cubic-bezier(.3,0,.6,1) forwards}@keyframes ball-throw{0%{translate:0 0;rotate:0turn;scale:.6}50%{translate:calc(var(--dx) * .5) calc(var(--dy) * .5 - 46px);scale:1.2}to{translate:var(--dx) var(--dy);rotate:2turn;scale:1}}#info .wildline{color:#ffd0a0;font-size:17px}#info .line .edge{color:#ffd84a}.wildhello{position:absolute;left:0;right:0;top:16%;text-align:center;pointer-events:none;animation:banner-life 1.5s both}.wildhello small{display:block;font-size:3.2vh;letter-spacing:.6vh;color:#ffd84a;text-shadow:.3vh .3vh 0 #10141c}.wildhello b{display:block;font-family:var(--display);font-weight:400;font-size:12vh;line-height:1;letter-spacing:.4vh;color:#fff}.wildhello b span{display:inline-block;text-shadow:.6vh .6vh 0 #2c7c40,-.3vh -.3vh 0 #10141c,.3vh -.3vh 0 #10141c,-.3vh .3vh 0 #10141c;animation:letter-slam .26s calc(.1s + var(--i) * 35ms) backwards}.cappop.alert{font-size:11vh;color:#ffd84a}.pc .cell{position:relative}.pc .cell.boxed{outline:2px solid #ffd84a;outline-offset:-2px;background-color:#fff6c8}.pc .cell.boxed:after{content:"CAJA";position:absolute;left:1px;top:1px;padding:0 2px;font:8px/1.2 var(--ui);color:#10141c;background:#ffd84a}.touch #title .beams:before,.touch #title .beams:after,.touch .st-backdrop,.touch #select .bg .stripes{animation:none}.touch .logo2:before{animation-duration:140s;will-change:transform}.touch .logo2 span[data-ch]:before{animation:none}.touch .st-sky i{filter:none;opacity:.1}.touch .logo2 .poke{filter:none}.touch #map,.touch #mapfx,.touch #scene canvas{will-change:transform}.touch #talk{bottom:auto;top:172px;align-items:flex-start;max-width:46%}.touch #talk img{width:60px;height:60px}.touch #talk .box{font-size:20px}#info .xpline span{overflow:hidden;text-overflow:ellipsis;min-width:0}#info .reach{overflow:hidden}.callout.near,.callout.far{top:31%}.touch .catchbar{bottom:1.4vh;row-gap:.6vh;padding-block:1vh}.touch .catchbar p{font-size:1.9vh}.touch .catchbar .quit{position:absolute;right:0;bottom:calc(100% + 1vh);grid-column:auto;padding:1vh 2.6vh;font-size:3vh;background:#10141cf0}.touch .catchbar .balls button{padding-block:.4vh}.st-stamp{right:auto;top:auto;left:1.2vh;bottom:1.4vh;font-size:5.6vh}