:root{--sky-top: #5eb7ef;--sky-mid: #2a6fa8;--sky-deep: #123a5c;--gold: #f0c14b;--gold-deep: #c48a1a;--ink: #0e2438;--foam: #f7fbff;--wood: #5a3a1a;--cta: #e85d04;--cta-hover: #f48c06;--panel: #1a3d5c;--panel-edge: #8b5a2b;--last: #f0c14b;--font-brand: "Bangers", Impact, sans-serif;--font-ui: "Nunito", system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-ui);color:var(--foam);background:var(--sky-deep)}#app{min-height:100vh}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,5vw,56px);overflow:hidden;background:radial-gradient(ellipse 80% 50% at 70% 20%,rgba(255,220,120,.35),transparent 55%),linear-gradient(165deg,var(--sky-top) 0%,var(--sky-mid) 42%,var(--sky-deep) 100%)}.hero-trailer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-trailer video{width:100%;height:100%;object-fit:cover;opacity:.55}.hero-trailer .fx{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cellipse cx='30' cy='28' rx='28' ry='14' fill='%23ffffff' opacity='.22'/%3E%3Cellipse cx='90' cy='18' rx='22' ry='10' fill='%23ffffff' opacity='.18'/%3E%3C/svg%3E") 0 12% / 280px repeat-x;animation:drift 48s linear infinite}.hero-trailer .island{position:absolute;left:50%;bottom:6%;width:min(920px,110%);height:42%;transform:translate(-50%);background:radial-gradient(ellipse 55% 35% at 50% 100%,#3d8c3a 0%,#2a5e28 55%,transparent 70%),radial-gradient(ellipse 40% 20% at 30% 85%,#6b4a22 0%,transparent 70%);filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));animation:bob 6s ease-in-out infinite}.hero-trailer .tank{position:absolute;bottom:30%;right:14%;left:auto;width:72px;height:40px;border-radius:8px 14px 6px 6px;background:linear-gradient(180deg,#c45c1a,#7a3010);box-shadow:0 6px #3a1808;animation:tankRoll 9s ease-in-out infinite}.hero-trailer .tank:after{content:"";position:absolute;left:48px;top:8px;width:36px;height:8px;background:#2a2a2a;border-radius:4px;transform-origin:left center;animation:aim 3.2s ease-in-out infinite}.hero-trailer .blast{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#ffe08a,#e85d04 60%,transparent 70%);opacity:0;animation:blast 3.2s ease-in-out infinite;right:8%;bottom:42%}@keyframes drift{0%{background-position-x:0}to{background-position-x:280px}}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@keyframes tankRoll{0%,to{transform:translate(0)}50%{transform:translate(48px)}}@keyframes aim{0%,40%{transform:rotate(-12deg)}55%,to{transform:rotate(-28deg)}}@keyframes blast{0%,50%{opacity:0;transform:scale(.4)}58%{opacity:1;transform:scale(1.4)}75%,to{opacity:0;transform:scale(.6)}}.hero-content{position:relative;z-index:2;max-width:640px}.brand{margin:0 0 12px;font-family:var(--font-brand);font-size:clamp(4.2rem,14vw,7.5rem);line-height:.9;letter-spacing:.04em;color:var(--gold);text-shadow:3px 3px 0 var(--wood),-1px -1px 0 var(--wood),0 8px 24px rgba(0,0,0,.45);animation:brandIn .7s var(--ease) both}@keyframes brandIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.hero h2{margin:0 0 10px;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.4)}.hero>.hero-content>p,.hero-content>.lead{margin:0 0 28px;max-width:36ch;font-size:1.05rem;line-height:1.45;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.35)}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-brand);font-size:clamp(1.6rem,4vw,2.1rem);letter-spacing:.06em;padding:.55em 1.4em .45em;color:#fff;background:linear-gradient(180deg,var(--cta-hover),var(--cta));box-shadow:0 0 0 3px #ffffff40,0 8px 0 var(--wood),0 14px 28px #00000059;border-radius:14px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn-play:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-play:active{transform:translateY(4px);box-shadow:0 0 0 3px #fff3,0 4px 0 var(--wood),0 8px 16px #0000004d}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.55);background:#0e243840;color:var(--foam);font:800 .95rem var(--font-ui);padding:.7em 1.2em;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:#0e243873}.btn-enter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:800 1rem var(--font-ui);padding:.75em 1.4em;color:#fff;background:linear-gradient(180deg,#3d9e3a,#2a6e28);border-radius:10px;box-shadow:0 4px #1a4018}.btn-enter:disabled{opacity:.45;cursor:not-allowed}.flow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#07131fb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s var(--ease) both}.flow[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-card,.world-card{width:min(420px,100%);background:linear-gradient(180deg,#2a5478,var(--panel));border:3px solid var(--panel-edge);border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 40px #00000073}.world-card{width:min(480px,100%)}.auth-card h3,.world-card h3{margin:0 0 14px;font-family:var(--font-brand);font-size:1.8rem;letter-spacing:.04em;color:var(--gold);text-shadow:2px 2px 0 var(--wood)}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:800 .9rem var(--font-ui);padding:.55em;border-radius:8px;background:#0003;color:#ffffffb3}.tabs button.active{background:var(--gold);color:var(--ink)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:.8rem;font-weight:800;opacity:.85}.field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.65em .75em;font:600 1rem var(--font-ui);background:#07131f8c;color:var(--foam)}.field input:focus{outline:2px solid var(--gold);border-color:transparent}.flow-msg{min-height:1.2em;margin:0 0 10px;font-size:.9rem;color:#ffb4a2}.flow-msg.ok{color:#9be89a}.flow-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.world-list{list-style:none;margin:0 0 14px;padding:0;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:8px}.world-list button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.15);background:#07131f66;color:var(--foam);text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font:700 .95rem var(--font-ui);display:flex;justify-content:space-between;gap:8px}.world-list button.selected{border-color:var(--gold);background:#f0c14b26}.world-list button.last{box-shadow:inset 0 0 0 1px var(--last)}.world-list button.paused{opacity:.55;cursor:not-allowed;border-style:dashed}.world-list button.paused.selected{border-color:#c45c1a;background:#c45c1a1f}.maint-banner{position:relative;z-index:3;margin:0 0 16px;padding:10px 14px;background:#b42814d9;border:2px solid #f0c14b;border-radius:10px;font-weight:800;text-shadow:0 1px 2px #000;max-width:42ch}.lang-switch{position:absolute;top:16px;right:16px;z-index:5;display:flex;gap:6px}.lang-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.35);background:#0e243866;color:var(--foam);font:800 .75rem var(--font-ui);padding:.35em .55em;border-radius:6px;cursor:pointer}.lang-switch button.active{background:var(--gold);color:var(--ink);border-color:transparent}.world-list .meta{font-weight:600;opacity:.75;font-size:.85rem}.badge-last{font-size:.7rem;font-weight:800;color:var(--ink);background:var(--gold);padding:2px 6px;border-radius:999px;margin-left:6px}.section{padding:clamp(40px,8vw,80px) clamp(20px,5vw,48px);background:linear-gradient(180deg,#0f2a44,#0a1c2e)}.section.alt{background:linear-gradient(180deg,#0a1c2e,#123048)}.section h3{margin:0 0 16px;font-size:1.5rem;font-weight:800;color:var(--gold)}.news-list,.event-list,.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:720px}.news-list li,.event-list li{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.news-list strong,.event-list strong{display:block;margin-bottom:4px}.news-list .date,.event-list .date{font-size:.8rem;opacity:.65}.rank-list li{display:grid;grid-template-columns:2rem 1fr auto auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rank-list .pos{font-family:var(--font-brand);color:var(--gold);font-size:1.2rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.gallery-item{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#2a6fa8,#123a5c),radial-gradient(ellipse at 30% 80%,#3d8c3a 0%,transparent 55%);display:flex;align-items:flex-end;padding:12px;font-weight:800;text-shadow:0 1px 4px #000;border:2px solid rgba(255,255,255,.12)}.gallery-item img{position:absolute;width:100%;height:100%;object-fit:cover}.gallery-item{position:relative}.gallery-item span{position:relative;z-index:1}.footer{padding:28px 20px;text-align:center;font-size:.85rem;opacity:.75;background:#07131f}.footer .social{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:10px}.footer a{color:var(--gold);font-weight:800;text-decoration:none}@media (prefers-reduced-motion: reduce){.hero-trailer .fx,.hero-trailer .island,.hero-trailer .tank,.hero-trailer .tank:after,.hero-trailer .blast,.brand{animation:none}}@media (max-width: 640px){.brand{font-size:clamp(3.2rem,18vw,4.5rem)}}