.zone-launch-page{min-height:70vh;display:grid;place-items:center}.zone-countdown{position:fixed;inset:0;margin:auto;width:min(540px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box;text-align:center;border:3px solid #83d7ff;border-radius:32px;padding:28px;background:linear-gradient(145deg,#effaff,#fff 65%,#fff8d5);color:#082a63;box-shadow:0 24px 80px #001b5280;font-family:inherit}.zone-countdown::backdrop{background:#001b52ae;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zone-countdown h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:12px 0}.countdown-plane{display:grid;place-items:center;margin:auto;border-radius:50%;background:#ffe14a;width:76px;height:76px;font-size:46px;color:#073d8a}.zone-countdown-label{font-weight:800;margin:16px 0 8px;font-size:17px}.countdown-number{display:block;font-size:clamp(88px,20vw,130px);line-height:1.15;color:#ffd637;text-shadow:3px 3px 0 #063274,-2px -2px 0 #063274,2px -2px 0 #063274,-2px 2px 0 #063274;margin:14px 0}.zone-countdown form .btn{width:100%;margin-top:14px;min-height:52px}.countdown-cancel{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:10px;font-weight:800;color:#083d83;padding:0 22px}.countdown-pop{animation:countdown-pop .3s ease-out}@keyframes countdown-pop{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.zone-timer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 18px;margin:12px auto;max-width:680px;border:2px solid #92d9ff;border-radius:18px;background:#f5fcfff5;color:#092e69;font-weight:800;box-shadow:0 4px 18px #06327422}.zone-timer>span:first-child{font-size:28px}.zone-timer strong{font-variant-numeric:tabular-nums;font-size:21px}.zone-timer small{font-size:13px;font-weight:600}.zone-start-callout{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(100deg,#effaff,#fff5b7);padding:18px 24px;border-radius:22px;border:2px solid #7dd2ff;margin:12px 0;color:#082a63}.zone-start-callout>span{font-size:42px}.zone-start-callout h2{margin:0;font-size:23px}.zone-start-callout p{margin:4px 0}.zone-start-callout .btn{margin-left:auto;min-height:52px}.adventure-times{margin:14px 0!important}.adventure-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.adventure-time-card{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #b1ddff;border-radius:18px;padding:14px 8px;background:linear-gradient(160deg,#eefaff,#fff);color:#092d65;min-width:0}.adventure-time-card h3{font-size:17px;margin:4px 0}.adventure-time-card strong{font-size:clamp(16px,1.4vw,22px);font-variant-numeric:tabular-nums;line-height:1.6}.adventure-time-card small{font-size:13px;color:#3d5b80}.time-zone-icon{font-size:30px}.time-zone-1{border-color:#7be1ab;background:#effff6}.time-zone-2{border-color:#f0cd4e;background:#fffbed}.time-zone-4{border-color:#ffb0b6;background:#fff4f5}.time-zone-5{border-color:#d5b4ff;background:#f9f3ff}.time-total{grid-column:1/-1;flex-direction:row;justify-content:center;gap:18px;flex-wrap:wrap;background:linear-gradient(110deg,#063779,#09245b);color:#fff;border-color:#ffdb40}.time-total small{color:#e2efff}.time-total strong{font-size:26px;color:#ffe04a}.time-legacy-note{padding:0 16px 12px;font-size:14px;color:#425f80}@media(max-width:760px){.adventure-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-total{gap:8px 16px}.time-total h3{width:100%}.zone-start-callout{padding:16px;gap:10px}.zone-start-callout .btn{width:100%;margin:0}.zone-countdown{padding:24px 18px}.zone-timer{gap:7px 12px;margin:10px}.zone-timer small{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.countdown-pop{animation:none}}
