/* Desktop decorations use the approved bitmap itself at its original ratios.
   Forms and navigation remain live HTML, including registration and recovery. */
@media(min-width:1000px){
  body{background:#132a27;display:flex;flex-direction:column;justify-content:center;min-height:100svh}
  .backdrop{background:#132a27}
  .site-layout{--stage-width:min(100vw,177.6833svh);--u:calc(var(--stage-width)/1672);position:relative;isolation:isolate;display:block;width:var(--stage-width);height:calc(941*var(--u));min-height:0;max-width:none;padding:0;margin:auto;background:url('/site-assets/approved-layout-v2.png') center/100% 100% no-repeat}
  .site-layout>.brand{position:absolute;left:calc(628*var(--u));top:calc(26*var(--u));width:calc(466*var(--u));height:calc(110*var(--u));opacity:0;margin:0;pointer-events:none}
  .site-layout>.mobile-preview{position:absolute;left:calc(36*var(--u));top:calc(78*var(--u));width:calc(558*var(--u));padding:0}
  .phone{width:100%;height:calc(275*var(--u));aspect-ratio:auto;border:0;border-radius:calc(46*var(--u));background:none;box-shadow:none;padding:0;overflow:hidden}
  .phone-screen{position:absolute;left:calc(20*var(--u));top:calc(17*var(--u));width:calc(520*var(--u));height:calc(242*var(--u));border-radius:calc(30*var(--u));overflow:hidden}
  .phone-camera{left:calc(24*var(--u));top:calc(100*var(--u));width:calc(18*var(--u));height:calc(61*var(--u));border-radius:calc(12*var(--u))}
  .preview-controls{position:absolute;left:calc(235*var(--u));top:calc(278*var(--u));width:calc(78*var(--u));margin:0;height:calc(18*var(--u));gap:calc(15*var(--u));align-items:center}
  .dot{width:calc(16*var(--u));height:calc(16*var(--u));background:#126275}
  .dot.active{background:#f5cb39}
  .preview-caption{margin:calc(2*var(--u)) 0 0;font-size:calc(17*var(--u));opacity:0}
  .download{position:absolute;left:calc(74*var(--u));top:calc(336*var(--u));width:calc(412*var(--u));height:calc(144*var(--u));max-width:none;padding:0;background:none;border:0;box-shadow:none;border-radius:calc(15*var(--u))}
  .download h2{opacity:0;height:calc(36*var(--u));margin:0}
  .store-row{position:absolute;left:calc(19*var(--u));right:calc(19*var(--u));top:calc(53*var(--u));height:calc(72*var(--u));gap:calc(8*var(--u))}
  .store{padding:0;min-height:0;background:none;border:0;border-radius:calc(9*var(--u));position:relative}
  .store svg,.store strong,.store.ios small,.store .soon{opacity:0}
  .store small{position:absolute;left:calc(73*var(--u));top:calc(41*var(--u));margin:0;padding:calc(2*var(--u)) calc(3*var(--u));font-size:calc(10*var(--u));color:#ffdc4a;background:#002327;line-height:1.6;white-space:nowrap}
  #store-note{position:absolute;top:100%;left:0;right:0;font-size:calc(12*var(--u));background:#062629;padding:calc(8*var(--u));border-radius:calc(6*var(--u))}
  .site-layout>.login{position:absolute;left:calc(628*var(--u));top:calc(148*var(--u));width:calc(466*var(--u));min-height:calc(435*var(--u));margin:0;padding:calc(20*var(--u)) calc(31*var(--u)) calc(18*var(--u));border:calc(2*var(--u)) solid #2ac2c9;border-radius:calc(14*var(--u));background:linear-gradient(135deg,#00282b,#00191c 60%,#002124);box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) #001b2233;font-size:calc(16*var(--u))}
  .tabs{margin:0 0 calc(26*var(--u));height:calc(40*var(--u));border-bottom:calc(2*var(--u)) solid #274348;display:flex}
  .tabs button{font-size:calc(24*var(--u));line-height:1.3;padding:0 0 calc(10*var(--u));border:0;background:none;color:#a8b5bb;font-weight:700;position:relative;flex:1}
  .tabs .selected{color:#f6f7f9}
  .tabs .selected:after{height:calc(4*var(--u));background:#ffd139;bottom:calc(-2*var(--u));border-radius:calc(4*var(--u))}
  .login label{font-size:calc(16*var(--u));font-weight:700;line-height:1.2;margin-bottom:calc(8*var(--u));display:block}
  .field{height:calc(49*var(--u));min-height:0;padding:0 calc(17*var(--u));border:calc(1*var(--u)) solid #536a73;border-radius:calc(8*var(--u));margin-bottom:calc(19*var(--u));background:linear-gradient(110deg,#082c32,#00191f);gap:calc(13*var(--u));display:flex;align-items:center}
  .field>span{display:flex;align-items:center;color:#b7c4ce;width:calc(22*var(--u));flex:none}
  .field>span svg{width:calc(20*var(--u));height:calc(22*var(--u))}
  .field input{font-size:calc(17*var(--u));color:#eaf0f2;min-width:0;height:100%;background:none;padding:0;border:0;outline:none;width:100%}
  .field input::placeholder{color:#a8b6bd;font-size:calc(15*var(--u))}
  #show-password{width:calc(27*var(--u));padding:0;background:none;border:0;color:#aabdc3}
  #show-password svg{width:calc(23*var(--u));height:calc(23*var(--u))}
  .form-options{margin:calc(3*var(--u)) 0 calc(20*var(--u));display:flex;align-items:center;justify-content:space-between;font-size:calc(16*var(--u))}
  .login .remember{display:flex;align-items:center;gap:calc(9*var(--u));margin:0;font-size:calc(16*var(--u))}
  .remember input{appearance:none;width:calc(24*var(--u));height:calc(24*var(--u));margin:0;background:#d8e0de;border:calc(1*var(--u)) solid #ffc53a;border-radius:calc(4*var(--u));flex:none;cursor:pointer}
  .remember input:checked{background:#ffcd45}
  .remember input:checked:after{content:'✓';display:block;color:#12323a;font-size:calc(20*var(--u));font-weight:700;text-align:center;line-height:calc(23*var(--u))}
  .text-button{font-size:inherit;color:#ffcf40;border:0;background:none;padding:0}
  .status{font-size:calc(13*var(--u));margin:0;min-height:0;color:#ffdc75}
  .status:not(:empty){padding-bottom:calc(9*var(--u))}
  .primary{font-size:calc(24*var(--u));height:calc(50*var(--u));min-height:0;padding:0;width:100%;border:calc(1*var(--u)) solid #ffe785;border-radius:calc(7*var(--u));background:linear-gradient(115deg,#ffda58,#f4b32d);box-shadow:inset 0 calc(1*var(--u)) #fff1a5,0 calc(2*var(--u)) calc(4*var(--u)) #00161980;color:#111b1b;font-weight:700}
  .primary span{margin-left:calc(13*var(--u));font-weight:400}
  .registration-note{margin:calc(25*var(--u)) 0 0;padding:calc(9*var(--u)) 0 0;border-top:calc(2*var(--u)) solid #234347;text-align:center;font-size:calc(15*var(--u))}
  .site-layout>.season{position:absolute;left:calc(1263*var(--u));top:calc(108*var(--u));width:calc(351*var(--u));height:calc(276*var(--u));margin:0;padding:0;border:0;background:none;box-shadow:none}
  .season h2,.season h3,.season-icon,.season .yellow-line{opacity:0;pointer-events:none;margin:0}
  .season .day{position:absolute;left:calc(101*var(--u));top:calc(123*var(--u));width:calc(149*var(--u));height:calc(47*var(--u));padding:0;display:flex;align-items:center;justify-content:center;gap:calc(3*var(--u));border:0;border-radius:calc(4*var(--u));background:linear-gradient(130deg,#003137,#001b1f);font-size:calc(32*var(--u));line-height:1;font-weight:700;color:#fff;box-shadow:none}
  .season .day{background:none;color:transparent;font-size:0}
  .season .day strong{position:absolute;left:calc(103*var(--u));top:calc(5*var(--u));min-width:calc(27*var(--u));height:calc(36*var(--u));background:#002126;color:#ffd440;font-size:calc(32*var(--u));line-height:calc(36*var(--u));text-align:center}
  #world-speed{position:absolute;left:0;bottom:calc(-27*var(--u));width:100%;margin:0;text-align:center;font-size:calc(12*var(--u));color:#eee;text-shadow:0 1px 4px #001c21}
  .village-label{display:none}
  footer{position:absolute;left:50%;transform:translateX(-50%);top:calc(50svh + 406.5*min(100vw,177.6833svh)/1672);bottom:auto;width:min(100vw,177.6833svh);height:calc(64*min(100vw,177.6833svh)/1672);padding:0;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#072827b3,#001c21f5 40%,#001c21f5 60%,#072827b3);font-size:clamp(10px,.78vw,13px)}
  footer{min-height:0}
  footer button{font-size:inherit}
}