@font-face{font-family:OldKing;src:url('assets/ofont.ru_OldKingC.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0d16;color:#fff;font-family:OldKing,Georgia,serif}body{display:grid;place-items:center}.screen{isolation:isolate;position:relative;width:100%;max-width:430px;min-height:100svh;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:calc(28px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));background:#161c30}.screen:before{content:'';position:absolute;z-index:-2;inset:-12px;background:url('assets/background.png') 48% center/auto 100% no-repeat;filter:none}.screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#10152933 20%,#06091255 48%,#05060ce8 85%)}.logo{width:150px;height:30px;object-fit:contain}h1{font-family:Arial,sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;margin:28px 0 8px}.selection{width:calc(100% + 40px)}.characters{position:relative;height:211px;display:flex;justify-content:center;align-items:center}#hero{height:205px;width:205px;object-fit:contain;filter:drop-shadow(0 8px 15px #ff79202b)}.side{position:absolute;width:175px;height:175px;object-fit:contain;filter:blur(1px);opacity:.75;top:10px}.left{left:-104px}.right{right:-104px}.selector{display:flex;justify-content:center;align-items:center;gap:22px}h2{margin:0;font-size:25px;font-weight:400}.selector h2{min-width:195px;text-align:center}.selector button{padding:0;border:0;background:none;color:#b3a9b7;text-shadow:2px 0 #625b6b;font-size:32px;cursor:pointer}.record{text-align:center;margin-top:43px}.record h3{font-size:16px;color:#f07953;text-transform:uppercase;font-weight:400;margin:0 0 2px}.record strong{display:block;font-size:116px;line-height:1.1;color:#ff623c;font-weight:400;text-shadow:0 3px 12px #ff471733}.record #username{font-size:15px;margin-top:4px}.rank{display:inline-block;margin-top:8px;padding:2px 12px;background:linear-gradient(110deg,#fa4421,#ff8e65,#ed4b2c);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);font-size:13px}nav{width:100%;display:grid;gap:12px;margin-top:auto;padding-top:58px}.asset-button{position:relative;width:100%;height:60px;border:0;background:none;padding:0;color:#fff;cursor:pointer;display:grid;place-items:center;font:22px OldKing,Georgia,serif;text-transform:uppercase}.asset-button img{position:absolute;width:100%;height:100%;inset:0}.asset-button span{position:relative}.play{font-size:32px}.asset-button:hover{filter:brightness(1.15)}button:focus-visible{outline:2px solid white;outline-offset:4px}dialog{max-width:330px;background:#172035;color:white;border:1px solid #ff6a38;text-align:center;padding:26px}dialog::backdrop{background:#000b}dialog p{font:16px/1.5 Arial,sans-serif}dialog button{background:#f65c30;border:0;color:white;padding:12px 24px;font:18px OldKing}@media(min-width:500px){.screen{min-height:812px;margin:24px 0;border:1px solid #393341}}@media(max-height:740px){.characters{height:180px}#hero{height:180px}.record{margin-top:24px}.record strong{font-size:96px}nav{padding-top:28px}h1{margin-top:22px}}


/* Fixed selector controls; long names cannot move the arrows. */
.selector{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0;width:calc(100% - 48px);margin:0 auto;align-items:center}.selector h2{min-width:0;width:100%;font-size:clamp(17px,5vw,25px);overflow-wrap:anywhere;padding:0 5px}.selector button{width:44px;justify-self:center}.characters{overflow:hidden}
@media(prefers-reduced-motion:reduce){.characters img{animation:none!important}}
html.in-telegram body{min-height:var(--tg-height,100svh)}.in-telegram .screen{min-height:var(--tg-height,100svh);margin:0;border:0;padding-top:calc(24px + max(env(safe-area-inset-top),var(--tg-safe-top,0px)));padding-bottom:calc(22px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom,0px)))}.in-telegram .game{height:var(--tg-height,100svh)}.in-telegram .hud,.in-telegram .exit{top:calc(22px + max(env(safe-area-inset-top),var(--tg-safe-top,0px)))}.in-telegram .sound-toggle{bottom:calc(10px + var(--tg-safe-bottom,0px))}