:root{--bg-deep:#080b14;--bg-panel:#10152350;--bg-panel-solid:#121829;--bg-card:#171e33;--line:#29314a;--line-soft:#1c2338;--cyan:#49e8ff;--cyan-dim:#49e8ff33;--amber:#ffb84d;--amber-dim:#ffb84d33;--violet:#8b7cff;--violet-dim:#8b7cff33;--green:#5be89a;--red:#ff6b6b;--text-hi:#eef4ff;--text-mid:#aab4cc;--text-low:#6c7691;--font-display:"Rajdhani", sans-serif;--font-body:"Manrope", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--text-hi);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:700}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{background:var(--cyan-dim);color:var(--text-hi)}.admin-mode-badge{z-index:40;border:1px solid var(--amber);color:var(--amber);letter-spacing:.04em;background:#080b14e6;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;position:fixed;top:18px;right:18px}.mobile-zone-map{background:linear-gradient(#040812b8,#040812f5),url(/images/city-map.jpg) 50%/cover fixed;min-height:100dvh;padding:132px 14px 36px}.admin-mode-badge:hover{background:#282010}.admin-mode-badge:disabled{cursor:wait;opacity:.75}.admin-export-error{z-index:41;border:1px solid var(--red);color:#ffb8b8;background:#17101a;border-radius:10px;max-width:min(360px,100vw - 36px);padding:10px 14px;font-size:13px;position:fixed;top:62px;right:18px}.mobile-map-hero{border:1px solid var(--cyan);background:#080e1de0;border-radius:18px;max-width:520px;margin:0 auto 16px;padding:18px;box-shadow:0 0 28px #49e8ff1f}.mobile-map-hero .display{color:var(--cyan);font-size:23px}.mobile-map-hero p:last-child{color:var(--text-mid);margin:5px 0 0;font-size:13px;line-height:1.5}.mobile-admin-note{background:var(--amber-dim);max-width:520px;color:var(--amber);text-align:center;border-radius:10px;margin:0 auto 12px;padding:8px 12px;font-size:12px;font-weight:700}.mobile-zone-list{gap:10px;max-width:520px;margin:0 auto;display:grid}.mobile-zone-card{border:1px solid var(--line);width:100%;min-height:88px;color:var(--text-hi);text-align:left;background:#10172af0;border-radius:15px;align-items:center;gap:13px;padding:12px 14px;animation:.38s ease-out both mobileCardIn;display:flex}.mobile-zone-card:nth-child(2){animation-delay:40ms}.mobile-zone-card:nth-child(3){animation-delay:80ms}.mobile-zone-card:nth-child(4){animation-delay:.12s}.mobile-zone-card:nth-child(5){animation-delay:.16s}.mobile-zone-card:nth-child(6){animation-delay:.2s}.mobile-zone-card:nth-child(7){animation-delay:.24s}@keyframes mobileCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mobile-zone-card.is-open{border-color:var(--cyan);box-shadow:0 0 18px #49e8ff1a}.mobile-zone-card.is-done{border-color:var(--green)}.mobile-zone-card.is-locked{opacity:.72}.mobile-zone-number{width:42px;height:42px;color:var(--cyan);font:700 19px var(--font-display);border:2px solid;border-radius:50%;flex:0 0 42px;place-items:center;display:grid}.mobile-zone-card.is-done .mobile-zone-number{color:var(--green)}.mobile-zone-card.is-locked .mobile-zone-number{color:var(--text-low)}.mobile-zone-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-zone-copy strong{font-family:var(--font-display);font-size:17px}.mobile-zone-copy small{color:var(--text-mid);font-size:11.5px;line-height:1.35}.mobile-zone-copy em{color:var(--amber);font-size:11.5px;font-style:normal;font-weight:700}.mobile-home-button{border:1px solid var(--cyan);width:100%;max-width:520px;min-height:48px;color:var(--cyan);background:#06121ef0;border-radius:13px;margin:14px auto 0;font-weight:800;display:block}.rotate-device-prompt{display:none}@keyframes rotatePhone{0%,18%{transform:rotate(0)}52%,82%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes rotateArrow{0%,18%{opacity:.55;transform:rotate(-28deg)}52%,82%{opacity:1;transform:rotate(62deg)}to{opacity:.55;transform:rotate(-28deg)}}@keyframes rotatePulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.85;transform:scale(1.08)}}@media (orientation:portrait) and (width<=820px){.rotate-device-prompt{z-index:10000;color:var(--text-hi);text-align:center;background:radial-gradient(circle at 50% 40%,#168fd238,#0000 36%),linear-gradient(160deg,#071326,#030711 62%,#070b18);flex-direction:column;justify-content:center;align-items:center;padding:32px 28px;display:flex;position:fixed;inset:0;overflow:hidden}.rotate-device-prompt:before{content:"";pointer-events:none;border:1px solid #49e8ff52;border-radius:24px;position:absolute;inset:18px;box-shadow:inset 0 0 28px #49e8ff14,0 0 30px #49e8ff14}.rotate-device-glow{aspect-ratio:1;border:1px solid #49e8ff26;border-radius:50%;width:min(82vw,420px);animation:2.4s ease-in-out infinite rotatePulse;position:absolute;box-shadow:0 0 70px #49e8ff1f}.rotate-device-visual{z-index:1;width:150px;height:150px;margin-bottom:26px;position:relative}.rotate-device-phone{border:3px solid var(--cyan);background:linear-gradient(145deg,#49e8ff14,#1450a02e);border-radius:13px;width:64px;height:112px;margin:-56px 0 0 -32px;animation:2.8s ease-in-out infinite rotatePhone;position:absolute;top:50%;left:50%;box-shadow:0 0 22px #49e8ff73,inset 0 0 18px #49e8ff14}.rotate-device-phone:before{content:"";background:var(--cyan);border-radius:4px;width:18px;height:3px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.rotate-device-phone span{border:1px solid var(--cyan);border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.rotate-device-arrow{color:var(--amber);text-shadow:0 0 18px #ffb84d8c;font-size:48px;line-height:1;animation:2.8s ease-in-out infinite rotateArrow;position:absolute;bottom:0;right:4px}.rotate-device-prompt h1{z-index:1;color:var(--cyan);text-shadow:0 0 22px #49e8ff4d;margin:0;font-size:clamp(29px,9vw,44px);line-height:1.05;position:relative}.rotate-device-prompt p{z-index:1;max-width:420px;color:var(--text-mid);margin:14px 0 0;font-size:clamp(14px,4.2vw,18px);line-height:1.55;position:relative}.rotate-device-hint{z-index:1;color:#89a5bd;letter-spacing:.03em;align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex;position:relative}.rotate-device-hint span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #5be89acc}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=700px){body{font-size:15px}.hub-back-button{width:40px;height:40px;border-radius:50%!important;padding:0!important;font-size:20px!important;top:8px!important;left:8px!important}.hub-back-label{display:none}.game-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a16e0;border:1px solid #49e8ff33;border-radius:15px;padding:7px 9px 8px 7px;gap:8px!important;top:10px!important;left:10px!important}.game-hud>div:first-child{width:54px!important}.game-hud>div:last-child>p{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden;margin-bottom:3px!important;font-size:17px!important}.game-hud>div:last-child>div{width:116px!important}.admin-mode-badge{text-align:center;max-width:142px;padding:6px 8px;font-size:9px;top:12px;right:8px}.help-button{opacity:.9;width:46px!important;height:46px!important;bottom:9px!important;right:9px!important}.zone-shell{width:100%!important;max-width:100%!important;padding:124px 13px 72px!important}.zone-shell h2{line-height:1.25;font-size:21px!important}.zone-shell h3{font-size:17px!important}.zone-shell p{overflow-wrap:anywhere}.zone-shell img{max-width:100%;height:auto}.zone-shell button,.zone-shell a{overflow-wrap:anywhere;max-width:100%;min-height:44px;white-space:normal!important}.zone-shell [style*="grid-template-columns: repeat(2"],.zone-shell [style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}.zone-shell [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zone-shell [style*="grid-template-columns: 1fr auto 1fr"]{grid-template-columns:1fr!important}.sort-card-row{flex-direction:column;align-items:stretch!important}.sort-card-actions{width:100%}.sort-card-actions button{flex:1;padding:10px 8px!important}}@media (width<=380px){.zone-shell{padding-left:10px!important;padding-right:10px!important}.mobile-zone-map{padding-left:10px;padding-right:10px}.mobile-zone-card{gap:10px;padding:10px}.mobile-zone-number{flex-basis:38px;width:38px;height:38px}}