:root{color:#fffaf0;background:#05080b;font-family:Inter,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#17313a,#030507 72%);place-items:center;display:grid}#app{touch-action:none;background:#071016;width:min(100vw,56.25vh);height:100dvh;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 90px #000}#game,#world-ui{width:100%;height:100%;position:absolute;inset:0}#game{outline:none;display:block}#world-ui{pointer-events:none;overflow:hidden}.character-select{z-index:50;padding:max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom));isolation:isolate;background:radial-gradient(at 50% 45%,#481f1d 0 8%,#241412 42%,#0c0907 76%,#020202 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.character-select:before{content:"";aspect-ratio:.88;z-index:-1;opacity:.92;background:repeating-radial-gradient(#0000 0 9%,#bd753916 9.3% 9.8%,#0000 10.2% 17%,#d9a75b18 17.4% 18%,#0000 18.4% 27%),radial-gradient(#7b2d3038 0 32%,#2b1713cc 63%,#080605 76%);border-radius:47% 53% 44% 56%/52% 45% 55% 48%;width:min(145vw,82vh);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:inset 0 0 70px #000d,0 0 0 2px #b57a3a2b,0 0 55px #8d302128}.character-select:after{content:"";z-index:-1;pointer-events:none;opacity:.65;background:radial-gradient(circle at 14% 15%,#d69b5138 0 1px,#0000 2px) 0 0/19px 23px,radial-gradient(circle at 79% 22%,#be4c6138 0 1.5px,#0000 2.5px) 0 0/29px 31px,radial-gradient(circle at 24% 77%,#2ba09a22 0 1px,#0000 2px) 0 0/31px 37px,repeating-linear-gradient(0deg,#0000 0 5px,#e2b46a08 6px,#0000 7px);position:absolute;inset:0;box-shadow:inset 0 0 105px 24px #000}.character-select.leaving{pointer-events:none;animation:.32s cubic-bezier(.7,0,1,.5) forwards selector-exit}.character-roster{width:100%;height:100%;max-height:100%;position:relative}.character-roster:before{content:"";aspect-ratio:.86;background:radial-gradient(#642d3347,#120c0ad9 67%);border:2px solid #c18b4a52;border-radius:44% 56% 49% 51%/53% 43% 57% 47%;width:31%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(3deg);box-shadow:0 0 0 5px #080605aa,0 0 28px #bc4c4f25,inset 0 0 26px #000}.character-roster:after{content:"";z-index:-1;border:1px dashed #c99a5840;border-radius:50% 45% 52% 48%/47% 52% 48% 53%;width:42%;position:absolute;top:3%;bottom:3%;left:50%;transform:translate(-50%);box-shadow:0 0 0 7px #06040377,inset 0 0 45px #0008}.character-card{--character-accent:#fff;--character-accent-alt:#f08;--rest-rotate:0deg;--hover-x:0%;--hover-y:-2%;color:#fff;cursor:pointer;touch-action:manipulation;filter:saturate(.92)brightness(.9);width:33%;height:29.5%;transform:rotate(var(--rest-rotate));background:0 0;border:0;padding:0;transition:filter .22s,transform .3s cubic-bezier(.2,.85,.2,1);position:absolute;overflow:visible}.character-card:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--character-accent) 18%, #4c2720), #130d0b 68%);box-shadow:inset 0 0 24px #000, 0 0 17px color-mix(in srgb, var(--character-accent) 22%, transparent), 0 7px 0 -4px #090604;opacity:.7;border-radius:44% 56% 47% 53%/52% 43% 57% 48%;transition:opacity .22s,transform .3s cubic-bezier(.2,.85,.2,1);position:absolute;inset:12% 8% 8%}.character-card:after{content:"";z-index:-1;border:2px solid color-mix(in srgb, var(--character-accent) 62%, #b88845);opacity:.5;border-radius:51% 49% 43% 57%/45% 55% 48% 52%;position:absolute;inset:13% 9% 9%;box-shadow:inset 0 0 0 3px #09060599}.character-card:first-child{z-index:4;--rest-rotate:-4deg;--hover-x:3%;--hover-y:-2%;top:14%;left:1%}.character-card:nth-child(2){z-index:3;--rest-rotate:2deg;--hover-y:2%;top:0;left:33.5%}.character-card:nth-child(3){z-index:5;--rest-rotate:3deg;--hover-x:-3%;--hover-y:-2%;top:14%;right:1%}.character-card:nth-child(4){z-index:9;--rest-rotate:-1deg;--hover-y:-3%;top:34.5%;left:33.5%}.character-card:nth-child(5){z-index:3;--rest-rotate:-3deg;--hover-x:3%;--hover-y:-3%;top:56%;left:1%}.character-card:nth-child(6){z-index:7;--rest-rotate:3deg;--hover-x:-3%;--hover-y:-3%;top:56%;right:1%}.character-card:nth-child(7){z-index:8;--rest-rotate:-2deg;--hover-y:-4%;top:70%;left:33.5%}.character-card img{object-fit:contain;object-position:center;width:100%;height:100%;filter:drop-shadow(0 13px 14px #000d) drop-shadow(0 0 2px var(--character-accent));transition:transform .3s cubic-bezier(.2,.85,.2,1),filter .22s;display:block;transform:scale(1)}.character-card:is(:hover,:focus-visible,.previewing){z-index:20;filter:saturate(1.18)brightness(1.12);transform:translate(var(--hover-x), var(--hover-y)) rotate(0);outline:0}.character-card:is(:hover,:focus-visible,.previewing) img{filter:drop-shadow(0 18px 18px #000) drop-shadow(0 0 14px var(--character-accent));transform:scale(1.1)}.character-card:is(:hover,:focus-visible,.previewing):before{opacity:.96;transform:scale(1.05)rotate(-1deg)}.character-card:active img{transform:scale(1.1)}@keyframes selector-exit{to{opacity:0;filter:contrast(1.4);transform:scale(1.035)}}.arena-defeat{z-index:30;opacity:0;pointer-events:none;background:#02040900;place-items:center;transition:background .3s,opacity .3s;display:grid;position:absolute;inset:0}.arena-defeat.visible{opacity:1;pointer-events:auto;background:#02040973}.arena-defeat button{color:#fff;cursor:pointer;background:#071016c9;border:1px solid #e9f8ff99;border-radius:50%;width:78px;height:78px;padding:0;font:46px/1 Segoe UI Symbol,sans-serif;box-shadow:0 8px 28px #0009,inset 0 0 22px #8eeaff1f}.arena-defeat button:active{transform:scale(.92)}.world-label{--screen-x:0px;--screen-y:0px;--perspective-scale:1;transform:translate3d(var(--screen-x), var(--screen-y), 0) translate(-50%, -100%);filter:drop-shadow(0 3px 3px #000d);will-change:transform;-webkit-user-select:none;user-select:none;justify-items:center;display:grid;position:absolute;top:0;left:0}.world-icon{--icon-rotation:0deg;--icon-scale:1;transform:translate3d(var(--screen-x), var(--screen-y), 0) translate(-50%, -50%) rotate(var(--icon-rotation)) scale(calc(var(--icon-scale) * var(--perspective-scale)));filter:drop-shadow(0 2px 2px #000)drop-shadow(0 0 7px #8eeaff66);font-size:clamp(25px,6.6vw,45px);line-height:1}.world-projectile{--icon-rotation:0deg;--icon-scale:1;transform:translate3d(var(--screen-x), var(--screen-y), 0) translate(-50%, -50%) rotate(var(--icon-rotation)) scale(calc(var(--icon-scale) * var(--perspective-scale)));filter:none;text-shadow:0 1px 1px #000,0 0 7px #ff6b5d;font-size:clamp(16px,4.2vw,28px);line-height:1}.actor-label .emoji{font-size:clamp(30px,8vw,56px);line-height:1}.actor-label{--actor-rotation:0deg;--actor-scale:1;transform:translate3d(var(--screen-x), var(--screen-y), 0) translate(-50%, -100%) rotate(var(--actor-rotation)) scale(calc(var(--actor-scale) * var(--perspective-scale)))}.sprite-actor-label{width:136px}.sprite-actor-label.player{z-index:4}.sprite-actor-label .sprite-frame{object-fit:contain;object-position:center bottom;pointer-events:none;width:136px;height:166px;display:block}.player-hearts-label{z-index:5;transform:translate3d(var(--screen-x), var(--screen-y), 0) translate(-50%, -50%);letter-spacing:-3px;white-space:nowrap;filter:drop-shadow(0 2px 2px #000d);font-size:clamp(9px,2.35vw,15px)}.actor-label:after{content:"";width:var(--shadow-size,34px);pointer-events:none;background:#0008;border-radius:50%;height:7px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0008}.actor-label .emoji,.actor-label .hearts,.actor-label .sprite-frame{z-index:1;position:relative}.actor-label .hearts{letter-spacing:-3px;white-space:nowrap;font-size:clamp(9px,2.35vw,15px)}.actor-label.boss .hearts{letter-spacing:-5px;max-width:180px}.world-text{color:#dff7ff;letter-spacing:.04em;text-align:center;white-space:pre-line;text-shadow:0 1px #000;background:linear-gradient(90deg,#041018dd,#07151bdd);border:1px solid #b9dbe855;border-radius:4px;max-width:min(72vw,360px);padding:.28rem .5rem;font-size:clamp(10px,2.3vw,14px);font-weight:650}.world-text.warning{color:#ffd2bf;background:#24100ddd;border-color:#ff795977}.world-text.success{color:#bfffe3;background:#08231bdd;border-color:#4dffc077}.cinematic-fade{z-index:20;opacity:0;background:#000;transition:opacity 1.8s;position:absolute;inset:0}.cinematic-fade.visible{opacity:1}.cinematic-fade.pulse{animation:1.4s memory-pulse}@keyframes memory-pulse{0%{opacity:0}40%{opacity:.86}to{opacity:0}}@media (aspect-ratio>=3/4){#app{border-inline:1px solid #ffffff12}}@media (width<=420px){.world-text{max-width:78vw;font-size:10px}}