@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}:root{--bg:#0a0a1a;--bg-panel:#14142b;--fg:#e8e8ff;--accent:#fc3;--accent2:#6df;--danger:#f56;--pixel-font:"Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--pixel-font);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.landing{text-align:center;background:radial-gradient(ellipse at 50% 120%, #1c1c46 0%, var(--bg) 70%);scrollbar-width:thin;scrollbar-color:#2e2e5e transparent;position:fixed;inset:0;overflow:hidden auto}.landing:before{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(#0000 0 3px,#00000024 3px 4px);position:fixed;inset:0}.landing:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 55%,#00000073 100%);position:fixed;inset:0}.landing-hero{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:calc(100dvh - 44px);padding:24px;display:flex;position:relative}.landing h1{color:var(--accent);text-shadow:4px 4px #7a2d00,8px 8px #0008;letter-spacing:2px;font-size:clamp(22px,6vw,48px);line-height:1.4;animation:2.4s ease-in-out infinite title-bob}.landing .subtitle{color:var(--accent2);letter-spacing:1px;font-size:clamp(11px,2.6vw,16px)}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-parade{gap:clamp(18px,4vw,44px);margin:4px 0;display:flex}.hero-parade img{width:clamp(48px,8vw,64px);height:auto;image-rendering:pixelated;animation:1.8s ease-in-out infinite title-bob}.hero-parade img:nth-child(2){animation-delay:.22s}.hero-parade img:nth-child(3){animation-delay:.44s}.hero-parade img:nth-child(4){animation-delay:.66s}.landing .tagline{color:var(--accent2);max-width:640px;font-size:clamp(9px,2.4vw,14px);line-height:1.8}.start-btn{font-family:var(--pixel-font);color:#0a0a1a;background:var(--accent);cursor:pointer;touch-action:manipulation;border:4px solid #fff;outline:4px solid #7a2d00;justify-content:center;align-items:center;gap:.75em;min-height:56px;padding:18px 36px;font-size:clamp(14px,3.4vw,22px);animation:1.2s steps(2,end) infinite blink-glow;display:inline-flex}.start-btn-arrow{border-top:.34em solid #0000;border-bottom:.34em solid #0000;border-left:.52em solid;width:0;height:0}.start-btn:hover,.start-btn:active{background:#fff;animation:none}@keyframes blink-glow{50%{outline-color:var(--accent)}}.game-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px;display:flex}.game-error p{font-family:var(--pixel-font);color:var(--accent2);max-width:640px;font-size:clamp(11px,2.6vw,16px);line-height:2}.scroll-hint{bottom:max(14px, env(safe-area-inset-bottom));color:#8890b0;font-size:12px;animation:1.4s ease-in-out infinite hint-bob;position:absolute;left:50%;transform:translate(-50%)}@keyframes hint-bob{0%,to{opacity:.5;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,6px)}}.pets-banner{z-index:6;min-height:48px;color:var(--fg);background:linear-gradient(90deg,#1a3f73 0%,#14142b 38% 62%,#5c4a12 100%);border-bottom:3px solid #2e2e5e;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding:9px 14px;font-size:clamp(8px,2.2vw,10px);line-height:1.6;text-decoration:none;display:flex;position:relative}.pets-banner:hover .pets-text{color:var(--accent2)}.pets-anim{width:30px;height:30px;animation:7s ease-in-out infinite cat-hop;display:inline-flex;position:relative}@keyframes cat-hop{0%,84%,to{transform:translateY(0)rotate(0)}88%{transform:translateY(-7px)rotate(-6deg)}93%{transform:translateY(0)rotate(5deg)}97%{transform:translateY(-3px)rotate(0)}}.pets-anim img{image-rendering:pixelated;animation:1.6s ease-in-out infinite title-bob}.pets-anim:before,.pets-anim:after{content:"♥";color:var(--danger);opacity:0;pointer-events:none;font-size:9px;animation:2.6s ease-out infinite heart-float;position:absolute;top:-2px;left:60%}.pets-anim:after{font-size:7px;animation-delay:1.3s;left:15%}.pets-heart-drift{color:var(--accent);opacity:0;pointer-events:none;font-size:8px;animation:3.4s ease-out .7s infinite heart-drift;position:absolute;top:-4px;left:38%}@keyframes heart-float{0%{opacity:0;transform:translateY(2px)}20%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@keyframes heart-drift{0%{opacity:0;transform:translateY(2px)}18%{opacity:1}to{opacity:0;transform:translate(-8px,-20px)}}.pets-cta{color:#0a0a1a;background:var(--accent);white-space:nowrap;border:2px solid #fff;align-items:center;gap:7px;padding:4px 10px;display:inline-flex;position:relative;overflow:hidden}.pets-cta-heart{color:var(--danger);font-size:1.6em;line-height:1;animation:1.8s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,30%,to{transform:scale(1)}10%{transform:scale(1.4)}20%{transform:scale(1.12)}}.pets-cta:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffffb3,#0000);width:45%;animation:4.6s ease-in-out infinite cta-sheen;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-130%)skew(-18deg)}@keyframes cta-sheen{0%,68%{transform:translate(-130%)skew(-18deg)}88%,to{transform:translate(330%)skew(-18deg)}}.pets-banner:hover .pets-cta{background:#fff;animation:none}.pets-banner:hover .pets-cta:before{animation:none}.landing-section{max-width:920px;margin:0 auto;padding:42px 24px}.landing-section h2{color:var(--accent);letter-spacing:1px;margin-bottom:26px;font-size:clamp(13px,3vw,18px)}.pix-grid{gap:14px;display:grid}.pix-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pix-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.pix-grid-2{grid-template-columns:1fr}}.pix-card{background:#14142be6;border:3px solid #2e2e5e;flex-direction:column;align-items:center;gap:12px;padding:20px 14px;transition:transform .15s,border-color .15s;display:flex;position:relative;box-shadow:0 4px #0006}.pix-card:hover{border-color:var(--class-c,var(--accent2));transform:translateY(-3px)}.pix-card img{image-rendering:pixelated}.pix-card h3{color:var(--accent2);letter-spacing:1px;font-size:11px}.pix-class-warrior{--class-c:#ff6b5e}.pix-class-mage{--class-c:#b8f}.pix-class-rogue{--class-c:#6e9}.pix-class-cleric{--class-c:#fc3}.pix-card-class{box-shadow:inset 0 3px 0 var(--class-c), 0 4px 0 #0006}.pix-card-class h3{color:var(--class-c)}.class-stats{border-top:2px solid #2e2e5e;flex-direction:column;gap:8px;width:100%;margin-top:auto;padding-top:14px;display:flex}.stat-row{letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.stat-label{color:#8890b0}.stat-value{color:var(--fg)}.stat-bar{gap:3px;display:flex}.stat-bar i{background:#2e2e5e;width:8px;height:8px}.stat-bar i.on{background:var(--class-c,var(--accent2))}.pix-card p{color:#b8bede;font-size:9px;line-height:1.9}.pix-card-wide{text-align:left;flex-direction:row;align-items:center;gap:18px;padding:20px 18px}.pix-card-wide h3{margin-bottom:8px;padding-right:28px}.pix-index{color:#555a8a;letter-spacing:1px;font-size:9px;position:absolute;top:10px;right:12px}.pix-meta{color:var(--accent);letter-spacing:1px;background:#0a0a1a;border:2px solid #3a3a72;margin-top:12px;padding:5px 8px;font-size:8px;display:inline-block}.pix-grid-how{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.pix-grid-how{grid-template-columns:1fr}}.pix-card-how{text-align:left;align-items:flex-start;gap:10px;padding:18px 16px}.pix-card-how h3{color:var(--accent);font-size:10px}.pix-card-how h3:before{content:"▶ ";color:var(--accent2);font-size:8px}.pix-card-how p{color:#b8bede}.landing footer{padding:34px 24px max(26px, env(safe-area-inset-bottom));color:#8890b0;flex-direction:column;gap:12px;font-size:10px;line-height:2;display:flex}.footer-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;font-size:9px;display:flex}.footer-meta img{image-rendering:pixelated;vertical-align:-3px;margin-right:6px}.made-in{color:#b8bede;white-space:nowrap}.author-link{color:var(--accent2);white-space:nowrap;text-decoration:none}.author-link:hover{color:var(--accent);text-decoration:underline}.landing footer .lang-switch{color:var(--accent2);text-decoration:underline}.landing footer .lang-switch:hover{color:var(--accent)}.landing a:focus-visible,.landing button:focus-visible{outline:4px solid var(--accent2);outline-offset:4px}@media (prefers-reduced-motion:reduce){.landing h1,.hero-parade img,.start-btn,.scroll-hint,.pets-anim,.pets-anim img,.pets-anim:before,.pets-anim:after,.pets-heart-drift,.pets-cta,.pets-cta:before,.pets-cta-heart,.update-banner{animation:none}.pix-card{transition:none}.pix-card:hover{transform:none}}.auth-panel{z-index:11;flex-direction:column;align-items:center;gap:10px;max-width:92vw;display:flex;position:relative}.auth-panel form{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.auth-btn{font-family:var(--pixel-font);color:var(--fg);background:var(--bg-panel);border:3px solid var(--fg);cursor:pointer;touch-action:manipulation;min-height:40px;padding:10px 14px;font-size:10px}.auth-btn:hover,.auth-btn:active{border-color:var(--accent);color:var(--accent)}.auth-input{font-family:var(--pixel-font);color:var(--fg);background:#0a0a1a;border:3px solid #555a8a;min-width:180px;min-height:40px;padding:10px 12px;font-size:10px}.auth-status{color:var(--accent2);font-size:9px;line-height:1.6}.auth-hint{color:#555a8a;font-size:8px;line-height:1.6}.lang-suggest{top:max(56px, calc(env(safe-area-inset-top) + 48px));z-index:12;background:var(--bg-panel);border:3px solid var(--accent2);align-items:center;gap:12px;padding:8px 12px;font-size:9px;line-height:1.4;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #0008}.lang-suggest-link{color:var(--accent2);text-decoration:none}.lang-suggest-link:hover{color:var(--accent)}.lang-suggest-close{font-family:var(--pixel-font);color:var(--fg);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.lang-suggest-close:hover{color:var(--danger)}.update-banner{top:max(8px, env(safe-area-inset-top));z-index:50;font-family:var(--pixel-font);color:#0a0a1a;background:var(--accent2);white-space:nowrap;border:3px solid #fff;padding:8px 14px;font-size:9px;line-height:1.4;animation:1s steps(2,end) infinite update-pulse;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px #0008}@keyframes update-pulse{50%{background:var(--accent)}}.game-root{background:var(--bg);touch-action:none;overscroll-behavior:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-root canvas{image-rendering:pixelated;image-rendering:crisp-edges}.game-root:after,.landing:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:10;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px);position:absolute;inset:0}