@font-face{font-family:'Bungee';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Bungee';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Yellowtail';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/yellowtail-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Yellowtail';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/yellowtail-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} body{margin:0;background:#06061A} .mono{font-family:'DM Mono',ui-monospace,monospace} .npink{color:#FFE6F3;text-shadow:0 0 2px #fff,0 0 6px #FF8CC6,0 0 14px #FF4FA3,0 0 30px #FF2D8A,0 0 56px rgba(255,45,138,.55)} .nteal{color:#E9FFFC;text-shadow:0 0 2px #fff,0 0 6px #7CF2E6,0 0 14px #33E1D0,0 0 32px rgba(51,225,208,.55)} .ngold{color:#FFF3C4;text-shadow:0 0 2px #fff,0 0 8px #FFD36B,0 0 20px rgba(255,211,107,.6)} .boxteal{border:3px solid #E9FFFC;box-shadow:0 0 0 2px #33E1D0,0 0 22px 4px rgba(51,225,208,.5),inset 0 0 22px rgba(51,225,208,.28)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 24px;border-radius:12px;font:700 17px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;border:0} .navlink{color:#E8E4FF;text-decoration:none}.navlink:hover{color:#7CF2E6} @keyframes poweron{0%{opacity:.1}5%{opacity:1}8%{opacity:.25}12%{opacity:1}20%{opacity:.5}23%{opacity:1}100%{opacity:1}} @keyframes bchase{0%,33%{fill:#FFF8DC;stroke:rgba(255,211,107,.55);stroke-width:7}34%,100%{fill:#7A5E28;stroke-width:0}} @keyframes buzzs{0%,34%{fill:#FFE6F3}35%{fill:#4A3550}38%{fill:#FFE6F3}41%{fill:#4A3550}44%{fill:#FFE6F3}48%,100%{fill:#3A3358}} @keyframes buzzg{0%,34%{opacity:.95}35%{opacity:0}38%{opacity:.95}41%{opacity:0}44%{opacity:.6}48%,100%{opacity:0}} @keyframes pulse{to{stroke-dashoffset:-480}} @keyframes spin{to{transform:rotate(360deg)}} @keyframes dot{0%,100%{box-shadow:0 0 6px #FF4FA3,0 0 14px rgba(255,45,138,.6)}50%{box-shadow:0 0 2px #FF4FA3}} @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} @keyframes print{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}} @keyframes twinkle{0%,100%{opacity:1}50%{opacity:.35}} .lit .pwr{animation:poweron 2.4s linear .3s 1 both} .b{fill:#7A5E28} .lit .b{animation:bchase 1.35s linear infinite} .lit .b1{animation-delay:-.45s}.lit .b2{animation-delay:-.9s} .lit .no-core{animation:buzzs 3.4s linear 1.6s 1 both} .lit .no-glow{animation:buzzg 3.4s linear 1.6s 1 both} .lit .flow{animation:pulse 2.8s linear infinite} .star{transform-box:fill-box;transform-origin:center} .lit .star{animation:spin 24s linear infinite} .dot{width:10px;height:10px;border-radius:50%;background:#FF4FA3;animation:dot 1.8s ease-in-out infinite} .m-none .dot{background:#5B5576;animation:none} .rise{animation:rise .8s ease-out both} .glow{transition:opacity .6s} .day .glow,.day .flow{opacity:0} .day .core-p{fill:#E9D3DE;stroke:#BFA3B3} .day .core-t{stroke:#C9D6D5} .day .tube{stroke:#B7A9B4} .day .b{animation:none;fill:#B79A5E} .day .no-core{fill:#3A3358} .day .vac-core{fill:#C9D6D5} .day .spill{opacity:0} /* sign panel + arrow per state */ .sv,.arr{display:none} .m-none .sv-none,.m-one .sv-one,.m-many .sv-many{display:inline} .r0 .a0,.r1 .a1,.r2 .a2,.r3 .a3{display:inline} /* tabs */ .tab{display:flex;align-items:center;gap:12px;min-width:0;height:64px;padding:0 16px 0 10px;border-radius:14px;border:1.5px solid #2E2856;background:#100C26;color:#E8E4FF;cursor:pointer;font:inherit;text-align:left} .tab:hover{border-color:#5B5490} .tab.on{border-color:#FF4FA3;background:#1C0F2E;box-shadow:0 0 0 1px #FF4FA3,0 0 22px rgba(255,79,163,.35)} .tab:focus-visible,.pv:focus-visible,.navbtn:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .tfob{flex:none;width:38px;height:38px;border-radius:8px;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;background:#2E2856} .tfob span{transform:rotate(-45deg);font:400 12px Bungee,sans-serif;color:#E9FFFC} .tab.on .tfob{background:#FF4FA3}.tab.on .tfob span{color:#2A0616} .navbtn{width:48px;height:48px;border-radius:50%;border:1.5px solid #3B3566;background:#100C26;color:#E8E4FF;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center} .chip-s{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:#2B3A5A;color:#C9D6E6} /* preview control */ .pv{height:36px;padding:0 14px;border-radius:999px;border:1.5px dashed #8E7A3A;background:transparent;color:#FFE7A3;font:500 13px 'DM Sans',sans-serif;cursor:pointer} .pv[aria-pressed="true"]{background:#FFD36B;color:#2A1A10;border-style:solid;border-color:#FFD36B} /* receipts */ .rcpt{position:relative;width:100%;background:#FBF7EA;color:#22201C;padding:30px 20px 18px;font:400 13px/1.75 'DM Mono',monospace;box-shadow:0 26px 50px rgba(0,0,0,.5);animation:print 2.2s steps(16,end) both} .rrow{display:flex;justify-content:space-between;gap:10px} .rcpt-wrap{position:relative;flex:1 1 280px;min-width:0;max-width:320px;display:flex;flex-direction:column;align-items:center;transition:transform .3s} .rcpt-wrap.on .rcpt{box-shadow:0 0 0 3px #FF4FA3,0 0 34px rgba(255,79,163,.45),0 26px 50px rgba(0,0,0,.5)} .pin{width:16px;height:34px;border-radius:4px;background:linear-gradient(90deg,#B98A3E,#F2D28A,#B98A3E);margin-bottom:-14px;position:relative;z-index:2;box-shadow:0 3px 4px rgba(0,0,0,.4)} .stamp{position:absolute;right:12px;top:150px;transform:rotate(-14deg);border:3px solid;border-radius:8px;padding:4px 10px;font:400 20px Bungee,sans-serif;letter-spacing:1px;opacity:.85;mix-blend-mode:multiply} .string-bulb{width:12px;height:12px;border-radius:50%;background:#FFF3C4;box-shadow:0 0 10px 3px rgba(255,211,107,.7);animation:twinkle 2.6s ease-in-out infinite} .field{width:100%;box-sizing:border-box;height:48px;border:0;border-bottom:2px solid #2A1A10;background:transparent;font:500 18px 'DM Sans',sans-serif;color:#2A1A10;padding:0 4px} .field:focus{outline:none;border-bottom-color:#D7263D;background:rgba(179,38,30,.06)} .check{display:flex;align-items:center;gap:8px;font-size:15px} .check input{width:20px;height:20px;accent-color:#D7263D} .room{position:relative;display:block;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden;background:#120E2A;border:1px solid #2A2350;transition:transform .25s, box-shadow .25s} .room:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 2px #33E1D0} .brow{display:flex;gap:16px;width:100%;box-sizing:border-box;align-items:center;background:transparent;border:0;border-radius:8px;padding:7px 10px;cursor:pointer;text-align:left;outline:2px solid transparent;color:inherit;font:inherit} .brow:hover{background:rgba(51,225,208,.07)} .brow.on{background:rgba(51,225,208,.1);outline-color:#33E1D0} .brow:focus-visible{outline-color:#FFD36B} .col{display:flex;gap:2px;flex:none} @keyframes flip{0%{transform:perspective(220px) rotateX(-90deg);opacity:.2}70%{transform:perspective(220px) rotateX(12deg);opacity:1}100%{transform:none;opacity:1}} .tile{display:inline-flex;align-items:center;justify-content:center;width:20px;height:32px;background:#1E1D27;color:#F3F1E9;font:500 18px 'DM Mono',monospace;border-radius:3px;position:relative;animation:flip .55s ease-out both} .tile::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.7)} .avail .c5 .tile{background:#FF4FA3;color:#12061A} .avail .c0 .tile{color:#FFD36B} .sold .tile{color:#B7B2CF} .sold .c5 .tile{color:#8E88B0} @keyframes chase2{0%,33%{background:#FFF8DC;box-shadow:0 0 6px 2px rgba(255,211,107,.95)}34%,100%{background:#7A5E28;box-shadow:none}} .bulb2{width:9px;height:9px;border-radius:50%;background:#FFF3C4;animation:chase2 1.35s linear infinite} .rcpt{animation:none} .housing{position:relative;min-width:1180px;background:linear-gradient(180deg,#3A3946,#26252F 40%,#1C1B24);border-radius:20px;padding:22px 22px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.5),0 40px 80px rgba(0,0,0,.55),0 0 0 1px #0A0A12} .bolt{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9C98A8,#2A2833);box-shadow:0 1px 1px rgba(0,0,0,.6)} .screen-in{background:#0A0A0F;border-radius:10px;padding:16px 14px;box-shadow:inset 0 3px 12px rgba(0,0,0,.85),inset 0 0 0 1px #2A2836} .led{font-family:'DM Mono',monospace;letter-spacing:2px;color:#FFB347;background:#140A04;border-radius:6px;text-shadow:0 0 6px rgba(255,179,71,.85);box-shadow:inset 0 0 0 1px #3A2410} .ticker{margin-top:14px;overflow:hidden;background-color:#120804;border-radius:8px;box-shadow:inset 0 0 0 1px #3A2410;height:42px;display:flex;align-items:center;background-image:radial-gradient(rgba(255,179,71,.10) 1px,transparent 1.3px);background-size:4px 4px} .ticker-run{display:flex;white-space:nowrap;animation:tick 46s linear infinite;font:500 16px 'DM Mono',monospace;letter-spacing:3px;color:#FFB347;text-shadow:0 0 6px rgba(255,179,71,.85)} @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}} .brow{padding:6px 10px 6px 12px} .lamp{flex:none;width:14px;height:14px;border-radius:50%;background:#2A2733;box-shadow:inset 0 1px 2px rgba(0,0,0,.7)} .avail .lamp{background:radial-gradient(circle at 40% 35%,#FFE6F3,#FF4FA3 55%,#B3165E);box-shadow:0 0 10px 2px rgba(255,79,163,.7);animation:lampb 2s ease-in-out infinite} @keyframes lampb{0%,100%{opacity:1}50%{opacity:.55}} .brow.on .lamp{outline:2px solid #33E1D0;outline-offset:3px} .tile{width:20px;height:34px;background:linear-gradient(180deg,#302F3A 0,#25242D 49%,#14131A 51%,#1D1C24 100%);color:#F6F3E8;font:500 19px 'DM Mono',monospace;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 2px rgba(0,0,0,.6);text-shadow:0 1px 0 rgba(0,0,0,.7);animation:flip .6s cubic-bezier(.3,.7,.4,1) both} .tile::after{background:rgba(0,0,0,.9)} .tile::before{content:'';position:absolute;left:-1px;right:-1px;top:calc(50% - 2px);height:4px;background:linear-gradient(90deg,#5A5766 0 2px,transparent 2px calc(100% - 2px),#5A5766 calc(100% - 2px))} .avail .c5 .tile{background:linear-gradient(180deg,#FF78BA 0,#FF4FA3 49%,#D9338A 51%,#FF4FA3 100%);color:#2A0616;text-shadow:none;box-shadow:0 0 12px rgba(255,79,163,.45)} .avail .c0 .tile{color:#FFD36B} .sold .tile{color:#A9A4C2} .sold .c5 .tile{color:#7E7898} .rcpt2{position:relative;background:#FBF7EA;color:#22201C;padding:24px 16px 14px;font:400 12.5px/1.72 'DM Mono',monospace;box-shadow:0 26px 50px rgba(0,0,0,.55);background-image:linear-gradient(180deg,rgba(0,0,0,.12),transparent 26px);animation:print 3s steps(20,end) .6s both} .rrow.b{font-weight:500} .stamp2{position:absolute;right:-12px;top:200px;transform:rotate(-14deg);border:3px solid #E0337E;border-radius:8px;padding:4px 10px;color:#E0337E;font:400 22px Bungee,sans-serif;letter-spacing:2px;opacity:.85;mix-blend-mode:multiply} @keyframes ledb{0%,100%{opacity:1}50%{opacity:.3}} .ledblink{animation:ledb 1.2s ease-in-out infinite} @keyframes drift{from{transform:translateY(0)}to{transform:translateY(-14px)}} .dust{animation:drift 6s ease-in-out infinite alternate} .desk{background-color:#2E1A10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='320'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.003 .08' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .10 0 0 0 0 .05 0 0 0 0 .02 0 0 0 1.1 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23w%29'/%3E%3C/svg%3E"),repeating-linear-gradient(180deg,#3E2317 0 158px,#22120A 158px 160px),linear-gradient(90deg,#33190E,#4A2A1C 45%,#2E180C)} .paper{background-color:#FBF6E8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23p%29'/%3E%3C/svg%3E"),linear-gradient(180deg,#FDF9EE,#F3ECD8);box-shadow:0 1px 0 #E2D8C0,0 3px 0 #F7F1E2,0 4px 0 #D9CFB6,0 6px 0 #F5EEDC,0 7px 0 #D2C7AC,0 36px 64px rgba(0,0,0,.6)} .envelope{background-color:#C9A46A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7 .25' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23k%29'/%3E%3C/svg%3E"),linear-gradient(180deg,#D6B37B,#C09858);border-radius:6px;box-shadow:0 36px 64px rgba(0,0,0,.6),inset 0 0 0 1px rgba(90,58,26,.35)} .fo-field{width:100%;box-sizing:border-box;height:44px;border:0;border-bottom:1.5px solid #5A3A1A;background:transparent;font:400 17px 'DM Mono',monospace;color:#1E1A3A;padding:0 4px} .fo-field:focus{outline:none;background:rgba(255,255,255,.2);border-bottom-color:#A8132E} .cbox{flex:none;width:22px;height:22px;border:1.5px solid #5A3A1A;display:inline-flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-weight:700;font-size:16px;color:#2A3A8A;line-height:1} .todo{background:linear-gradient(transparent 16%,#FFE36B 16%,#FFE36B 88%,transparent 88%);padding:0 4px} .sndbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;border:1.5px solid #3B3566;background:#100C26;color:#E8E4FF;font:500 14px 'DM Sans',sans-serif;cursor:pointer} .sndbtn[aria-pressed="true"]{border-color:#33E1D0;color:#E9FFFC;box-shadow:0 0 14px rgba(51,225,208,.35)} .sndbtn:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .snd-off .waves{display:none}.snd-on .mute{display:none} @keyframes poweronB{0%{opacity:.1}5%{opacity:1}8%{opacity:.25}12%{opacity:1}20%{opacity:.5}23%{opacity:1}100%{opacity:1}} @keyframes buzzsB{0%,34%{fill:#FFE6F3}35%{fill:#4A3550}38%{fill:#FFE6F3}41%{fill:#4A3550}44%{fill:#FFE6F3}48%,100%{fill:#3A3358}} @keyframes buzzgB{0%,34%{opacity:.95}35%{opacity:0}38%{opacity:.95}41%{opacity:0}44%{opacity:.6}48%,100%{opacity:0}} @keyframes printB{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}} .lit.bootB .pwr{animation-name:poweronB} .lit.bootB .no-core{animation-name:buzzsB} .lit.bootB .no-glow{animation-name:buzzgB} .rcpt2{padding:22px 16px 12px;animation:print 2.4s steps(14,end) .5s both;background-image:linear-gradient(180deg,rgba(0,0,0,.12),transparent 24px)} .stamp2{top:4px;right:-14px;font-size:17px;padding:3px 8px;opacity:.72} .perf{height:14px;background:linear-gradient(90deg,#8A8272 50%,transparent 0) center/8px 1.5px repeat-x,linear-gradient(180deg,#FBF7EA 50%,#D13B2E 50%);-webkit-mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.5px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.5px) right/51% 100% no-repeat;animation:print .5s steps(3,end) 2.9s both} .stub{position:relative;background-color:#D13B2E;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 6px,transparent 6px 12px);color:#FFF3E4;padding:12px 16px 14px;border-radius:0 0 4px 4px;box-shadow:0 26px 50px rgba(0,0,0,.55),inset 0 0 0 5px #D13B2E,inset 0 0 0 6px rgba(255,243,228,.55);animation:print 1s steps(6,end) 3.2s both} .printB .rcpt2,.printB .perf,.printB .stub{animation-name:printB} .route{width:100%;border-collapse:collapse;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1px;color:#4A2E12} .route th{text-align:left;font-weight:500;padding:4px 6px;border-bottom:1.5px solid #5A3A1A;border-right:1px solid rgba(90,58,26,.35)} .route td{height:28px;padding:2px 6px;border-bottom:1px solid rgba(90,58,26,.55);border-right:1px solid rgba(90,58,26,.35)} .route th:last-child,.route td:last-child{border-right:0} .lighttable{position:relative;padding:34px;border-radius:18px;background:linear-gradient(rgba(120,160,220,.10) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(120,160,220,.10) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(180deg,#FAFCFF,#E8F0FA);box-shadow:0 0 0 14px #B9BCC6,0 0 0 16px #6E717C,0 0 100px 24px rgba(200,225,255,.30),0 40px 80px rgba(0,0,0,.6)} .filmframe{background-color:#141418;padding:22px 16px 12px;border-radius:4px;box-shadow:0 14px 28px rgba(0,0,0,.35);background-image:radial-gradient(circle at 50% 50%,#EEF3FA 3px,transparent 3.6px);background-size:22px 12px;background-position:0 5px;background-repeat:repeat-x} .slide{position:relative;display:block;width:100%;padding:22px 12px 10px;background:#FBFAF5;border:0;border-radius:6px;cursor:pointer;box-shadow:0 6px 14px rgba(40,60,90,.25),inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;transform:rotate(-1deg)} .slide:hover{transform:translateY(-3px) rotate(0)} .slide.on{box-shadow:0 0 0 3px #FF4FA3,0 10px 20px rgba(40,60,90,.3);transform:rotate(0)} .slide:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .notepad{background-color:#FFFDF5;background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(80,120,190,.16) 27px 28px);border-radius:3px;box-shadow:0 2px 0 #EDE6D2,0 4px 0 #FFFDF5,0 5px 0 #E2D9C2,0 34px 64px rgba(0,0,0,.6)} .wk-field{width:100%;box-sizing:border-box;height:40px;border:0;border-bottom:1.5px solid #2A1A10;background:transparent;font:400 16px 'DM Mono',monospace;color:#1E1A3A;padding:0 4px} .wk-field:focus{outline:none;border-bottom-color:#D7263D;background:rgba(255,79,163,.06)} @keyframes blindflick{0%,45%,100%{opacity:1}47%{opacity:.6}49%{opacity:1}71%{opacity:.82}73%{opacity:1}} .blinds{animation:blindflick 7s linear infinite} .perf{background:linear-gradient(90deg,#8A8272 50%,transparent 0) center/8px 1.5px repeat-x,linear-gradient(180deg,#FBF7EA 50%,#D7263D 50%)} .tkwrap{filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))} .ticket{position:relative;background-color:#D7263D;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48'%3E%3Cpolyline points='0.0,24.0 4.0,28.6 8.0,32.8 12.0,36.1 16.0,38.3 20.0,39.0 24.0,38.3 28.0,36.1 32.0,32.8 36.0,28.6 40.0,24.0 44.0,19.4 48.0,15.2 52.0,11.9 56.0,9.7 60.0,9.0 64.0,9.7 68.0,11.9 72.0,15.2 76.0,19.4 80.0,24.0 84.0,28.6 88.0,32.8 92.0,36.1 96.0,38.3 100.0,39.0 104.0,38.3 108.0,36.1 112.0,32.8 116.0,28.6 120.0,24.0 124.0,19.4 128.0,15.2 132.0,11.9 136.0,9.7 140.0,9.0 144.0,9.7 148.0,11.9 152.0,15.2 156.0,19.4 160.0,24.0' fill='none' stroke='rgba%28255,226,206,.13%29' stroke-width='.8'/%3E%3Cpolyline points='0.0,37.0 4.0,38.7 8.0,38.9 12.0,37.7 16.0,35.1 20.0,31.5 24.0,27.1 28.0,22.4 32.0,17.9 36.0,14.0 40.0,11.0 44.0,9.3 48.0,9.1 52.0,10.3 56.0,12.9 60.0,16.5 64.0,20.9 68.0,25.6 72.0,30.1 76.0,34.0 80.0,37.0 84.0,38.7 88.0,38.9 92.0,37.7 96.0,35.1 100.0,31.5 104.0,27.1 108.0,22.4 112.0,17.9 116.0,14.0 120.0,11.0 124.0,9.3 128.0,9.1 132.0,10.3 136.0,12.9 140.0,16.5 144.0,20.9 148.0,25.6 152.0,30.1 156.0,34.0 160.0,37.0' fill='none' stroke='rgba%28255,226,206,.13%29' stroke-width='.8'/%3E%3Cpolyline points='0.0,37.0 4.0,34.0 8.0,30.1 12.0,25.6 16.0,20.9 20.0,16.5 24.0,12.9 28.0,10.3 32.0,9.1 36.0,9.3 40.0,11.0 44.0,14.0 48.0,17.9 52.0,22.4 56.0,27.1 60.0,31.5 64.0,35.1 68.0,37.7 72.0,38.9 76.0,38.7 80.0,37.0 84.0,34.0 88.0,30.1 92.0,25.6 96.0,20.9 100.0,16.5 104.0,12.9 108.0,10.3 112.0,9.1 116.0,9.3 120.0,11.0 124.0,14.0 128.0,17.9 132.0,22.4 136.0,27.1 140.0,31.5 144.0,35.1 148.0,37.7 152.0,38.9 156.0,38.7 160.0,37.0' fill='none' stroke='rgba%28255,226,206,.13%29' stroke-width='.8'/%3E%3Cpolyline points='0.0,24.0 4.0,19.4 8.0,15.2 12.0,11.9 16.0,9.7 20.0,9.0 24.0,9.7 28.0,11.9 32.0,15.2 36.0,19.4 40.0,24.0 44.0,28.6 48.0,32.8 52.0,36.1 56.0,38.3 60.0,39.0 64.0,38.3 68.0,36.1 72.0,32.8 76.0,28.6 80.0,24.0 84.0,19.4 88.0,15.2 92.0,11.9 96.0,9.7 100.0,9.0 104.0,9.7 108.0,11.9 112.0,15.2 116.0,19.4 120.0,24.0 124.0,28.6 128.0,32.8 132.0,36.1 136.0,38.3 140.0,39.0 144.0,38.3 148.0,36.1 152.0,32.8 156.0,28.6 160.0,24.0' fill='none' stroke='rgba%28255,226,206,.13%29' stroke-width='.8'/%3E%3Cpolyline points='0.0,11.0 4.0,9.3 8.0,9.1 12.0,10.3 16.0,12.9 20.0,16.5 24.0,20.9 28.0,25.6 32.0,30.1 36.0,34.0 40.0,37.0 44.0,38.7 48.0,38.9 52.0,37.7 56.0,35.1 60.0,31.5 64.0,27.1 68.0,22.4 72.0,17.9 76.0,14.0 80.0,11.0 84.0,9.3 88.0,9.1 92.0,10.3 96.0,12.9 100.0,16.5 104.0,20.9 108.0,25.6 112.0,30.1 116.0,34.0 120.0,37.0 124.0,38.7 128.0,38.9 132.0,37.7 136.0,35.1 140.0,31.5 144.0,27.1 148.0,22.4 152.0,17.9 156.0,14.0 160.0,11.0' fill='none' stroke='rgba%28255,226,206,.13%29' stroke-width='.8'/%3E%3Cpolyline points='0.0,11.0 4.0,14.0 8.0,17.9 12.0,22.4 16.0,27.1 20.0,31.5 24.0,35.1 28.0,37.7 32.0,38.9 36.0,38.7 40.0,37.0 44.0,34.0 48.0,30.1 52.0,25.6 56.0,20.9 60.0,16.5 64.0,12.9 68.0,10.3 72.0,9.1 76.0,9.3 80.0,11.0 84.0,14.0 88.0,17.9 92.0,22.4 96.0,27.1 100.0,31.5 104.0,35.1 108.0,37.7 112.0,38.9 116.0,38.7 120.0,37.0 124.0,34.0 128.0,30.1 132.0,25.6 136.0,20.9 140.0,16.5 144.0,12.9 148.0,10.3 152.0,9.1 156.0,9.3 160.0,11.0' fill='none' stroke='rgba%28255,226,206,.13%29' stroke-width='.8'/%3E%3Cpolyline points='0.0,24.0 4.0,27.6 8.0,30.5 12.0,31.9 16.0,31.6 20.0,29.7 24.0,26.5 28.0,22.7 32.0,19.3 36.0,16.9 40.0,16.0 44.0,16.9 48.0,19.3 52.0,22.7 56.0,26.5 60.0,29.7 64.0,31.6 68.0,31.9 72.0,30.5 76.0,27.6 80.0,24.0 84.0,20.4 88.0,17.5 92.0,16.1 96.0,16.4 100.0,18.3 104.0,21.5 108.0,25.3 112.0,28.7 116.0,31.1 120.0,32.0 124.0,31.1 128.0,28.7 132.0,25.3 136.0,21.5 140.0,18.3 144.0,16.4 148.0,16.1 152.0,17.5 156.0,20.4 160.0,24.0' fill='none' stroke='rgba%28255,211,107,.10%29' stroke-width='.6'/%3E%3Cpolyline points='0.0,32.0 4.0,31.1 8.0,28.7 12.0,25.3 16.0,21.5 20.0,18.3 24.0,16.4 28.0,16.1 32.0,17.5 36.0,20.4 40.0,24.0 44.0,27.6 48.0,30.5 52.0,31.9 56.0,31.6 60.0,29.7 64.0,26.5 68.0,22.7 72.0,19.3 76.0,16.9 80.0,16.0 84.0,16.9 88.0,19.3 92.0,22.7 96.0,26.5 100.0,29.7 104.0,31.6 108.0,31.9 112.0,30.5 116.0,27.6 120.0,24.0 124.0,20.4 128.0,17.5 132.0,16.1 136.0,16.4 140.0,18.3 144.0,21.5 148.0,25.3 152.0,28.7 156.0,31.1 160.0,32.0' fill='none' stroke='rgba%28255,211,107,.10%29' stroke-width='.6'/%3E%3Cpolyline points='0.0,24.0 4.0,20.4 8.0,17.5 12.0,16.1 16.0,16.4 20.0,18.3 24.0,21.5 28.0,25.3 32.0,28.7 36.0,31.1 40.0,32.0 44.0,31.1 48.0,28.7 52.0,25.3 56.0,21.5 60.0,18.3 64.0,16.4 68.0,16.1 72.0,17.5 76.0,20.4 80.0,24.0 84.0,27.6 88.0,30.5 92.0,31.9 96.0,31.6 100.0,29.7 104.0,26.5 108.0,22.7 112.0,19.3 116.0,16.9 120.0,16.0 124.0,16.9 128.0,19.3 132.0,22.7 136.0,26.5 140.0,29.7 144.0,31.6 148.0,31.9 152.0,30.5 156.0,27.6 160.0,24.0' fill='none' stroke='rgba%28255,211,107,.10%29' stroke-width='.6'/%3E%3Cpolyline points='0.0,16.0 4.0,16.9 8.0,19.3 12.0,22.7 16.0,26.5 20.0,29.7 24.0,31.6 28.0,31.9 32.0,30.5 36.0,27.6 40.0,24.0 44.0,20.4 48.0,17.5 52.0,16.1 56.0,16.4 60.0,18.3 64.0,21.5 68.0,25.3 72.0,28.7 76.0,31.1 80.0,32.0 84.0,31.1 88.0,28.7 92.0,25.3 96.0,21.5 100.0,18.3 104.0,16.4 108.0,16.1 112.0,17.5 116.0,20.4 120.0,24.0 124.0,27.6 128.0,30.5 132.0,31.9 136.0,31.6 140.0,29.7 144.0,26.5 148.0,22.7 152.0,19.3 156.0,16.9 160.0,16.0' fill='none' stroke='rgba%28255,211,107,.10%29' stroke-width='.6'/%3E%3C/svg%3E"),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.12),transparent 60%);color:#FFF3E4;-webkit-mask:radial-gradient(circle at 0 100%,transparent 11px,#000 11.5px) left bottom/51% 60% no-repeat,radial-gradient(circle at 100% 100%,transparent 11px,#000 11.5px) right bottom/51% 60% no-repeat,linear-gradient(#000,#000) top/100% 41% no-repeat;mask:radial-gradient(circle at 0 100%,transparent 11px,#000 11.5px) left bottom/51% 60% no-repeat,radial-gradient(circle at 100% 100%,transparent 11px,#000 11.5px) right bottom/51% 60% no-repeat,linear-gradient(#000,#000) top/100% 41% no-repeat;animation:print 1s steps(6,end) 3.2s both} .printB .ticket{animation-name:printB} .tk-in{position:relative;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:6px;padding:14px 8px 16px;margin:7px;border:1.5px solid rgba(255,243,228,.75);outline:.75px solid rgba(255,243,228,.4);outline-offset:-5px;border-radius:3px} .tk-serial{writing-mode:vertical-rl;transform:rotate(180deg);font:500 10px 'DM Mono',monospace;letter-spacing:2px;color:#FFE7A3;text-align:center;justify-self:center} .tk-serial:last-of-type{transform:none} .tk-mid{text-align:center;min-width:0} .tk-small{margin:0;font-size:9.5px;letter-spacing:1.6px;opacity:.85} .tk-admit{margin:6px 0 6px;font:400 30px/1 Bungee,sans-serif;letter-spacing:1px;color:#FFF3E4;text-shadow:0 2px 0 #A8132E,0 0 18px rgba(255,211,107,.35)} .tk-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;height:38px;padding:0 16px;border-radius:999px;background:#FFF3E4;color:#A8132E;font:700 14px 'DM Sans',sans-serif;text-decoration:none;box-shadow:0 3px 0 #A8132E} .tk-btn:hover{background:#FFE7A3} .tk-btn:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .tk-seal{position:absolute;right:-14px;top:-16px;transform:rotate(14deg);filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))} .firstcall{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px} .firstcall li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;border-radius:999px;border:1px solid #3B2A55;background:rgba(14,8,25,.65);color:#D9CFEA;font:500 14px 'DM Sans',sans-serif} .firstcall li span{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2A1B44;color:#E9FFFC;font:400 12px Bungee,sans-serif} .firstcall li.hot{border-color:#FF4FA3;color:#FFE6F3;box-shadow:0 0 18px rgba(255,79,163,.35)} .firstcall li.hot span{background:#FF4FA3;color:#2A0616} .firstbadge{flex:none;font:400 11px Bungee,sans-serif;letter-spacing:1px;color:#04161A;background:linear-gradient(160deg,#3FE0CF,#1FA89A 55%,#178A80);padding:5px 9px;border-radius:6px;transform:rotate(3deg);box-shadow:0 2px 0 #0E5E57} .wkcheck{display:inline-flex;align-items:center;gap:9px;font:600 15px 'DM Sans',sans-serif;color:#1E1A16;cursor:pointer} .wkcheck input{appearance:none;-webkit-appearance:none;margin:0;width:22px;height:22px;border:2px solid #2A1A10;border-radius:5px;background:#FFFFFF;display:inline-grid;place-content:center;cursor:pointer} .wkcheck input:checked{background:#1FA89A;border-color:#0E5E57} .wkcheck input:checked::after{content:'';width:10px;height:6px;border-left:3px solid #FFFFFF;border-bottom:3px solid #FFFFFF;transform:translate(0,-1px) rotate(-45deg)} .wkcheck input:focus-visible{outline:2px solid #D7263D;outline-offset:2px} .typed{font-family:'DM Mono',monospace;font-size:15.5px;color:#1E1A16} .record .rec-row{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:baseline;padding:8px 10px;border-bottom:1px solid rgba(107,74,42,.45)} .record dl .rec-row:nth-of-type(even){background:rgba(107,74,42,.05)} .record dt.fell{font-size:15px;color:#6B4A2A} .record .rec-big{border-bottom:2px solid #6B4A2A;padding:14px 10px 12px} .record .rec-big .fell{font-size:15px;color:#6B4A2A} .pstack{position:absolute;right:-74px;top:-58px;width:250px;height:250px;padding:0;border:0;background:transparent;cursor:pointer;z-index:4} .pol{position:absolute;left:0;top:0;width:220px;background:#FBFBF6;padding:10px 10px 40px;box-shadow:0 14px 30px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1)} .pol img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block} .p3{transform:translate(28px,20px) rotate(11deg)} .p2{transform:translate(12px,8px) rotate(-4deg)} .p1{transform:rotate(5deg)} .pstack:hover .p3{transform:translate(44px,28px) rotate(15deg)} .pstack:hover .p2{transform:translate(-8px,14px) rotate(-9deg)} .pstack:hover .p1{transform:translate(0,-8px) rotate(3deg)} .pstack:focus-visible{outline:2px solid #FFD36B;outline-offset:6px;border-radius:6px} .tape{position:absolute;left:66px;top:-12px;width:90px;height:26px;background:rgba(243,230,196,.82);transform:rotate(-4deg)} .pcap{position:absolute;left:12px;right:12px;bottom:6px;font-family:'DM Sans',sans-serif;font-style:italic;font-weight:500;font-size:15px;color:#2A3A8A;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pcount{position:absolute;left:-22px;bottom:2px;transform:rotate(-8deg);background:#FF4FA3;color:#2A0616;font:400 12px Bungee,sans-serif;letter-spacing:1px;padding:7px 11px;border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.35)} .leather{background-color:#4E2C18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .04 0 0 0 0 .02 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),radial-gradient(70% 60% at 30% 20%,rgba(255,220,170,.16),transparent 70%),linear-gradient(160deg,#5E3620,#3A1E10);border-radius:14px;padding:0 0 74px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 40px rgba(0,0,0,.55),0 40px 70px rgba(0,0,0,.6)} .leather::before{content:'';position:absolute;inset:12px;border:2px dashed rgba(236,214,170,.5);border-radius:9px;pointer-events:none} .corner{position:absolute;z-index:2} .corner.tl{left:-2px;top:-2px}.corner.tr{right:-2px;top:-2px;transform:scaleX(-1)}.corner.bl{left:-2px;bottom:-2px;transform:scaleY(-1)}.corner.br{right:-2px;bottom:-2px;transform:scale(-1,-1)} .emboss{color:#2C1608;text-shadow:0 1px 0 rgba(255,225,180,.24),0 -1px 0 rgba(0,0,0,.7)} .card{position:relative;margin:0 26px;padding:22px 24px 26px;display:grid;gap:14px;background-color:#F1E4C4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23p%29'/%3E%3C/svg%3E"),radial-gradient(30% 24% at 80% 20%,rgba(150,100,40,.16),transparent 70%),radial-gradient(26% 20% at 18% 86%,rgba(150,100,40,.14),transparent 70%);border-radius:3px;box-shadow:0 0 0 3px #2C1608,0 0 0 5px rgba(236,214,170,.35),0 12px 20px rgba(0,0,0,.45)} .fieldcopy{font:400 11px Bungee,sans-serif;letter-spacing:2px;color:#A3201A;border:2px solid #A3201A;padding:3px 8px;border-radius:3px;transform:rotate(-4deg);opacity:.85} .card .fo-field{width:100%;box-sizing:border-box;height:42px;border:0;border-bottom:1.5px solid #6B4A2A;background:transparent;font:400 16px 'DM Mono',monospace;color:#1E1A3A;padding:0 4px} .card .fo-field:focus{outline:none;background:rgba(255,255,255,.35);border-bottom-color:#A8132E} .rcheck{flex:none;width:22px;height:22px;border:2px solid #A3201A;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#A3201A;font:700 15px 'DM Sans',sans-serif} .sealbtn{height:60px;border:0;border-radius:10px;background:linear-gradient(180deg,#A8132E,#5E0E09);color:#FFE7C8;font:400 17px Bungee,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,200,180,.25),0 8px 16px rgba(200,30,50,.3)} .sealbtn:hover{background:linear-gradient(180deg,#A3201A,#6E0F0A)} .sealbtn:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .wkcheck input:checked{background:#D7263D;border-color:#7A1A12} .gal{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(80% 70% at 50% 45%,rgba(30,22,60,.96),rgba(4,4,18,.985));outline:none;animation:galIn .35s ease-out both} @keyframes galIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}} .gal-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.08)} .gal-x{width:48px;height:48px;border-radius:50%;border:1.5px solid #FF4FA3;background:transparent;color:#FFE6F3;font-size:20px;cursor:pointer;box-shadow:0 0 16px rgba(255,79,163,.35)} .gal-stage{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:18px;min-height:0} .gal-fig{margin:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center} .gal-fig img{max-width:100%;max-height:calc(100vh - 270px);object-fit:contain;display:block;border:8px solid #F6F1E4;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(255,79,163,.12)} .gal-fig figcaption{display:flex;justify-content:space-between;gap:16px;width:100%;max-width:1100px;margin-top:12px;font-family:'DM Sans',sans-serif;font-style:italic;font-size:17px;color:#FFE6F3} .gal-fig figcaption .mono{font-size:12px;letter-spacing:2px;color:#ABA4D0;align-self:center} .gal-nav{width:64px;height:64px;border-radius:50%;border:1.5px solid #33E1D0;background:rgba(10,8,30,.6);color:#E9FFFC;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 0 18px rgba(51,225,208,.3)} .gal-nav:hover,.gal-x:hover{background:rgba(51,225,208,.12)} .gal-nav:focus-visible,.gal-x:focus-visible,.gthumb:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .gal-strip{display:flex;gap:10px;overflow-x:auto;padding:14px 28px 22px;justify-content:center} .gthumb{flex:none;width:112px;height:72px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#000;cursor:pointer;opacity:.6;transition:opacity .2s} .gthumb img{width:100%;height:100%;object-fit:cover;display:block} .gthumb:hover{opacity:.9} .gthumb.on{opacity:1;border-color:#FF4FA3;box-shadow:0 0 14px rgba(255,79,163,.5)} .rec-lab{font-size:11.5px;letter-spacing:1.5px;color:#1F6E6A} .record .rec-row{border-bottom:1px solid rgba(31,110,106,.30)} .record dl .rec-row:nth-of-type(even){background:rgba(51,225,208,.07)} .record .rec-big{border-bottom:2px solid #1F6E6A} .foil{background:linear-gradient(180deg,#FFF1BF 0%,#E2B13C 45%,#9A6A18 56%,#F2D58A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.65)) drop-shadow(0 1px 0 rgba(255,225,180,.25))} .fieldcopy{font:400 12px Bungee,sans-serif} .sealbtn{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#F0404E,#C41E33);color:#FFF3E4;font:400 17px Bungee,sans-serif;letter-spacing:1px} .sealbtn:hover{background:linear-gradient(180deg,#FF5462,#D7263D)} .formica{background-color:#1B1336 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath transform='translate%28120 97%29 rotate%2850%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%2888 121%29 rotate%28218%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#F7E9CC' fill-opacity='.08'/%3E%3Cpath transform='translate%28144 160%29 rotate%2815%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Cpath transform='translate%2844 246%29 rotate%28342%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Cpath transform='translate%2841 62%29 rotate%2840%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%28201 100%29 rotate%28269%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%28239 53%29 rotate%2881%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Cpath transform='translate%28231 201%29 rotate%28328%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Cpath transform='translate%2873 210%29 rotate%2872%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%28229 14%29 rotate%28136%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Cpath transform='translate%2836 62%29 rotate%28265%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%28251 1%29 rotate%28275%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FF4FA3' fill-opacity='.11'/%3E%3Cpath transform='translate%28233 53%29 rotate%283%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%2835 239%29 rotate%28180%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Cpath transform='translate%28140 52%29 rotate%2825%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FF4FA3' fill-opacity='.11'/%3E%3Cpath transform='translate%28166 24%29 rotate%28209%29' d='M0 0 Q 18 -16 44 -8 Q 26 -6 14 10 Q 8 4 0 0 Z' fill='#FF4FA3' fill-opacity='.11'/%3E%3Cpath transform='translate%28244 187%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%2814 144%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#FF4FA3' fill-opacity='.11'/%3E%3Cpath transform='translate%28194 192%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%2832 183%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#FF4FA3' fill-opacity='.11'/%3E%3Cpath transform='translate%2842 131%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#F7E9CC' fill-opacity='.08'/%3E%3Cpath transform='translate%28220 136%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%28226 29%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#F7E9CC' fill-opacity='.08'/%3E%3Cpath transform='translate%28117 105%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%2899 158%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#33E1D0' fill-opacity='.13'/%3E%3Cpath transform='translate%28113 55%29' d='M0 -7 L1.6 -1.6 L7 0 L1.6 1.6 L0 7 L-1.6 1.6 L-7 0 L-1.6 -1.6 Z' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='70' cy='212' r='2' fill='#F7E9CC' fill-opacity='.08'/%3E%3Ccircle cx='74' cy='135' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='99' cy='146' r='1.4' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='90' cy='202' r='1.4' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='168' cy='25' r='2' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='97' cy='224' r='1' fill='#F7E9CC' fill-opacity='.08'/%3E%3Ccircle cx='174' cy='44' r='1' fill='#F7E9CC' fill-opacity='.08'/%3E%3Ccircle cx='13' cy='254' r='1.4' fill='#FF4FA3' fill-opacity='.11'/%3E%3Ccircle cx='246' cy='256' r='1' fill='#FF4FA3' fill-opacity='.11'/%3E%3Ccircle cx='13' cy='117' r='1.4' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='159' cy='251' r='1.4' fill='#F7E9CC' fill-opacity='.08'/%3E%3Ccircle cx='37' cy='146' r='1' fill='#FF4FA3' fill-opacity='.11'/%3E%3Ccircle cx='194' cy='77' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='109' cy='37' r='2' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='231' cy='44' r='2' fill='#F7E9CC' fill-opacity='.08'/%3E%3Ccircle cx='229' cy='129' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='72' cy='33' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='203' cy='58' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='46' cy='119' r='1' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='45' cy='125' r='2' fill='#F7E9CC' fill-opacity='.08'/%3E%3Ccircle cx='17' cy='169' r='2' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='80' cy='137' r='2' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='149' cy='248' r='2' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='58' cy='36' r='2' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='128' cy='16' r='2' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='157' cy='97' r='1' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='97' cy='250' r='1' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='9' cy='155' r='2' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='107' cy='153' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='9' cy='196' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='8' cy='162' r='1' fill='#FFD36B' fill-opacity='.09'/%3E%3Ccircle cx='183' cy='20' r='1.4' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='2' cy='248' r='1.4' fill='#FF4FA3' fill-opacity='.11'/%3E%3Ccircle cx='256' cy='217' r='1.4' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='175' cy='117' r='1' fill='#FF4FA3' fill-opacity='.11'/%3E%3Ccircle cx='252' cy='28' r='1' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='19' cy='168' r='1.4' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='27' cy='6' r='1.4' fill='#FF4FA3' fill-opacity='.11'/%3E%3Ccircle cx='227' cy='21' r='1.4' fill='#33E1D0' fill-opacity='.13'/%3E%3Ccircle cx='198' cy='178' r='1.4' fill='#33E1D0' fill-opacity='.13'/%3E%3C/svg%3E"),radial-gradient(120% 80% at 50% 0%,#2A1B4E,#140C2A 70%) !important} .countertrim{position:absolute;left:0;right:0;top:0;height:22px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,rgba(0,0,0,.16) 2px 4px),linear-gradient(180deg,#F4F1EA,#8A8694 45%,#5E5A68 55%,#D9D4DF);box-shadow:0 6px 14px rgba(0,0,0,.5);z-index:1} .vinyl{background-color:#178A80 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='6'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 .1 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28#v%29'/%3E%3C/svg%3E"),radial-gradient(80% 60% at 30% 15%,rgba(255,255,255,.18),transparent 70%),linear-gradient(160deg,#1FA89A,#0E5E57) !important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),inset 0 0 40px rgba(0,0,0,.3),0 40px 70px rgba(0,0,0,.6),0 0 44px rgba(51,225,208,.16) !important} .vinyl::before{border-color:rgba(247,233,204,.72) !important} .vtitle{color:#F7E9CC;text-shadow:0 2px 0 rgba(0,0,0,.3),0 0 18px rgba(247,233,204,.25)} .vinyl .emboss{color:#0A3A36;text-shadow:0 1px 0 rgba(255,255,255,.25)} .vinyl .card{box-shadow:0 0 0 3px #0A3A36,0 0 0 5px rgba(247,233,204,.45),0 12px 20px rgba(0,0,0,.4) !important} .record{box-shadow:0 1px 0 #E2D8C0,0 3px 0 #F7F1E2,0 4px 0 #D9CFB6,0 6px 0 #F5EEDC,0 7px 0 #D2C7AC,0 36px 64px rgba(0,0,0,.6),-16px -12px 54px rgba(255,79,163,.16),16px 12px 54px rgba(51,225,208,.12) !important} .still *{animation:none !important} @media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}} .phone .pv{height:30px;padding:0 10px;font-size:12px} .sndsm{width:40px;height:40px;padding:0;justify-content:center} .ptabs{display:flex;gap:10px;overflow-x:auto;margin:18px -18px 0;padding:2px 18px 6px;scroll-snap-type:x mandatory} .ptabs .tab{flex:none;height:58px;scroll-snap-align:start} .phousing{min-width:0;padding:14px 10px 12px;border-radius:16px} .prow{display:block;padding:8px} .ptile{width:18px;height:28px;font-size:16px} .pstile{width:14px;height:22px;font-size:12px} .phone .ticker-run{font-size:13px} .pstack-ph{position:relative;right:auto;top:auto;display:block;margin:28px auto -18px;width:240px;height:236px} .prec{grid-template-columns:104px 1fr !important;gap:10px !important;padding:7px 6px !important} .prec .typed{font-size:15px} .phone .gal-stage{grid-template-columns:40px minmax(0,1fr) 40px;padding:10px 6px} .phone .gal-nav{width:40px;height:40px;font-size:24px} .phone .gal-top{padding:12px 14px} .phone .gal-fig img{border-width:5px;max-height:calc(100vh - 230px)} .phone .gal-fig figcaption{font-size:20px} .phone .gal-fig figcaption .mono{display:none} .phone .gthumb{width:72px;height:48px} .phone .gal-strip{justify-content:flex-start;padding:10px 14px 16px} .phone .stamp2{right:-6px} .phone .btn{width:100%;box-sizing:border-box} /* ---- site additions on top of the approved mockup styles ---- */ html{scroll-behavior:smooth} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}} .vls-p{display:none} @media (max-width: 819px){.vls-d{display:none}.vls-p{display:block}} /* forms */ .hp{position:absolute !important;left:-9999px !important;top:auto;width:1px;height:1px;overflow:hidden} .form-status{margin:0;font-size:14px;line-height:1.5;font-weight:700;color:#3A2A1A} .form-status:empty{display:none} .form-status.ok{color:#0B6B4E} .form-status.err{color:#A8132E} [data-form="quick"] .form-status{flex-basis:100%;color:#FFE6F3} [data-form="quick"] .form-status.ok{color:#7CF2E6} [data-form="quick"] .form-status.err{color:#FF9BB0} [data-form="packet"] .form-status{margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(247,233,204,.94);color:#16302E} [data-form="packet"] .form-status.err{color:#A8132E} form[data-form] button[disabled]{opacity:.6;cursor:wait} .smsok{font-weight:700} .smsfine{margin:-6px 0 0;font-size:10.5px;line-height:1.45;color:#5A4632} .smsfine a{color:inherit} /* footer links */ .footlinks a{color:#FFF3E4;text-decoration:none} .footlinks a:hover,.footlinks a:focus-visible{text-decoration:underline} /* ---- simple pages (sell, house rules, privacy, text terms, 404) ---- */ .sp{background:#06061A;color:#E8E4FF;font-family:'DM Sans',system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column} .sp a{color:#7CF2E6} .sp-top{position:sticky;top:0;z-index:20;background:rgba(6,6,26,.92);border-bottom:1px solid #1E1840;backdrop-filter:blur(10px)} .sp-top nav{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px} .sp-logo{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none} .sp-logo .v{display:block;background:#140E2E;border-radius:8px;padding:1px 12px 4px;transform:rotate(-3deg);box-shadow:0 0 0 2px #33E1D0,0 0 14px rgba(51,225,208,.55)} .sp-logo .v span{font-family:Yellowtail,cursive;font-size:26px;line-height:1;color:#FFE6F3;text-shadow:0 0 6px #FF4FA3,0 0 16px #FF4FA3} .sp-logo .l{font-family:Bungee,sans-serif;font-size:8px;letter-spacing:1px;color:#D7263D;background:#F7E9CC;border:2px solid #E2B13C;padding:1px 6px} .sp-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-weight:500;font-size:15px} .sp-links a{color:#E8E4FF;text-decoration:none} .sp-links a:hover{color:#FFE6F3} .sp-links .txt{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:#FF4FA3;color:#12061A;font-weight:700} .sp-main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:64px 20px 90px;box-sizing:border-box} .sp-eyebrow{margin:0 0 10px;font-family:Bungee,sans-serif;font-size:13px;letter-spacing:2px;color:#33E1D0;text-shadow:0 0 10px rgba(51,225,208,.6)} .sp h1{margin:0;font-family:Bungee,sans-serif;font-weight:400;font-size:clamp(34px,5vw,54px);line-height:1.04;color:#FBF6FF} .sp h2{margin:44px 0 10px;font-family:Bungee,sans-serif;font-weight:400;font-size:24px;color:#FFD36B} .sp p,.sp li{font-size:17px;line-height:1.65;color:#D9D3F0} .sp .lede{font-size:20px;color:#F3EEFF;margin-top:16px} .sp .fine{font-size:14px;color:#ABA4D0} .sp-card{margin-top:34px;background:#F7E9CC;color:#2A1A10;border-radius:14px;padding:26px 24px;box-shadow:0 24px 50px rgba(0,0,0,.45)} .sp-card label{display:block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.5px;color:#5A4632;margin:0 0 6px} .sp-card input,.sp-card textarea,.sp-card select{width:100%;box-sizing:border-box;border:1.5px solid #C9B48A;border-radius:10px;background:#FFFBF2;color:#2A1A10;padding:12px 14px;font:500 16px 'DM Sans',sans-serif} .sp-card textarea{min-height:110px;resize:vertical} .sp-card .row{display:grid;grid-template-columns:1fr 1fr;gap:14px} .sp-card .sf{margin-bottom:14px} .sp-card button{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:0;border-radius:12px;background:linear-gradient(180deg,#F0404E,#C41E33);color:#FFF3E4;font:400 16px Bungee,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 8px 18px rgba(200,30,50,.35)} .sp-card .form-status{margin-top:12px} @media (max-width:560px){.sp-card .row{grid-template-columns:1fr}.sp-links{gap:12px;font-size:14px}.sp-links .hide-s{display:none}} .rules{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px} .rules li{background:#100C26;border:1px solid #2B2356;border-radius:14px;padding:18px 20px} .rules h3{margin:0 0 6px;font-family:Bungee,sans-serif;font-weight:400;font-size:17px;color:#FFE6F3} .rules p{margin:0;font-size:16px} .sp-foot{background:linear-gradient(180deg,#0A0A24 0%,#2A1350 40%,#8E2F6A 75%,#E0704E 100%);padding:48px 20px 26px;color:#F3DCEB} .sp-foot .in{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end} .sp-foot .sun{margin:0;font-family:Yellowtail,cursive;font-size:48px;line-height:1;color:#FFF3E4} .sp-foot a{color:#FFF3E4} .sp-foot .mono{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:1px} /* neon signs (30-day guarantee, Route 66 shield): tubes strike on when the sign scrolls into view */ @keyframes g30strike{0%{opacity:.16}7%{opacity:1}11%{opacity:.22}17%{opacity:1}21%{opacity:.35}27%,100%{opacity:1}} @keyframes g30hum{0%,95%,100%{opacity:1}96%{opacity:.55}97%{opacity:1}98.5%{opacity:.7}} .neon.pre .gt{opacity:.16} .neon.pre .g-wall{opacity:0} .neon .g-wall{transition:opacity 1.6s ease .6s} .neon.on .gt-b{animation:g30strike 1.2s linear .1s both} .neon.on .gt-n{animation:g30strike 1.2s linear .55s both} .neon.on .gt-d{animation:g30strike 1.2s linear .95s both} .neon.on .gt-g{animation:g30strike 1.2s linear 1.35s both,g30hum 9s linear 4s infinite} .neon.on .gt-s{animation:g30strike 1.2s linear 1.75s both} .day .neon .g-halo,.day .neon .g-glow,.day .neon .g-wall{opacity:0} .day .neon .g-core{opacity:.3} .still .neon .gt,.still .neon.pre .gt{animation:none !important;opacity:1} @media (prefers-reduced-motion: reduce){.neon .gt,.neon.pre .gt{animation:none !important;opacity:1}.neon.pre .g-wall{opacity:.55}} /* ---------- folio v2: header shield, document tabs, plat / title / GPS, guest card ---------- */ .folio-head{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:60px} .folio-head>div:first-child{flex:0 1 auto;min-width:0} .r66-mount{flex:none;margin:-34px 34px -44px 0;transform:rotate(3deg)} .r66-mount.ph{position:absolute;right:-4px;top:-14px;margin:0;transform:rotate(4deg);z-index:2;pointer-events:none} .ftabs{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 -3px 20px;transform:rotate(-1deg);transform-origin:0 100%} .ftab{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;font:400 11px/1 Bungee,sans-serif;letter-spacing:1px;color:#1F6E6A;background:#E2D3B0;padding:11px 13px 12px;border-radius:9px 9px 0 0;box-shadow:inset 0 -7px 8px -6px rgba(60,40,10,.4),0 -2px 6px rgba(0,0,0,.2);transform:translateY(4px);transition:background .15s,transform .15s,color .15s} .ftab:hover{background:#ECE0C2;color:#A8132E;transform:translateY(1px)} .ftab.on{background:#FBF6E8;color:#D7263D;transform:none;padding-bottom:16px;box-shadow:0 -3px 10px rgba(0,0,0,.25)} .ftab:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .ftabs.ph{margin:36px 0 -3px 8px;transform:rotate(-.6deg);gap:3px} .ftabs.ph .ftab{font-size:10px;padding:10px 11px 11px} .ftabs.ph .ftab.on{padding-bottom:14px} .doc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:2px solid #1F6E6A;padding:16px 0 12px;margin-right:190px} .doc-h{margin:0;font:400 34px/1 Bungee,sans-serif;color:#D7263D} .doc-tag{flex:none;font-size:11px;letter-spacing:2px;color:#1F6E6A;border:1.5px solid #1F6E6A;padding:3px 7px;border-radius:3px;white-space:nowrap} .doc-head.ph{margin-right:0;padding:12px 0 10px;gap:10px} .doc-head.ph .doc-h{font-size:22px} .doc-head.ph .doc-tag{font-size:9.5px;letter-spacing:1.5px;padding:2px 5px} .plat{position:relative;display:block;margin:24px 0 0;background:#FFFFFF;border:1px solid rgba(31,110,106,.45);box-shadow:0 1px 0 rgba(0,0,0,.06),0 10px 18px -12px rgba(60,40,10,.5);transform:rotate(.4deg)} .plat img{display:block;width:100%;height:auto;mix-blend-mode:multiply} .plat-open{position:absolute;right:10px;bottom:10px;background:#140E2E;color:#7CF2E6;font-size:10.5px;letter-spacing:1.5px;padding:6px 10px;border-radius:4px} .plat:hover .plat-open{background:#D7263D;color:#FFF3E4} .plat:focus-visible{outline:2px solid #D7263D;outline-offset:3px} .doc-cap{margin:12px 0 0;font:400 14.5px/1.55 'DM Sans',sans-serif;color:#3A3226} .doc-lab{margin:22px 0 8px;font-size:11.5px;letter-spacing:1.5px;color:#1F6E6A} .legal{margin:0;padding:14px 16px;border-left:3px solid #D7263D;background:rgba(51,225,208,.08);font:400 15px/1.6 'DM Mono',monospace;color:#1E1A16} .titems{margin:0;padding:0;list-style:none;display:grid;gap:8px} .titems li{position:relative;padding-left:20px;font:400 15.5px/1.5 'DM Sans',sans-serif;color:#2A2218} .titems li::before{content:'▸';position:absolute;left:0;top:0;color:#1F6E6A} .doc-src{margin:16px 0 0;font:italic 400 13.5px/1.55 'DM Sans',sans-serif;color:#5A5040} .gps{margin:18px 0 0;border-top:1px solid rgba(31,110,106,.3)} .gps-row{display:grid;grid-template-columns:128px 1fr auto;gap:12px;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(31,110,106,.3)} .gps-row:nth-child(even){background:rgba(51,225,208,.07)} .gps-lab{font-size:11.5px;letter-spacing:1.5px;color:#1F6E6A} .gps-val{font-size:17px;white-space:nowrap} .gps-act{display:flex;gap:6px} .gps-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:32px;padding:0 11px;border-radius:999px;border:1.5px solid #1F6E6A;background:transparent;color:#1F6E6A;font:700 12.5px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap} .gps-btn:hover{background:#1F6E6A;color:#FBF6E8} .gps-btn:focus-visible{outline:2px solid #D7263D;outline-offset:2px} .gps.ph .gps-row{grid-template-columns:1fr auto;row-gap:2px;padding:8px 6px} .gps.ph .gps-lab{grid-column:1/-1} .gps.ph .gps-val{font-size:14.5px} .gps.ph .gps-btn{min-width:0;height:30px;padding:0 9px;font-size:12px} .fly3d{margin:20px 0 0;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;border:0;background:#140E2E;color:#E9FFFC;font:400 13px Bungee,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 0 0 2px #33E1D0,0 0 18px rgba(51,225,208,.35);transition:box-shadow .2s,background .2s} .fly3d:hover{background:#1F1747;box-shadow:0 0 0 2px #FF4FA3,0 0 22px rgba(255,79,163,.45)} .fly3d:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .roadmap[data-map3d]{cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1)} .roadmap[data-map3d]:hover{transform:rotate(5deg) translate(6px,-16px) !important} .roadmap[data-map3d]:focus-visible{outline:3px solid #FFD36B;outline-offset:4px} .roadmap:not([data-map3d]) .rm-cta{display:none} .roadmap .rm-cta rect{transition:fill .2s} .roadmap:hover .rm-cta rect{fill:#3A1752} .rm-card{display:flex;align-items:center;gap:14px;width:100%;margin:34px 0 0;padding:12px 16px 12px 12px;border:0;border-radius:14px;background:#140E2E;color:#E9FFFC;text-align:left;cursor:pointer;font-family:'DM Sans',sans-serif;box-shadow:0 0 0 2px #33E1D0,0 0 18px rgba(51,225,208,.35),0 14px 26px rgba(0,0,0,.45)} .rm-mini{flex:none;transform:rotate(-5deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))} .rm-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} .rm-t{font:400 16px Bungee,sans-serif;letter-spacing:.5px;color:#FFE6F3;text-shadow:0 0 10px rgba(255,79,163,.6)} .rm-s{font-size:13px;line-height:1.4;color:#ABA4D0} .rm-go{font:400 22px Bungee,sans-serif;color:#33E1D0} .rm-card:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} /* ---------- drive-in v2: the film on the screen, coming attractions in the box office ---------- */ .di-stage{container-type:inline-size} .dscreen a:focus-visible{outline:3px solid #FFD36B;outline-offset:-3px} .boxoff{--u:14.4px} .di-stage .boxoff.dk{--u:1cqw} .boxoff.ph{width:min(300px,100%);margin-top:18px} .ca-head{position:relative;z-index:2;margin:0 0 calc(var(--u)*-.5);text-align:center;font:400 calc(var(--u)*2.3)/1.05 Yellowtail,cursive;color:#FFF2F9;text-shadow:0 0 calc(var(--u)*.12) #FFFFFF,0 0 calc(var(--u)*.4) #FF4FA3,0 0 calc(var(--u)*.9) #FF4FA3,0 0 calc(var(--u)*1.9) rgba(255,79,163,.75);animation:caflick 7s linear infinite} .ca-head::after{content:'NOW BOOKING';display:block;margin-top:calc(var(--u)*.2);font:400 calc(var(--u)*.62)/1 Bungee,sans-serif;letter-spacing:calc(var(--u)*.3);color:#E9FFFC;text-shadow:0 0 calc(var(--u)*.5) rgba(51,225,208,.95);animation:none} @keyframes caflick{0%,92%,100%{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.75}97%{opacity:1}} .ca-case{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*.7);margin-top:calc(var(--u)*1.1);padding:calc(var(--u)*1.35) calc(var(--u)*.85);border-radius:calc(var(--u)*.7);background:radial-gradient(70% 55% at 50% 50%,rgba(255,236,214,.2),transparent 75%),#0B0920;box-shadow:0 0 0 calc(var(--u)*.16) #F4F1EA,0 0 0 calc(var(--u)*.3) #5E5A68,0 0 0 calc(var(--u)*.42) #D9D4DF,0 0 calc(var(--u)*2) rgba(255,79,163,.35),0 calc(var(--u)*1) calc(var(--u)*2.4) rgba(0,0,0,.7),inset 0 0 calc(var(--u)*1.6) rgba(0,0,0,.85)} .ca-case::before,.ca-case::after{content:'';position:absolute;left:calc(var(--u)*.7);right:calc(var(--u)*.7);height:calc(var(--u)*.62);background:radial-gradient(circle,#FFF6D8 0 26%,#E8B04A 30% 40%,transparent 44%) 0 50%/calc(var(--u)*1.05) 100% repeat-x;filter:drop-shadow(0 0 calc(var(--u)*.3) #FFD36B);animation:cachase .9s steps(3) infinite} .ca-case::before{top:calc(var(--u)*.36)} .ca-case::after{bottom:calc(var(--u)*.36);animation-direction:reverse} @keyframes cachase{to{background-position:calc(var(--u)*1.05) 50%}} .ca-poster{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:27/40;overflow:hidden;padding:calc(var(--u)*.6);border-radius:calc(var(--u)*.15);background:#140E2E;color:#FFF6EA;text-decoration:none;box-shadow:inset 0 0 0 calc(var(--u)*.22) #F4EBD3,0 calc(var(--u)*.3) calc(var(--u)*.9) rgba(0,0,0,.6);transition:transform .2s} .ca-poster img{position:absolute;inset:calc(var(--u)*.22);width:calc(100% - var(--u)*.44);height:calc(100% - var(--u)*.44);object-fit:cover;z-index:0} .ca-poster::after{content:'';position:absolute;inset:calc(var(--u)*.22);background:linear-gradient(180deg,rgba(10,6,30,.05) 25%,rgba(10,6,30,.92) 78%);z-index:1} .ca-poster>span{position:relative;z-index:2} .ca-k{font:400 calc(var(--u)*1.25)/1 Yellowtail,cursive;color:#FF4FA3;text-shadow:0 0 calc(var(--u)*.6) rgba(255,79,163,.8)} .ca-t{margin-top:calc(var(--u)*.25);font:400 calc(var(--u)*.88)/1.08 Bungee,sans-serif;text-transform:uppercase;color:#FFF6EA} .ca-m{margin-top:calc(var(--u)*.3);font:500 calc(var(--u)*.5)/1.3 'DM Mono',monospace;letter-spacing:calc(var(--u)*.05);color:#C9C2E6} .ca-teaser .ca-t{font:400 calc(var(--u)*1.55)/1 Yellowtail,cursive;text-transform:none;color:#FFE6F3;text-shadow:0 0 calc(var(--u)*.8) rgba(255,79,163,.9)} .ca-sold img{filter:grayscale(.5) brightness(.8)} .ca-stamp{position:absolute !important;left:50%;top:36%;transform:translate(-50%,-50%) rotate(-14deg);padding:calc(var(--u)*.15) calc(var(--u)*.45);border:calc(var(--u)*.16) solid #FF4FA3;border-radius:calc(var(--u)*.3);background:rgba(10,6,30,.6);color:#FFE6F3;font:400 calc(var(--u)*.8) Bungee,sans-serif;letter-spacing:calc(var(--u)*.08);white-space:nowrap;text-transform:uppercase;text-shadow:0 0 calc(var(--u)*.5) #FF4FA3;box-shadow:0 0 calc(var(--u)*.8) rgba(255,79,163,.55)} .ca-poster:hover{transform:translateY(calc(var(--u)*-.3))} .ca-poster:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .boxoff .tkwrap{margin-top:calc(var(--u)*1.1)} .boxoff .ticket{animation:none !important;clip-path:none} .boxoff .tk-in{margin:calc(var(--u)*.5);padding:calc(var(--u)*.9) calc(var(--u)*.5) calc(var(--u)*1);grid-template-columns:calc(var(--u)*1.4) 1fr calc(var(--u)*1.4)} .boxoff .tk-admit{font-size:calc(var(--u)*2.2);margin:calc(var(--u)*.4) 0} .boxoff .tk-small{font-size:calc(var(--u)*.6);letter-spacing:calc(var(--u)*.06)} .boxoff .tk-serial{font-size:calc(var(--u)*.68)} .boxoff .tk-btn{height:max(34px,calc(var(--u)*2.5));padding:0 calc(var(--u)*1.1);font-size:max(12px,calc(var(--u)*.92));margin-top:calc(var(--u)*.6)} .boxoff .tk-seal{width:calc(var(--u)*3);height:calc(var(--u)*3)} /* ---------- the road map that unfolds into the 3D flyover ---------- */ html.m3d-lock{overflow:hidden} .m3d{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(4,4,20,0);transition:background .45s,opacity .25s;font-family:'DM Sans',sans-serif;color:#E9FFFC} .m3d.in{background:radial-gradient(1.2px 1.2px at 12% 18%,#FFF,transparent),radial-gradient(1px 1px at 27% 72%,#CFE,transparent),radial-gradient(1.4px 1.4px at 44% 12%,#FFE6F3,transparent),radial-gradient(1px 1px at 58% 84%,#FFF,transparent),radial-gradient(1.2px 1.2px at 71% 33%,#E9FFFC,transparent),radial-gradient(1px 1px at 86% 62%,#FFF,transparent),radial-gradient(1.3px 1.3px at 93% 14%,#FFD36B,transparent),radial-gradient(1px 1px at 8% 88%,#FFF,transparent),radial-gradient(1px 1px at 36% 46%,#E9FFFC,transparent),radial-gradient(1.2px 1.2px at 64% 58%,#FFF,transparent),#03020C} .m3d.out{opacity:0} .m3d .m3d-map{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s} .m3d.live .m3d-map{opacity:1} .m3d-fb[hidden]{display:none} .m3d-fb{position:absolute;inset:0;overflow:hidden;background:#0B0A24;perspective:1300px} .m3d-fb-tilt{position:absolute;left:-25%;top:-10%;width:150%;height:130%;transform:rotateX(52deg) rotateZ(-14deg);transform-origin:50% 60%;animation:m3dorbit 28s ease-in-out infinite alternate} @keyframes m3dorbit{from{transform:rotateX(52deg) rotateZ(-16deg)}to{transform:rotateX(46deg) rotateZ(14deg)}} .m3d-bar{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 16px 26px;background:linear-gradient(180deg,rgba(4,4,20,.88),rgba(4,4,20,0));pointer-events:none} .m3d-bar>*{pointer-events:auto} .m3d-ttl{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .m3d-t1{font:400 15px Bungee,sans-serif;letter-spacing:1px;color:#FFE6F3;text-shadow:0 0 12px rgba(255,79,163,.8)} .m3d-t2{font-size:13px;color:#ABA4D0} .m3d-x{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid #33E1D0;background:rgba(20,14,46,.9);color:#E9FFFC;font-size:18px;cursor:pointer} .m3d-x:hover{border-color:#FF4FA3} .m3d-leg{position:absolute;left:16px;top:82px;z-index:4;display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:rgba(10,8,30,.82);border:1px solid #3B3566;font-size:12.5px;color:#E6DDF4;max-width:290px;opacity:0;transition:opacity .4s} .m3d.go .m3d-leg,.m3d.go .m3d-ctl{opacity:1} .m3d-leg span{display:flex;align-items:center;gap:8px} .sw{flex:none;display:inline-block;width:18px;height:10px;border-radius:2px} .sw-p{background:rgba(255,79,163,.3);box-shadow:inset 0 0 0 2px #FF4FA3,0 0 8px #FF4FA3} .sw-s{background:repeating-linear-gradient(45deg,rgba(255,211,107,.5) 0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1.5px #FFD36B} .sw-c{width:10px;height:10px;border-radius:50%;background:#33E1D0;box-shadow:0 0 0 2px #fff} .sw-w{height:0;border-top:2.5px dashed #FF2D55;border-radius:0} .m3d-ctl{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 24px);opacity:0;transition:opacity .4s} .m3d-btn{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;background:rgba(20,14,46,.9);border:1.5px solid #33E1D0;color:#E9FFFC;font:700 13.5px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .m3d-btn:hover{border-color:#FF4FA3} .m3d-btn[aria-pressed="true"]{border-color:#FF4FA3;box-shadow:0 0 14px rgba(255,79,163,.5)} .m3d-btn[hidden]{display:none} .m3d-x:focus-visible,.m3d-btn:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .m3d-msg{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);z-index:4;margin:0;max-width:min(560px,calc(100% - 32px));padding:10px 14px;border-radius:10px;background:rgba(10,8,30,.88);border:1px solid #3B3566;font-size:13.5px;line-height:1.45;color:#E6DDF4;text-align:center} .m3d .maplibregl-ctrl-top-right{top:76px} .m3d .maplibregl-ctrl-bottom-left{bottom:98px} .m3d.still *{transition:none !important;animation:none !important} @media (max-width:700px){ .m3d-leg{top:auto;bottom:146px;left:12px;font-size:11.5px;max-width:230px} .m3d-ctl{bottom:40px;gap:6px} .m3d-btn{height:38px;padding:0 12px;font-size:12.5px} .m3d-msg{bottom:auto;top:84px} .m3d .maplibregl-ctrl-bottom-left{bottom:136px} } /* ---------- WALK IT: the boundary finder card on the desk ---------- */ .doc-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px} .doc-acts .fly3d{margin:0} .fly3d.walkbtn{box-shadow:0 0 0 2px #FF4FA3,0 0 18px rgba(255,79,163,.4)} .fly3d.walkbtn:hover{box-shadow:0 0 0 2px #33E1D0,0 0 22px rgba(51,225,208,.45)} .walkit{position:relative;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;width:92%;margin:46px 0 0 auto;padding:18px 20px 18px 18px;border-radius:18px;background:linear-gradient(160deg,#1A1440,#0B0920 60%);box-shadow:0 0 0 2px #2C2556,0 0 0 4px #D9D4DF,0 0 26px rgba(51,225,208,.28),0 26px 46px rgba(0,0,0,.6);transform:rotate(1.2deg);color:#E6DDF4} .walkit::before{content:'';position:absolute;inset:6px;border-radius:13px;border:1px dashed rgba(124,242,230,.25);pointer-events:none} .wk-scope{width:150px;height:150px;display:block;filter:drop-shadow(0 0 12px rgba(51,225,208,.35))} .wk-sweepg{animation:wksweep 4s linear infinite;transform-origin:0 0} @keyframes wksweep{to{transform:rotate(360deg)}} .wk-me{filter:drop-shadow(0 0 5px #7CF2E6)} .wk-k{margin:0;font:400 38px/1 Yellowtail,cursive;color:#FFE6F3;text-shadow:0 0 6px #FF4FA3,0 0 16px rgba(255,79,163,.7)} .wk-t{margin:4px 0 0;font:400 13px Bungee,sans-serif;letter-spacing:2px;color:#7CF2E6;text-shadow:0 0 8px rgba(51,225,208,.6)} .wk-s{margin:10px 0 0;font:400 14.5px/1.5 'DM Sans',sans-serif;color:#D6CFEA} .wk-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px} .wk-qr{display:inline-flex;align-items:center;gap:10px} .wk-qr svg{width:78px;height:78px;padding:6px;background:#FFFDF5;border-radius:8px;box-shadow:0 0 0 2px #FF4FA3} .wk-qr .mono{font-size:10px;letter-spacing:1.5px;color:#ABA4D0;max-width:88px;line-height:1.5} .wk-go,.wk-demo{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;font:400 13px Bungee,sans-serif;letter-spacing:1px;cursor:pointer} .wk-go{border:0;background:linear-gradient(180deg,#FF6FB5,#E0337E);color:#FFF3F9;box-shadow:0 0 18px rgba(255,79,163,.5)} .wk-demo{border:1.5px solid #33E1D0;background:transparent;color:#E9FFFC} .wk-go:hover,.wk-demo:hover{filter:brightness(1.12)} .wk-go:focus-visible,.wk-demo:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .walkit.ph{width:auto;margin:36px 4px 0;grid-template-columns:1fr;justify-items:center;text-align:center;transform:rotate(-.8deg);padding:20px 18px} .walkit.ph .wk-scope{width:132px;height:132px} .walkit.ph .wk-acts{justify-content:center} /* ---------- WALK IT: the finder itself (full screen, reuses the 3D map overlay frame) ---------- */ .wx{background:radial-gradient(90% 60% at 50% 30%,#141038,#05051A 70%) !important} .wx-bar{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 16px 10px} .wx-demo{color:#FF4FA3;font-weight:700} .wx-main{position:absolute;inset:72px 0 0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:0 16px 28px} .wx-intro,.wx-live{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;text-align:center} .wx-intro[hidden],.wx-live[hidden]{display:none} .wx-icon{width:120px;height:120px;margin-top:18px;filter:drop-shadow(0 0 14px rgba(51,225,208,.4))} .wx-k{margin:14px 0 0;font:400 54px/1 Yellowtail,cursive;color:#FFE6F3;text-shadow:0 0 8px #FF4FA3,0 0 22px rgba(255,79,163,.7)} .wx-lead{margin:12px 0 0;font:400 17px/1.55 'DM Sans',sans-serif;color:#E6DDF4;max-width:420px} .wx-qr{width:200px;height:200px;margin-top:18px;border-radius:12px;box-shadow:0 0 0 3px #FF4FA3,0 0 30px rgba(255,79,163,.45)} .wx-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px} .wx-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid #33E1D0;background:rgba(20,14,46,.9);color:#E9FFFC;font:700 15px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer} .wx-btn.pri{border:0;background:linear-gradient(180deg,#FF6FB5,#E0337E);color:#FFF3F9;font:400 16px Bungee,sans-serif;letter-spacing:1px;box-shadow:0 0 22px rgba(255,79,163,.55)} .wx-btn[aria-pressed="true"]{border-color:#FF4FA3} .wx-btn[hidden]{display:none} .wx-btn:focus-visible,.wx-c:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .wx-fine{margin:18px 0 0;max-width:440px;font:400 12.5px/1.5 'DM Sans',sans-serif;color:#9C95C4} .wx-head{margin:4px 0 0;font:400 22px/1.15 Bungee,sans-serif;color:#FFE6F3;text-shadow:0 0 12px rgba(255,79,163,.6)} .wx.wx-in .wx-head{color:#E9FFFC;text-shadow:0 0 12px rgba(51,225,208,.8)} .wx-sub{margin:6px 0 0;min-height:1.4em;font:400 14.5px/1.45 'DM Sans',sans-serif;color:#D6CFEA} .wx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .wx-scopebox{width:min(86vw,46vh,420px);aspect-ratio:1;margin-top:14px} .wx-scope{width:100%;height:100%;display:block;filter:drop-shadow(0 0 18px rgba(51,225,208,.25))} .wx-cg.on circle{fill:#FF4FA3;stroke:#FFFFFF} .wx-me circle{filter:drop-shadow(0 0 6px #7CF2E6)} .wx-target{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 16px;border-radius:14px;background:rgba(10,8,30,.85);border:1.5px solid #33E1D0;font:400 15px Bungee,sans-serif;color:#E9FFFC} .wx-target[hidden]{display:none} .wx-target.here{border-color:#FF4FA3;box-shadow:0 0 22px rgba(255,79,163,.5)} .wx-ta{flex:none;width:24px;height:28px;fill:#7CF2E6;filter:drop-shadow(0 0 6px rgba(124,242,230,.7));transition:transform .2s} .wx-corners{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px} .wx-c{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:12px;border:1.5px solid #3B3566;background:rgba(20,14,46,.9);color:#E6DDF4;font:600 13px 'DM Sans',sans-serif;cursor:pointer} .wx-c[aria-pressed="true"]{border-color:#FF4FA3;box-shadow:0 0 14px rgba(255,79,163,.45)} .wx-cl{font:400 12px Bungee,sans-serif;color:#FFE6F3} .wx-cd{font-family:'DM Mono',monospace;font-size:12px;color:#7CF2E6} .wx-ca{flex:none;width:13px;height:15px;fill:#FFD36B;transition:transform .2s} .wx-tools{margin-top:12px} @media (min-width:900px){.wx-scopebox{width:min(52vh,440px)}} /* property record: grouped facts (allowed uses, water options...) with highlighter marks */ /* gallery strip: centered when it fits, scrollable from the first photo when it doesn't */ .gal-strip{justify-content:flex-start !important;scroll-padding:0 28px} .gal-strip>:first-child{margin-left:auto} .gal-strip>:last-child{margin-right:auto} .rec-g{display:block;margin-top:8px} .rec-gh{display:block;font-size:10.5px;letter-spacing:1.5px;color:#1F6E6A;margin-bottom:3px} .rec-gi{display:grid;gap:3px;padding-left:12px;line-height:1.4} .rec-gi>.rec-it{justify-self:start} .rec-it{position:relative;font-size:15px} .rec-it::before{content:'';position:absolute;left:-12px;top:.6em;width:5px;height:5px;background:#1F6E6A;opacity:.55;transform:rotate(45deg)} .rec-key .rec-it::before{display:none} .rec-it.hl{background:linear-gradient(100deg,rgba(255,79,163,0) 0,rgba(255,79,163,.34) 6px,rgba(255,79,163,.34) calc(100% - 7px),rgba(255,79,163,0) 100%);border-radius:4px;padding:1px 9px 1px 7px;margin-left:-7px;-webkit-box-decoration-break:clone;box-decoration-break:clone} .rec-it.hl::before{left:-5px} .rec-key .rec-it.hl{margin-left:0;padding:0 7px} .rec-key{display:block;margin-top:8px;font-size:10.5px;letter-spacing:1px;color:#6A5A44} .rec-key .rec-it{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:0} .prec .rec-it{font-size:14px} /* phone: rows that carry a list use the full width (label above, list below) */ .record .rec-row.prec:has(.rec-g){grid-template-columns:1fr !important;row-gap:4px !important} /* the property record folds: key lines up top, the full record on request */ .rec-fold{position:relative;max-height:var(--fold,500px);overflow:hidden} .rec-fold::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(251,246,232,0),rgba(251,246,232,.92) 62%,#FBF6E8);pointer-events:none;transition:opacity .35s} .rec-fold.open{max-height:7000px;transition:max-height 1.1s cubic-bezier(.5,0,.75,0)} .rec-fold.open::after{opacity:0} .rec-more{appearance:none;-webkit-appearance:none;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin:-6px 0 0;padding:13px 16px;border:0;border-top:1.5px dashed rgba(31,110,106,.55);border-bottom:1.5px dashed rgba(31,110,106,.55);background:rgba(51,225,208,.08);color:#A8132E;font:400 15px Bungee,sans-serif;letter-spacing:1px;cursor:pointer;transition:background .2s} .rec-more:hover{background:rgba(255,79,163,.12)} .rec-more:focus-visible{outline:2px solid #D7263D;outline-offset:3px} .rec-more-n{font-size:11px;letter-spacing:2px;color:#1F6E6A} .rec-fold.open+.rec-more{margin-top:10px} .vls-p .rec-fold{--fold:560px} .vls-p .rec-more{font-size:13px;gap:10px;padding:12px 10px} @media (prefers-reduced-motion: reduce){.rec-fold.open{transition:none}} /* Walk It: save the page on the phone for no-signal use */ .wk-save{appearance:none;-webkit-appearance:none;flex-basis:100%;margin-top:2px;padding:6px;border:0;background:none;color:#7CF2E6;font:600 14px 'DM Sans',sans-serif;text-decoration:underline dashed;text-underline-offset:4px;cursor:pointer} .wk-save.done,.wx-save.done{color:#7CF2E6;border-color:#7CF2E6} .wx-saverow{margin-top:12px} .wx-save{border-style:dashed} .wk-save:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} /* ---------- ONE NIGHT AT THE MOTEL: tonight's real sky behind the page (client/sky.mjs) ---------- */ .vsky{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;z-index:-1;pointer-events:none;display:block;visibility:hidden} html.sky-on body{background:#06061A} html.sky-on:not(.sky-day) .vls-view>div{background:transparent !important} html.sky-on:not(.sky-day) .skywin{background:transparent !important} html.sky-on:not(.sky-day) .di-skyrect,html.sky-on:not(.sky-day) .di-stars{display:none} html.sky-on:not(.sky-day) .skywin[data-sky="rooms"]{background:linear-gradient(180deg,#06061A 0,rgba(6,6,26,.5) 140px,rgba(6,6,26,.14) 42%,rgba(6,6,26,.1) 100%) !important} html.sky-on:not(.sky-day) .skywin[data-sky="showing"]{background:linear-gradient(180deg,rgba(6,6,26,.12),rgba(6,6,26,0) 30%) !important} html.sky-on:not(.sky-day) .skywin[data-sky="others"]{background:linear-gradient(180deg,#1C100A 0,rgba(10,10,36,.5) 90px,rgba(10,10,36,.25)) !important} html.sky-on:not(.sky-day) .skywin[data-sky="guarantee"]{background:radial-gradient(60% 75% at 28% 50%,rgba(6,6,26,.5),rgba(6,6,26,.06) 72%) !important} html.sky-on:not(.sky-day) .vls-p .skywin[data-sky="guarantee"]{background:radial-gradient(90% 60% at 50% 40%,rgba(6,6,26,.5),rgba(6,6,26,.08) 75%) !important} html.sky-on:not(.sky-day) .skywin[data-sky="office"]{background:linear-gradient(180deg,rgba(10,10,36,.06),rgba(10,10,36,.42) 55%,#120A20) !important} html.sky-on:not(.sky-day) .vls-p .skywin[data-sky="office"]{background:linear-gradient(180deg,rgba(10,10,36,.1),rgba(10,10,36,.5) 55%,#140B22) !important} html.sky-on:not(.sky-day) .skyfoot{background:linear-gradient(180deg,#120A20 0,rgba(18,10,32,.74) 90px,rgba(18,10,32,.5) 44%,rgba(18,10,32,0) 70%) !important} html.sky-on:not(.sky-day) .vls-p .skyfoot{background:linear-gradient(180deg,#140B22 0,rgba(20,11,34,.74) 70px,rgba(20,11,34,.5) 50%,rgba(20,11,34,0) 78%) !important} html.sky-on:not(.sky-day) .skyfoot>svg circle{display:none} /* the real sunrise takes the painted one's place */ html.sky-on:not(.sky-day) .skyfoot>svg polygon:first-of-type{fill:#1C122B} html.sky-on:not(.sky-day) .skyfoot>svg polygon:last-of-type{fill:#0E0918} html.sky-day .vsky,html.sky-day .skyclock{display:none} html.sky-on:not(.sky-day) .skywin h2,html.sky-on:not(.sky-day) .skywin h3,html.sky-on:not(.sky-day) .skywin p:not(.nteal):not(.npink):not(.led){text-shadow:0 1px 16px rgba(6,6,26,.92),0 0 4px rgba(6,6,26,.7)} .skyclock{position:fixed;right:18px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 9px;border-radius:999px;border:1px solid rgba(233,255,252,.22);background:rgba(6,6,26,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#E9FFFC;font:500 13px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.04em;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;pointer-events:none;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.35)} .skyclock.on,.skyclock:focus-visible{opacity:1;transform:none;pointer-events:auto} .vls-p~.skyclock,.skyclock.ph{right:12px;padding:6px 11px 6px 8px;font-size:12px} .skyclock:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .skyclock svg{width:18px;height:18px;flex:none} .skyclock .sc-dark{fill:#2B2E48} .skyclock .sc-lit{fill:#FFF6DE} .skyclock .sc-s{color:#A9A2D6;font-size:11px;text-transform:uppercase;letter-spacing:.12em} html:not(.sky-on) .skyclock{display:none} /* ---------- TONIGHT AT ROOM N (client/tonight.mjs) ---------- */ .sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skywin.tn{background:linear-gradient(180deg,#0D081F,#0A0A24)} html.sky-on:not(.sky-day) .skywin.tn{background:linear-gradient(180deg,#0D081F 0,rgba(13,8,31,.6) 110px,rgba(13,8,31,0) 280px) !important} .tn-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center} .tn-signwrap{position:relative;max-width:640px} .tn-at{margin:-4px 0 0 31%;font:400 15px/1.2 Bungee,sans-serif;letter-spacing:4px;color:#E9FFFC;text-shadow:0 0 6px #33E1D0,0 0 18px rgba(51,225,208,.7)} .tn-at span{color:#FF8CC6;text-shadow:0 0 8px #FF2E97} .tn-lede{margin:0;font-size:18px;line-height:1.62;color:#DCD6F5;max-width:500px} .tn-nights{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;min-height:54px} .tn-chip{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:48px;padding:8px 12px;border-radius:12px;border:1.5px solid rgba(233,255,252,.24);background:rgba(10,8,30,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F2EEFF;font:600 14px/1.1 'DM Sans',sans-serif;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .2s} .tn-chip b{font-weight:700} .tn-chip span{font:500 11px/1 'DM Mono',monospace;letter-spacing:.08em;color:#A9A2D6} .tn-chip:hover{border-color:#33E1D0;transform:translateY(-1px)} .tn-chip.on{border-color:#FFD36B;background:rgba(255,211,107,.12);box-shadow:0 0 0 3px rgba(255,211,107,.12),0 0 22px rgba(255,211,107,.18)} .tn-chip.on span{color:#FFE6A8} .tn-chip:focus-visible,.tn-date:focus-within{outline:2px solid #FFD36B;outline-offset:3px} .tn-date{position:relative} .tn-date input{margin-top:2px;border:0;background:transparent;color:#A9A2D6;font:500 12px/1 'DM Mono',monospace;color-scheme:dark;padding:0;min-height:20px} .tn-board{margin-top:44px;min-height:360px} .tn-dial{margin-top:26px;min-height:202px} .tn-foot{margin-top:22px;min-height:80px} .tn-acts{display:flex;flex-wrap:wrap;gap:12px} .tn-acts .btn{border:2px solid #33E1D0;color:#E9FFFC;background:rgba(10,8,30,.5);font-size:15px} .tn-acts .tn-cal{border-color:#FFD36B;color:#FFF3D6;cursor:pointer} .tn-note{margin:16px 0 0;max-width:820px;font-size:13px;line-height:1.6;color:#A9A2D6} /* the readerboard: a steel case, a warm backlit face, black and red plastic letters hung on rails */ .rb{position:relative;border-radius:18px;padding:16px;background:linear-gradient(180deg,#4A4556 0,#2A2633 8%,#1A1720 100%);box-shadow:0 34px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.6),0 0 90px rgba(255,214,150,.12)} .rb-bolt{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F4F2F7,#8E8898 55%,#3C3744)} .rb-face{position:relative;border-radius:9px;padding:16px 30px 18px;background:radial-gradient(130% 160% at 50% 35%,#FFFCF4 0%,#FCF2DD 52%,#EFDDBA 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),inset 0 0 50px rgba(255,205,120,.55),0 0 46px rgba(255,226,170,.28);overflow:hidden} .rb-face:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(90,60,20,.035) 0 2px,transparent 2px 10px);pointer-events:none} .rb-face:after{content:"";position:absolute;left:0;right:0;top:0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));pointer-events:none} .rb-head{position:relative;display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:4px;border-bottom:2px solid rgba(60,30,10,.14);font:500 12px/1 'DM Mono',monospace;letter-spacing:.24em;color:#9B2335} .rb-cols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 52px} .rb-sub{margin:12px 0 2px;font:500 11px/1 'DM Mono',monospace;letter-spacing:.26em;color:#7A6A55} .rb-rows{position:relative;list-style:none;margin:0;padding:0} .rb-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:7px 0} .rb-row:after{content:"";position:absolute;left:-30px;right:-30px;bottom:0;height:3px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(120,95,60,.32));box-shadow:0 1px 1px rgba(60,40,10,.18)} .rb-k,.rb-v{display:inline-flex;flex-wrap:nowrap;white-space:nowrap} .rb-row i{display:inline-block;font:400 19px/1 Bungee,sans-serif;font-style:normal;color:#18151E;padding:3px 1.6px 2px;transform:translateY(var(--y,0)) rotate(var(--r,0deg));text-shadow:0 1px 0 rgba(255,255,255,.5);animation:rbIn .55s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:var(--d,0s)} .rb-v i{color:#B5132F} .rb-row i.rb-gap{width:.42em;padding:0} @keyframes rbIn{from{opacity:0;transform:translateY(-16px) rotate(calc(var(--r,0deg) * 5))}to{opacity:1}} /* the radio dial */ .dl{position:relative;border-radius:16px;padding:10px;background:linear-gradient(180deg,#4A4556 0,#24212C 10%,#131118 100%);box-shadow:0 26px 56px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.2)} .dl svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none} .dl-hint{position:absolute;right:22px;top:-26px;margin:0;font:500 11px/1 'DM Mono',monospace;letter-spacing:.24em;color:#A9A2D6} .dl-hint span{color:#FFD36B;margin-left:8px} .tn-dial:focus-visible{outline:2px solid #FFD36B;outline-offset:4px;border-radius:16px} .dl-face{fill:#0B0A18;stroke:rgba(255,255,255,.08)} .dl-lab{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;fill:#9A93C4} .dl-ev{font:500 10px 'DM Mono',monospace;letter-spacing:.1em;fill:#FFD9A8} .dl-sun{fill:#FFB45E;filter:drop-shadow(0 0 6px rgba(255,170,90,.9))} .dl-moon{fill:#E8ECFF;opacity:.85} .dl-core{fill:#C9B8FF;opacity:.85} .dl-dark{fill:#33E1D0;filter:drop-shadow(0 0 5px rgba(51,225,208,.7))} .dl-pl circle{fill:#FFF3D2;filter:drop-shadow(0 0 4px #FFE2A8)} .dl-pl text{font:500 9.5px 'DM Mono',monospace;letter-spacing:.08em;fill:#FFF3E0} .dl-met path{stroke:#BFF4FF;stroke-width:1.4;stroke-linecap:round;opacity:.8} .dl-met circle{fill:#FFFFFF;filter:drop-shadow(0 0 3px #9BEAFF)} .dl-base{stroke:rgba(255,243,228,.45);stroke-width:1} .dl-tk{stroke:rgba(255,243,228,.38);stroke-width:1} .dl-tk.b{stroke:#FFF3E4;stroke-width:1.4} .dl-num{font:500 11px 'DM Mono',monospace;letter-spacing:.06em;fill:#FFF3E4} .dl-now path{fill:#FFD36B} .dl-now text{font:600 9px 'DM Mono',monospace;letter-spacing:.14em;fill:#FFD36B} .dl-needle{transition:transform .12s linear} .dl-nglow{stroke:#FF2E4E;stroke-width:7;opacity:.35;filter:blur(3px)} .dl-nline{stroke:#FF4A5E;stroke-width:2.2} .dl-nhub{fill:#FF4A5E;stroke:#FFE1E5;stroke-width:1.5} .dl-read{font:600 11px 'DM Mono',monospace;letter-spacing:.04em;fill:#FFFFFF} .dl-tagbg{fill:#E8344C;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))} .neon.pre .tn-m{opacity:.16} .neon.on .tn-m{animation:g30strike 1.2s linear .2s both,g30hum 11s linear 5s infinite} .day .tnm-halo{opacity:0} .neon.on .tn-w{animation:g30strike 1.2s linear .7s both} .neon.on .tn-l{animation:g30strike 1.2s linear 1.1s both} .neon.on .tn-s,.neon.on .tn-s2{animation:g30strike 1.2s linear 1.45s both} /* phone */ .vls-p .tn-signwrap{margin:6px -6px 0} .vls-p .tn-at{margin:-2px 0 0 26%;font-size:11px;letter-spacing:2.5px} .vls-p .tn-lede{margin-top:14px;font-size:15.5px} .vls-p .tn-nights{flex-wrap:nowrap;overflow-x:auto;margin:18px -14px 0;padding:2px 14px 6px;scrollbar-width:none} .vls-p .tn-nights::-webkit-scrollbar{display:none} .vls-p .tn-chip{flex:none} .vls-p .tn-board{margin-top:24px;min-height:560px} .vls-p .rb{padding:11px;border-radius:14px} .vls-p .rb-face{padding:12px 16px 14px} .vls-p .rb-row{flex-direction:column;align-items:flex-start;gap:5px;min-height:0;padding:9px 0 10px} .vls-p .rb-row:after{left:-16px;right:-16px} .vls-p .rb-k{font:500 10.5px/1 'DM Mono',monospace;letter-spacing:.2em;color:#7A6A55} .vls-p .rb-row i{font-size:15px;padding:2px 1.2px 1px} .vls-p .tn-dial{min-height:188px;margin-top:34px} .vls-p .dl{padding:8px} .vls-p .dl-hint{right:12px;top:-22px;font-size:10px} .vls-p .tn-acts{flex-direction:column} .vls-p .tn-acts .btn{justify-content:center} @media (prefers-reduced-motion:reduce){.rb-row i{animation:none}.dl-needle{transition:none}} /* ---------- WALK IT · CAMERA VIEW (client/ar.mjs) ---------- */ .wx-cam{display:inline-flex;align-items:center;gap:8px} .wx-cam svg{width:18px;height:18px} .arx{position:fixed;inset:0;z-index:1100;background:#04040F;color:#E9FFFC;font-family:'DM Sans',sans-serif;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none} .arx-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .arx-c{position:absolute;inset:0;width:100%;height:100%;cursor:grab} .arx-c:active{cursor:grabbing} .arx-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:linear-gradient(180deg,rgba(6,6,26,.82),rgba(6,6,26,0))} .arx-ttl{display:flex;flex-direction:column;gap:3px;min-width:0} .arx-t1{font:400 12px Bungee,sans-serif;letter-spacing:1.5px;color:#FFE6F3;text-shadow:0 0 8px #FF2E97} .arx-t2{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#C9C3EA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .arx-x{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(233,255,252,.45);background:rgba(6,6,26,.6);color:#E9FFFC;font-size:18px;cursor:pointer} .arx-x:focus-visible,.arx-btn:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .arx-hint{position:absolute;left:50%;top:calc(132px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:max-content;max-width:min(88vw,420px);padding:9px 14px;border-radius:12px;background:rgba(255,211,107,.94);color:#1A1206;font:600 13.5px/1.35 'DM Sans',sans-serif;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none} .arx-card{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:14px 16px;border-radius:16px;background:rgba(8,6,24,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(233,255,252,.16)} .arx-head{margin:0;font:400 18px/1.2 Bungee,sans-serif;color:#FBF6FF} .arx.in-parcel .arx-head{color:#FFE6F3;text-shadow:0 0 10px rgba(255,79,163,.6)} .arx-sub{margin:6px 0 0;font-size:15px;line-height:1.45;color:#DCD6F5} .arx-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px} .arx-btn{height:36px;padding:0 14px;border-radius:10px;border:1.5px solid #FFD36B;background:transparent;color:#FFE6A8;font:600 13px 'DM Sans',sans-serif;cursor:pointer} .arx-fine{font-size:12px;line-height:1.4;color:#A9A2D6} .arx.failed .arx-c{display:none} @media (min-width:820px){.arx-card{left:auto;right:24px;bottom:24px;width:440px}} /* ---------- SITE REPORT (client/report.mjs) ---------- */ .rpt{min-height:420px;color:#2A2230;container-type:inline-size} .rpt-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;margin:4px 0 14px} .rpt-k{margin:0;font:500 12px/1.3 'DM Mono',monospace;letter-spacing:.14em;color:#1F6E6A} .rpt-asof{margin:4px 0 0;font-size:13px;line-height:1.45;color:#5A5060;max-width:560px} .rpt-print{flex:none;height:40px;padding:0 16px;border-radius:9px;border:1.5px solid #2A3A8A;background:rgba(255,255,255,.4);color:#2A3A8A;font:700 14px 'DM Sans',sans-serif;cursor:pointer} .rpt-print:hover{background:#2A3A8A;color:#FFF} .rpt-print:focus-visible,.rpt-lk a:focus-visible{outline:2px solid #D8327E;outline-offset:2px} .rpt-sum{list-style:none;margin:0 0 18px;padding:12px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 18px;border:1.5px dashed rgba(42,34,48,.3);border-radius:8px;background:rgba(255,255,255,.35)} .rpt-sum li{position:relative;padding-left:24px;font-size:13.5px;line-height:1.35;color:#3A3240;animation:rptIn .4s ease-out both;animation-delay:calc(var(--d,0) * 1ms)} .rpt-sum li b{display:block;font:500 10.5px/1.3 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#6A6070} .rpt-sum li:before{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;background:#2E8B57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat} .rpt-sum li.watch:before{background:#D98A00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4v5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11.8' r='1.2' fill='white'/%3E%3C/svg%3E") center/100% no-repeat} .rpt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .rpt-card{position:relative;padding:14px 16px 12px;border-radius:7px;background:rgba(255,255,255,.55);border:1px solid rgba(42,34,48,.16);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 14px rgba(60,40,20,.08);animation:rptIn .55s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i) * 110ms + 150ms)} .rpt-card.wide{grid-column:1 / -1} @keyframes rptIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .rpt-ch{display:flex;align-items:center;gap:9px;margin-bottom:4px} .rpt-ic{width:22px;height:22px;flex:none;fill:none;stroke:#2A2230;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .rpt-ch h4{margin:0;font:400 16px/1 Bungee,sans-serif;letter-spacing:.5px;color:#2A2230} .rpt-stamp{margin-left:auto;padding:3px 8px 2px;border:2px solid #A3201A;border-radius:4px;color:#A3201A;font:400 11px/1 Bungee,sans-serif;letter-spacing:1.5px;transform:rotate(-7deg);opacity:.85;mix-blend-mode:multiply;animation:rptStamp .35s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * 110ms + 520ms)} .rpt-card.watch .rpt-stamp{border-color:#B86E00;color:#B86E00} @keyframes rptStamp{from{opacity:0;transform:scale(2.2) rotate(-16deg)}to{opacity:.85;transform:rotate(-7deg)}} .rpt-v{margin:6px 0 10px;font:700 17px/1.3 'DM Sans',sans-serif;color:#1F6E3A} .rpt-card.watch .rpt-v{color:#9A5B00} .rpt-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start} .rpt-viz svg{display:block;width:100%;height:auto} .rpt-card[data-k="slope"] .rpt-viz svg+svg{margin-top:12px} .rpt-card[data-k="near"] .rpt-body{grid-template-columns:280px minmax(0,1fr)} .rpt-card[data-k="climate"] .rpt-body{grid-template-columns:1fr} @container (max-width:860px){.rpt-grid{grid-template-columns:1fr}} @container (max-width:540px){.rpt-body,.rpt-card[data-k="near"] .rpt-body{grid-template-columns:1fr}.rpt-viz svg{max-width:360px}} .rv-s{font:500 8.5px 'DM Mono',monospace;letter-spacing:.06em;fill:#4A4250} .rv-b{font:700 9px 'DM Mono',monospace;letter-spacing:.06em;fill:#2A2230} .rpt-t{margin:0;font-size:14.5px;line-height:1.55;color:#2E2734} .rpt-chk{margin:10px 0 0;font:italic 500 15px/1.45 'DM Sans',sans-serif;color:#2A3A8A;transform:rotate(-.6deg)} .rpt-lk{margin:8px 0 0;font-size:14px} .rpt-lk a{color:#2A3A8A;font-weight:700} .rpt-src{margin:12px 0 0;padding-top:8px;border-top:1px dashed rgba(42,34,48,.22);font:500 10.5px/1.5 'DM Mono',monospace;letter-spacing:.04em;color:#6A6070} .rpt-places{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 18px;margin-top:12px} .rpt-pk{display:flex;align-items:center;gap:7px;margin:0 0 4px;font:500 10.5px/1 'DM Mono',monospace;letter-spacing:.14em;color:#6A6070} .rpt-pk i{width:9px;height:9px;border-radius:50%;border:1px solid #1C1520} .rpt-pg ul{list-style:none;margin:0;padding:0} .rpt-pg li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px;line-height:1.35;border-bottom:1px dotted rgba(42,34,48,.18)} .rpt-pg li b{flex:none;font:600 12px 'DM Mono',monospace;color:#2A2230} .rpt-note{margin:16px 0 0;font-size:12.5px;line-height:1.5;color:#5A5060} .rpt.ph .rpt-grid{grid-template-columns:1fr} .rpt.ph .rpt-body,.rpt.ph .rpt-card.wide .rpt-body{grid-template-columns:1fr} .rpt.ph .rpt-sum{grid-template-columns:1fr} .rpt.ph .rpt-card{padding:12px 12px 10px} @media (prefers-reduced-motion:reduce){.rpt-card,.rpt-stamp,.rpt-sum li{animation:none}} .rpt-print-sheet{display:none} @media print{ @page{margin:.45in} body.rpt-printing>*:not(.rpt-print-sheet){display:none !important} body.rpt-printing{background:#FFF !important} body.rpt-printing .rpt-print-sheet{display:block;color:#111;font-family:'DM Sans',sans-serif} .rpt-print-sheet h1{font:400 17px Bungee,sans-serif;margin:0 0 4px} .rpt-print-sheet .rpt-print{display:none} .rpt-print-sheet .rpt-card,.rpt-print-sheet .rpt-stamp,.rpt-print-sheet .rpt-sum li{animation:none !important;break-inside:avoid} .rpt-print-sheet .rpt-top{margin:0 0 8px} .rpt-print-sheet .rpt-asof{max-width:none;font-size:10.5px} .rpt-print-sheet .rpt-sum{grid-template-columns:repeat(4,1fr);gap:4px 14px;padding:8px 10px;margin:0 0 10px} .rpt-print-sheet .rpt-sum li{font-size:10.5px;padding-left:18px} .rpt-print-sheet .rpt-sum li b{font-size:8.5px} .rpt-print-sheet .rpt-sum li:before{width:12px;height:12px;top:1px;background-size:12px} .rpt-print-sheet .rpt-grid{grid-template-columns:1fr;gap:8px} .rpt-print-sheet .rpt-card{padding:8px 12px 6px;background:#FFF;box-shadow:none;border:1px solid #BDB6C2} .rpt-print-sheet .rpt-ch{margin-bottom:0} .rpt-print-sheet .rpt-ch h4{font-size:12.5px} .rpt-print-sheet .rpt-ic{width:16px;height:16px} .rpt-print-sheet .rpt-stamp{font-size:9px;padding:2px 6px 1px;border-width:1.5px} .rpt-print-sheet .rpt-v{font-size:12.5px;margin:3px 0 6px} .rpt-print-sheet .rpt-body,.rpt-print-sheet .rpt-card[data-k="near"] .rpt-body{grid-template-columns:190px minmax(0,1fr);gap:16px} .rpt-print-sheet .rpt-card[data-k="climate"] .rpt-body{grid-template-columns:330px minmax(0,1fr)} .rpt-print-sheet .rpt-viz svg{max-width:100%;max-height:170px} .rpt-print-sheet .rpt-t{font-size:10.5px;line-height:1.42} .rpt-print-sheet .rpt-chk{font-size:13.5px;margin-top:4px} .rpt-print-sheet .rpt-lk{font-size:10px;margin-top:4px} .rpt-print-sheet .rpt-src{font-size:8px;margin-top:6px;padding-top:4px} .rpt-print-sheet .rpt-places{grid-template-columns:repeat(3,1fr);gap:4px 14px;margin-top:6px} .rpt-print-sheet .rpt-pk{font-size:8.5px} .rpt-print-sheet .rpt-pg li{font-size:9.5px;padding:1px 0} .rpt-print-sheet .rpt-pg li b{font-size:9px} .rpt-print-sheet .rpt-note{font-size:9px;margin-top:8px} } /* ---------- FACELIFT (from the Oct 21 audit) ---------- */ /* the header stays put: the page clips sideways only, so sticky works */ .vls-view>div{overflow:visible !important;overflow-x:clip !important} @supports not (overflow:clip){.vls-view>div{overflow:hidden !important}} /* the price and "I want this one" show on the first screen */ #top>div:first-child{height:min(880px,calc(100svh - 221px)) !important;min-height:540px} #p-top>div:first-child{height:min(640px,46svh) !important;min-height:300px} /* the hero sentence gets a shade behind it */ #top>div:first-child>div[aria-hidden="true"]{background:linear-gradient(90deg,rgba(6,6,26,.78) 0,rgba(6,6,26,.48) 38%,rgba(6,6,26,0) 62%),linear-gradient(180deg,rgba(6,6,26,.55) 0%,rgba(6,6,26,0) 26%,rgba(6,6,26,0) 78%,rgba(6,6,26,.85) 96%,#06061A 100%) !important} .ownpage{margin-left:8px;color:#7CF2E6;text-decoration:underline;text-underline-offset:3px;letter-spacing:.5px} .sharebtn{border:2px solid #3B3566 !important;color:#E8E4FF !important;background:transparent !important;cursor:pointer} .sharebtn:hover{border-color:#7CF2E6 !important} /* how buying works */ .howbuy{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .howbuy li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(16,12,38,.72);border:1px solid #2C2650;font-size:14px;line-height:1.45;color:#CFC9EE} .howbuy strong{display:block;color:#FBF6FF;font-weight:700;margin-bottom:2px} .howbuy b{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FF4FA3;color:#12061A;font:400 13px Bungee,sans-serif} .vls-p .howbuy{grid-template-columns:1fr;margin-top:16px;gap:8px} .vls-p .howbuy li{padding:10px 12px;font-size:14px} @media (max-width:1180px){.vls-d .howbuy{grid-template-columns:repeat(2,minmax(0,1fr))}} /* the record: at a glance, before it folds */ .glance{margin:16px 0 4px;padding:12px 14px;border-radius:8px;background:rgba(255,255,255,.5);border:1.5px solid rgba(31,110,106,.35)} .glance-row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(31,110,106,.25)} .glance-row:last-child{border-bottom:0} .glance-k{font-size:11px;letter-spacing:1.5px;color:#1F6E6A;padding-top:2px} .glance-v{font:500 15.5px/1.45 'DM Sans',sans-serif;color:#231C28} .vls-p .glance-row{grid-template-columns:1fr;gap:2px} /* folio tabs: a proper tap size */ .ftab{min-height:44px} /* the office: contact first, the bell is a bonus */ #sm-bell .btn,#p-office .btn{min-width:96px} .bellbtn{margin-top:14px !important;height:44px !important;padding:0 16px !important;background:transparent !important;border:1.5px dashed #FFD36B !important;color:#FFE6A8 !important;box-shadow:none !important;font-size:15px !important;width:auto !important} /* the footer's skyline runs edge to edge */ .vls-d footer>svg{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px) !important} .vls-p footer>svg{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px) !important} /* the front desk (computers) */ .desk-sheet{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,4,18,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:deskIn .25s ease-out both} @keyframes deskIn{from{opacity:0}to{opacity:1}} .desk-card{position:relative;width:min(640px,100%);padding:26px 28px 22px;border-radius:20px;background:linear-gradient(180deg,#191334,#0E0A22);border:1px solid #3B3566;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(255,79,163,.12);color:#E8E4FF;font-family:'DM Sans',sans-serif} .desk-x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1.5px solid #3B3566;background:transparent;color:#E8E4FF;font-size:16px;cursor:pointer} .desk-k{margin:0 0 8px;font:400 12px Bungee,sans-serif;letter-spacing:1.5px;color:#7CF2E6;text-shadow:0 0 8px rgba(51,225,208,.6)} .desk-card h2{margin:0 0 16px;font:400 28px/1.1 Bungee,sans-serif;color:#FBF6FF} .desk-row{display:grid;grid-template-columns:168px 1fr;gap:20px;align-items:center} .desk-qr{width:168px;height:168px;border-radius:12px;background:#FFFDF5;padding:8px;box-sizing:border-box} .desk-p{margin:0 0 14px;font-size:16px;line-height:1.55;color:#DCD6F5} .desk-acts{display:flex;flex-wrap:wrap;gap:8px} .desk-btn{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:12px;border:1.5px solid #3B3566;background:transparent;color:#E8E4FF;font:600 15px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer} .desk-btn.pri{background:#FF4FA3;border-color:#FF4FA3;color:#12061A} .desk-btn:focus-visible,.desk-x:focus-visible,.desk-foot a:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .desk-foot{margin:18px 0 0;padding-top:14px;border-top:1px solid #2C2650;font-size:15px} .desk-foot a{color:#7CF2E6} @media (max-width:560px){.desk-row{grid-template-columns:1fr}.desk-qr{display:none}} /* the phone bar */ .cbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:60;display:none;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:16px;background:rgba(14,10,34,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3B3566;box-shadow:0 10px 30px rgba(0,0,0,.5);transform:translateY(130%);transition:transform .3s ease} @media (max-width:819px){.cbar{display:flex}} .cbar.on{transform:none} .cb-p{display:flex;flex-direction:column;gap:1px;min-width:0;margin-right:auto} .cb-p b{font:400 17px/1 Bungee,sans-serif;color:#FFF3C4} .cb-p span{font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.08em;color:#ABA4D0;white-space:nowrap} .cb-t,.cb-k{display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:12px;font:700 14px 'DM Sans',sans-serif;text-decoration:none;white-space:nowrap} .cb-t{background:#FF4FA3;color:#12061A} .cb-k{border:1.5px solid #33E1D0;color:#E9FFFC} html.cb-on .skyclock{bottom:calc(84px + env(safe-area-inset-bottom,0px))} .wx-cta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px} .wx-cta .wx-btn{flex:1 1 auto;justify-content:center;text-decoration:none} /* simple pages: FAQ questions are h2 now (they were h3) */ .rules h2{margin:0 0 6px;font-family:Bungee,sans-serif;font-weight:400;font-size:17px;line-height:1.3;color:#FFE6F3} .sf .req{margin-left:6px;font-size:.85em;letter-spacing:1px;color:#FF8CC6} .sf select{width:100%;box-sizing:border-box;height:52px;border-radius:12px;border:1.5px solid #3B3566;background:#06061A;color:#FBF6FF;padding:0 14px;font:500 17px 'DM Sans',sans-serif} .sp-h2{margin:34px 0 12px;font:400 24px/1.1 Bungee,sans-serif;color:#FBF6FF} .sp-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px} .sp-steps li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(16,12,38,.72);border:1px solid #2C2650;line-height:1.5;color:#CFC9EE} .sp-steps strong{color:#FBF6FF} .sp-steps b{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FF4FA3;color:#12061A;font:400 13px Bungee,sans-serif} /* the dead NO tube fades right back once VACANCY is lit, so the sign can't read as "no vacancy" */ @keyframes noFade{to{opacity:.12}} .lit.m-one .no-core,.lit.m-many .no-core{animation:buzzs 3.4s linear 1.6s 1 both,noFade 1.2s ease 5.2s 1 both} .lit.m-one.bootB .no-core,.lit.m-many.bootB .no-core{animation:buzzsB 3.4s linear 1.6s 1 both,noFade 1.2s ease 5.2s 1 both} .disclaim{padding-right:200px} .vls-p .disclaim{padding-right:120px} /* phone: the play button sits in the corner, clear of the "500+" sign */ #p-office a[aria-label^="Play the Meet Merritt"]>span{left:auto !important;top:auto !important;right:12px;bottom:12px;margin:0 !important;width:52px !important;height:52px !important} /* tablets in the desktop layout: a one-line header */ @media (max-width:1100px){.vls-d nav .navlink{display:none}.vls-d nav{flex-wrap:nowrap !important}} /* phone photo viewer: edge to edge, swipe to browse, arrows over the photo */ .vls-p .gal{background:#05040F} .vls-p .gal-stage{position:relative;grid-template-columns:minmax(0,1fr);padding:6px 0} .vls-p .gal-nav{position:absolute;top:50%;margin-top:-22px;z-index:2;width:44px;height:44px;background:rgba(6,6,26,.6)} .vls-p .gal-nav:first-child{left:8px} .vls-p .gal-nav:last-child{right:8px} .vls-p .gal-fig img{border-width:0;border-radius:0;width:100%;max-height:calc(100svh - 230px);touch-action:pan-y pinch-zoom} .vls-p .gal-fig figcaption{padding:0 14px;box-sizing:border-box} .notelink{color:inherit;text-decoration:none;border-bottom:1.5px dashed rgba(42,58,138,.45)} .notelink:hover{border-bottom-style:solid} /* ---------- VERIFY US: who is on title, where to check, how the money moves ---------- */ .vfy{padding:110px 24px;background:#0D0A28} html.sky-on:not(.sky-day) .skywin.vfy{background:radial-gradient(70% 80% at 30% 50%,rgba(6,6,26,.62),rgba(6,6,26,.12) 76%) !important} .vfy-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center} .vfy-k{margin:0 0 10px;font-family:Bungee,sans-serif;font-size:13px;letter-spacing:2px} .vfy-h{margin:0;font:400 46px/1.06 Bungee,sans-serif;color:#FBF6FF} .vfy-p{margin:18px 0 0;font-size:19px;line-height:1.6;color:#D3CDEE} .vfy-ic{flex:none;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .vfy-wire{margin-top:28px;display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:rgba(255,79,163,.09);border:1.5px solid rgba(255,79,163,.6);color:#FF9ACB;box-shadow:0 0 28px rgba(255,79,163,.1) inset} .vfy-wire-h{margin:0;font:700 19px/1.3 'DM Sans',sans-serif;color:#FFEAF4} .vfy-wire-p{margin:6px 0 0;font-size:15.5px;line-height:1.55;color:#E0DAF2} .vfy-card{background:#F6EEDC;color:#2A2230;border-radius:10px;padding:6px 28px;box-shadow:0 24px 50px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.6) inset} .vfy-dl{margin:0} .vfy-row{display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1.5px dashed rgba(31,110,106,.3)} .vfy-row:last-child{border-bottom:0} .vfy-row dt{font-size:12px;line-height:1.4;letter-spacing:.14em;color:#1F6E6A;padding-top:4px} .vfy-row dd{margin:0;font-size:15.5px;line-height:1.5;color:#3A3240} .vfy-big{display:block;font:700 22px/1.25 'DM Sans',sans-serif;color:#1C1520} .vfy-sub{display:block;margin-top:4px;color:#463E4C} .vfy-row dd>.vfy-sub:first-child{margin-top:0} .vfy-sub b{color:#1C1520} .vfy-addr{font-style:normal;font-size:17px;line-height:1.5;color:#1C1520} .vfy-apns{list-style:none;margin:10px 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(222px,1fr));gap:8px 12px} .vfy-apns li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 5px 5px 12px;border-radius:9px;background:rgba(255,255,255,.62);border:1px solid rgba(42,34,48,.14)} .vfy-apn{font-size:14.5px;letter-spacing:.03em;color:#1C1520;white-space:nowrap} .vfy-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:700;color:#2A3A8A;text-decoration:underline;text-underline-offset:3px} .vfy-link:hover{color:#1C2A6E} .vfy-link:focus-visible,.vfy-strip a:focus-visible,.vfy-mini:focus-visible,.footlegal a:focus-visible{outline:2px solid #D8327E;outline-offset:2px;border-radius:4px} .vfy-strip{margin:12px 0 0} .vfy-strip a{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;line-height:1.4;color:#9AF6EC;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(154,246,236,.5)} .vfy-strip a:hover{color:#E9FFFC} .vfy-strip .vfy-ic{width:20px;height:20px;color:#7CF2E6} .vfy-mini{margin-left:6px;font:500 12px 'DM Mono',monospace;letter-spacing:.06em;color:#2A3A8A;white-space:nowrap} .footlegal{max-width:1320px;margin:10px auto 0;font-size:11.5px;letter-spacing:1px;line-height:1.7;text-transform:uppercase;color:#F3DCEB} .footlegal a{color:inherit;text-decoration:underline;text-underline-offset:3px} @media (max-width:1000px){.vfy-in{grid-template-columns:1fr;gap:36px}} /* phone */ .vfy.ph{padding:56px 18px} .vfy.ph .vfy-h{font-size:34px} .vfy.ph .vfy-p{font-size:16.5px;line-height:1.55} .vfy.ph .vfy-in{gap:28px} .vfy.ph .vfy-wire{margin-top:22px;padding:14px 14px;gap:11px} .vfy.ph .vfy-wire-h{font-size:17px} .vfy.ph .vfy-wire-p{font-size:14.5px} .vfy.ph .vfy-card{padding:2px 16px} .vfy.ph .vfy-row{grid-template-columns:1fr;gap:6px;padding:15px 0} .vfy.ph .vfy-row dt{padding-top:0} .vfy.ph .vfy-big{font-size:20px} .vfy.ph .vfy-apns{grid-template-columns:1fr} .vls-p .vfy-strip a{font-size:14px} .vls-p .footlegal{margin:12px 0 0;font-size:10.5px;letter-spacing:.8px} /* ---------- DECLUTTER (Oct 21, 2026): the film plainly, the form plainly, Merritt's face ---------- */ /* now showing: the drone film on a plain screen */ .film{padding:96px 24px 88px;background:#04041A} html.sky-on:not(.sky-day) .skywin.film{background:linear-gradient(180deg,rgba(6,6,26,.08),rgba(6,6,26,.5) 30%,rgba(6,6,26,.5) 80%,rgba(6,6,26,.08)) !important} .film-in{max-width:1040px;margin:0 auto} .film-k{margin:0 0 10px;font-family:Bungee,sans-serif;font-size:13px;letter-spacing:2px} .film-h{margin:0 0 22px;font:400 46px/1.06 Bungee,sans-serif;color:#FBF6FF} .film-screen{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#05050F;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.55),0 0 70px rgba(255,79,163,.12)} .film-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:18px} .film-meta{margin:0;font-size:13px;letter-spacing:2px;color:#D3CDEE} .film-cta{height:50px;padding:0 24px;background:#FF4FA3;color:#12061A;font-size:16px} .film-next{margin:16px 0 0;font-size:15px} .film-next a,.hostvid a{color:#9AF6EC;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(154,246,236,.5)} .film-next a:hover,.hostvid a:hover{color:#E9FFFC} .vls-p .film{padding:44px 18px 40px} .vls-p .film-k{font-size:11px;letter-spacing:1.5px;margin-bottom:8px} .vls-p .film-h{font-size:30px;line-height:1.05;margin-bottom:16px} .vls-p .film-screen{border-radius:12px} .vls-p .film-bar{margin-top:14px} .vls-p .film-cta{width:100%} /* the wake-up call: the headline and the form, no stage set */ .wake{position:relative;padding:100px 24px;background:#120A20} .wake-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:64px;align-items:center} .wake-form{position:relative} .wake.ph{padding:48px 16px 40px;background:#140B22} @media (max-width:1000px){.wake-in{grid-template-columns:1fr;gap:36px}} /* your host: Merritt's photo */ .host-ph{flex:0 1 400px;min-width:0;margin:0} .host-ph img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)} .host-ph figcaption{margin-top:12px;font-size:12px;letter-spacing:2px;color:#ABA4D0} .host-ph.ph{max-width:340px;margin:0 auto 6px} .host-ph.ph img{border-radius:14px} .hostvid{margin:16px 0 0;font-size:15px} .vfy-who{display:flex;gap:12px;align-items:flex-start;margin-top:8px} .vfy-who .vfy-sub{margin-top:0} .vfy-av{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #FFFDF5,0 0 0 3.5px rgba(31,110,106,.4)} .desk-who{display:flex;align-items:center;gap:14px} .desk-av{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #FFFDF5,0 0 0 4px rgba(255,79,163,.5)} /* Tonight, compact: the sign and four facts; the board, dial and night picker on request */ .tn-compact .tn-signwrap{max-width:460px} .vls-p .tn-compact .tn-signwrap{max-width:320px;margin-left:auto;margin-right:auto} .tn-glance{margin-top:18px} .tn-gl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px} .tn-gl div{padding:10px 14px;border-radius:12px;background:rgba(10,8,34,.66);border:1px solid #2C2650} .tn-gl dt{font:500 11px/1.3 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#9AF6EC} .tn-gl dd{margin:4px 0 0;font:700 15px/1.35 'DM Sans',sans-serif;color:#FBF6FF} .vls-p .tn-gl dd{font-size:14px} .tn-more{margin-top:26px} .tn-sum{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px;border-radius:12px;border:1.5px solid #33E1D0;background:rgba(10,8,34,.55);color:#E9FFFC;font:700 16px 'DM Sans',sans-serif} .tn-sum::-webkit-details-marker{display:none} .tn-sum:before{content:"▸";color:#33E1D0;transition:transform .2s} .tn-more[open] > .tn-sum{margin-bottom:20px} .tn-more[open] > .tn-sum:before{transform:rotate(90deg)} .tn-sum-s{font-weight:400;font-size:14px;color:#C9C3E6} .tn-sum:hover{border-color:#9AF6EC} .tn-sum:focus-visible{outline:2px solid #FF4FA3;outline-offset:3px} /* the hero caption wraps under the day/night switch instead of pushing it onto its own line */ .herocap{max-width:250px;text-align:right;line-height:1.5} /* Verify us, v2: who you deal with leads; no county lookups */ .vfy-who .vfy-av{width:56px;height:56px} .vfy-row dd > .vfy-who:first-child{margin-top:0;align-items:center} .vfy-who .vfy-sub{margin-top:2px} .vfy-who .vfy-link{margin-top:4px} .vfy-mid{font-size:19px;line-height:1.3} .vfy-mid + .vfy-sub{margin-top:6px} .vfy.ph .vfy-mid{font-size:17px} .vfy-row dd > .vfy-addr{display:block;margin-top:8px;font-size:16px} /* the NO goes dark within about a second, so a first-time visitor never reads "No vacancy" (Oct 21, 2026) */ .lit .no-core{animation:buzzs 1.2s linear .5s 1 both} .lit .no-glow{animation:buzzg 1.2s linear .5s 1 both} .lit.bootB .no-core{animation-name:buzzsB} .lit.bootB .no-glow{animation-name:buzzgB} .lit.m-one .no-core,.lit.m-many .no-core{animation:buzzs 1.2s linear .5s 1 both,noFade .5s ease 1.3s 1 both} .lit.m-one.bootB .no-core,.lit.m-many.bootB .no-core{animation:buzzsB 1.2s linear .5s 1 both,noFade .5s ease 1.3s 1 both} /* reduced motion: no animation, so the NO starts dark instead of staying lit */ .lit.still .no-core{fill:#3A3358;opacity:.12} .lit.still .no-glow{opacity:0} @media (prefers-reduced-motion: reduce){.lit .no-core{fill:#3A3358;opacity:.12}.lit .no-glow{opacity:0}} /* ---------- ALREADY SOLD (Oct 21, 2026): films and photos of parcels that sold. No prices, APNs or exact spots. ---------- */ .sold-sec{padding:100px 24px 104px;background:#0D0A28} html.sky-on:not(.sky-day) .skywin.sold-sec{background:linear-gradient(180deg,rgba(6,6,26,.18),rgba(6,6,26,.5) 40%,rgba(6,6,26,.22)) !important} .sold-in{max-width:1320px;margin:0 auto} .sold-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:30px} .sold-k{margin:0 0 10px;font-family:Bungee,sans-serif;font-size:13px;letter-spacing:2px} .sold-h{margin:0;font:400 46px/1.06 Bungee,sans-serif;color:#FBF6FF} .sold-p{margin:0;max-width:470px;font-size:17px;line-height:1.6;color:#ABA4D0} .sold-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px} .sold-card{min-width:0} .sold-a{display:block;color:inherit;text-decoration:none;border-radius:14px} .sold-a:focus-visible{outline:2px solid #FF4FA3;outline-offset:4px} .sold-ph{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#05050F;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.45);transition:transform .25s ease,box-shadow .25s ease} .sold-ph img{display:block;width:100%;height:100%;object-fit:cover} .sold-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(10,10,36,.62);border:2px solid #FFE6F3;display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px rgba(255,79,163,.5);opacity:.92;transition:transform .25s ease,opacity .25s ease} .sold-play svg{width:18px;height:18px;fill:#FFE6F3;margin-left:3px} .sold-len{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:6px;background:rgba(6,6,20,.82);font-size:11.5px;letter-spacing:.06em;color:#F3EEFF} .sold-t{display:block;margin-top:12px;font:700 17px/1.3 'DM Sans',sans-serif;color:#FBF6FF} .sold-m{display:block;margin-top:4px;font-size:11.5px;letter-spacing:.12em;color:#ABA4D0} @media (hover:hover){.sold-a:hover .sold-ph{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(255,79,163,.55),0 22px 46px rgba(0,0,0,.5),0 0 34px rgba(255,79,163,.25)}.sold-a:hover .sold-play{transform:scale(1.08);opacity:1}} @media (prefers-reduced-motion:reduce){.sold-ph,.sold-play{transition:none}.sold-a:hover .sold-ph,.sold-a:hover .sold-play{transform:none}} /* ten films: two rows of five on a wide screen, a swipe row on a narrow one */ @media (max-width:1179px){.vls-d .sold-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin}.vls-d .sold-card{flex:0 0 31%;scroll-snap-align:start}} /* phone: one swipeable row */ .sold-sec.ph{padding:48px 0 40px} .sold-sec.ph .sold-head{display:block;padding:0 18px;margin-bottom:18px} .sold-sec.ph .sold-k{font-size:11px;letter-spacing:1.5px;margin-bottom:8px} .sold-sec.ph .sold-h{font-size:30px;line-height:1.05} .sold-sec.ph .sold-p{margin-top:12px;font-size:15.5px;line-height:1.55;color:#C9C2E6} .sold-sec.ph .sold-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 10px;scroll-padding:0 18px;scrollbar-width:none;overscroll-behavior-x:contain} .sold-sec.ph .sold-grid::-webkit-scrollbar{display:none} .sold-sec.ph .sold-card{flex:0 0 76%;scroll-snap-align:start} .sold-sec.ph .sold-play{width:48px;height:48px;margin:-24px 0 0 -24px} .sold-sec.ph .sold-t{font-size:16.5px;margin-top:10px} .sold-sec.ph .sold-m{font-size:10.5px} .sold-hint{margin:4px 18px 0;font-size:10.5px;letter-spacing:.14em;color:#8E87B8} /* the screening dialog (client/sold.mjs): the film, then the photos */ html.sdlg-open{overflow:hidden} .sdlg,.sdlg *{box-sizing:border-box} .sdlg{font-family:'DM Sans',system-ui,sans-serif;width:min(1060px,calc(100vw - 48px));max-width:none;max-height:calc(100vh - 40px);margin:auto;padding:0;border:0;border-radius:18px;background:#0B0A22;color:#FBF6FF;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 40px 120px rgba(0,0,0,.65),0 0 90px rgba(255,79,163,.14);overflow:auto;overscroll-behavior:contain} .sdlg::backdrop{background:rgba(3,3,14,.82)} .sdlg-in{padding:20px 24px 22px} .sdlg-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px} .sdlg-k{margin:0 0 6px;font-size:11.5px;letter-spacing:.16em;color:#FF8CC6} .sdlg-t{margin:0;font:400 30px/1.08 Bungee,sans-serif;color:#FBF6FF} .sdlg-m{margin:8px 0 0;font-size:12px;letter-spacing:.12em;line-height:1.5;color:#ABA4D0} .sdlg-x{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.24);background:rgba(255,255,255,.04);color:#FBF6FF;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .sdlg-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .sdlg-x:hover{border-color:#FF4FA3;color:#FFE6F3} .sdlg-x:focus-visible,.sdlg-th:focus-visible,.sdlg-cta:focus-visible,.sdlg-yt:focus-visible,.sdlg-poster:focus-visible{outline:2px solid #FF4FA3;outline-offset:3px} .sdlg-stage{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#05050F} .sdlg-stage iframe,.sdlg-stage>img,.sdlg-poster{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} .sdlg-stage>img{object-fit:cover} .sdlg-poster img{width:100%;height:100%;object-fit:cover;display:block} .sdlg-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(10,10,36,.6);border:2px solid #FFE6F3;display:flex;align-items:center;justify-content:center;box-shadow:0 0 26px rgba(255,79,163,.55)} .sdlg-play svg{width:28px;height:28px;fill:#FFE6F3;margin-left:4px} .sdlg-pnote{position:absolute;left:50%;top:calc(50% + 50px);transform:translateX(-50%);padding:4px 10px;border-radius:6px;background:rgba(6,6,20,.82);font-size:11px;letter-spacing:.14em;color:#F3EEFF;white-space:nowrap} .sdlg-strip{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:3px 3px 6px;scrollbar-width:thin} .sdlg-th{position:relative;flex:0 0 132px;aspect-ratio:16/9;padding:0;border:0;border-radius:8px;overflow:hidden;background:#05050F;cursor:pointer;opacity:.7;box-shadow:0 0 0 1px rgba(255,255,255,.12);transition:opacity .2s ease,box-shadow .2s ease} .sdlg-th img{width:100%;height:100%;object-fit:cover;display:block} .sdlg-th:hover{opacity:1} .sdlg-th.on{opacity:1;box-shadow:0 0 0 2px #FF4FA3,0 0 16px rgba(255,79,163,.4)} .sdlg-thp{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:rgba(10,10,36,.65);border:1.5px solid #FFE6F3;display:flex;align-items:center;justify-content:center} .sdlg-thp svg{width:12px;height:12px;fill:#FFE6F3;margin-left:2px} .sdlg-thl{position:absolute;left:4px;bottom:4px;padding:1px 5px;border-radius:4px;background:rgba(6,6,20,.82);font-size:9.5px;letter-spacing:.08em;color:#F3EEFF} .sdlg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:16px} .sdlg-note{margin:0;font-size:14px;line-height:1.5;color:#ABA4D0} .sdlg-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px} .sdlg-yt{font-size:15px;color:#9AF6EC;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(154,246,236,.5)} .sdlg-yt:hover{color:#E9FFFC} .sdlg-cta{height:48px;padding:0 22px;background:#FF4FA3;color:#12061A;font-size:16px} .sdlg.nophotos .sdlg-strip{display:none} @media (prefers-reduced-motion:reduce){.sdlg-th{transition:none}} @media (max-width:819px){ .sdlg{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:none;margin:0;inset:0;border-radius:0} .sdlg-in{padding:14px 14px 24px} .sdlg-top{margin-bottom:12px} .sdlg-t{font-size:24px} .sdlg-m{font-size:10.5px;letter-spacing:.1em} .sdlg-stage{border-radius:10px} .sdlg-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:2px} .sdlg-th{width:100%;flex:none;opacity:.8} .sdlg-thp{width:34px;height:34px;margin:-17px 0 0 -17px} .sdlg-thl{font-size:10px} .sdlg-foot{flex-direction:column;align-items:stretch;margin-top:14px} .sdlg-acts{flex-direction:column-reverse;align-items:stretch;gap:14px} .sdlg-cta{width:100%} .sdlg-yt{text-align:center} } /* ---------- Oct 21, 2026 fixes: the number stays on one line, the board fits 16-letter names, optional fields ---------- */ .desk-p b,.desk-btn{white-space:nowrap} .vls-d .housing{min-width:1202px} .sf .opt{margin-left:6px;font-size:.85em;letter-spacing:1px;color:#9C8F7A} .desk-row.noqr{grid-template-columns:1fr} /* Previously sold: the way out to the rest of the films (Oct 22, 2026) */ .sold-more{margin:28px 0 0;display:flex;justify-content:center} .sold-yt{height:50px;padding:0 24px;gap:10px;border:2px solid #33E1D0;background:rgba(51,225,208,.06);color:#E9FFFC;font-size:16px;box-shadow:0 0 18px rgba(51,225,208,.12)} .sold-yt:hover{background:rgba(51,225,208,.14);color:#FFFFFF} .sold-yt:focus-visible{outline:2px solid #FFD36B;outline-offset:3px} .sold-yt-ic{width:18px;height:18px;fill:currentColor;flex:none} .sold-sec.ph .sold-more{margin:16px 18px 0;justify-content:flex-start} .sold-sec.ph .sold-yt{height:46px;padding:0 18px;font-size:15px} /* Verify us, v3 (Oct 22, 2026): the front desk's registration card (tools/verify_card.py) */ .vfy-card{position:relative;padding:0 28px 8px;border-radius:14px;overflow:hidden; background:repeating-linear-gradient(180deg,rgba(31,110,106,0) 0 33px,rgba(31,110,106,.065) 33px 34px),radial-gradient(130% 100% at 50% 0%,#FBF5E6 0%,#F4E8CF 68%,#EBDCBC 100%); box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(226,177,60,.6),0 0 46px rgba(255,79,163,.13)} .vfy-band{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 -28px 4px;padding:10px 22px 15px 26px;background:linear-gradient(180deg,#1D1543,#120D2C)} .vfy-band::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:9px; background:radial-gradient(circle,#FFF1BF 0 2.2px,#E2B13C 2.5px 3.3px,rgba(226,177,60,0) 3.7px) 5px 0/17px 9px repeat-x,linear-gradient(#B8862A,#E2B13C) 0 2.5px/100% 4px no-repeat} .vfy-band-l{display:flex;align-items:center;gap:14px;min-width:0} .vfy-band-neon{font:400 31px/1 Yellowtail,cursive;color:#FFE6F3;padding-right:4px;text-shadow:0 0 .03em #fff,0 0 .08em #FF8CC6,0 0 .2em #FF4FA3,0 0 .42em rgba(255,45,138,.6)} .vfy-band-k{font:400 13px/1 Bungee,sans-serif;letter-spacing:3px;color:#9AF6EC;text-shadow:0 0 8px rgba(51,225,208,.55);white-space:nowrap} .vfy-bell{flex:none;width:46px;height:32px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))} .vfy-row dt{display:flex;align-items:flex-start;gap:8px} .vfy-dt-ic{flex:none;width:17px;height:17px;margin-top:-2px;fill:none;stroke:#1F6E6A;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .vfy-who .vfy-av{width:76px;height:76px;box-shadow:0 0 0 3px #FFFDF5,0 0 0 5px #33E1D0,0 0 18px 5px rgba(51,225,208,.42)} .vfy-row dd > .vfy-who:first-child{gap:16px} .vfy-who .vfy-big{font:400 22px/1.1 Bungee,sans-serif;color:#B3261E;letter-spacing:.3px;white-space:nowrap} .vfy-card .vfy-row{padding:14px 0} .vfy-card .vfy-row dd{font-size:15px} .vfy-who .vfy-sub{margin-top:6px;font:500 13px/1.4 'DM Mono',monospace;letter-spacing:.06em;color:#4A4150} .vfy-link.vfy-pill{margin-top:12px;gap:8px;padding:10px 17px 10px 14px;border-radius:999px;background:#FF4FA3;color:#12061A;text-decoration:none;font:700 15px/1 'DM Sans',sans-serif;box-shadow:0 6px 16px rgba(255,79,163,.32),0 1px 0 rgba(255,255,255,.35) inset} .vfy-link.vfy-pill:hover{background:#FF6BB2;color:#12061A} .vfy-pill-ic{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round} .vfy-mid{color:#1C1520} .vfy.ph .vfy-card{padding:0 16px 6px} .vfy.ph .vfy-band{margin:0 -16px 4px;padding:11px 14px 15px 16px} .vfy.ph .vfy-band-neon{font-size:27px} .vfy.ph .vfy-band-k{font-size:11px;letter-spacing:2.2px} .vfy.ph .vfy-bell{width:38px;height:27px} .vfy.ph .vfy-who .vfy-av{width:64px;height:64px} .vfy.ph .vfy-who .vfy-big{font-size:20px} .vfy.ph .vfy-link.vfy-pill{font-size:14.5px;padding:9px 15px 9px 12px} /* Previously sold: the play mark moves into the running-time badge, so it never sits on a poster's headline (Oct 22, 2026) */ .sold-len{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 7px;border-radius:7px;background:rgba(6,6,20,.86);border:1px solid rgba(255,230,243,.3);box-shadow:0 0 14px rgba(255,79,163,.25);transition:background .2s ease,color .2s ease} .sold-len-ic{flex:none;width:11px;height:11px;fill:#FFB3D9} @media (hover:hover){.sold-a:hover .sold-len{background:#FF4FA3;color:#12061A;border-color:#FF4FA3}.sold-a:hover .sold-len-ic{fill:#12061A}} .sold-sec.ph .sold-len{font-size:12px;padding:5px 9px 5px 8px} /* Folio: in a narrow record column (the two-column desktop layout) the five document tabs reach the photo stack, so the stack sits a little smaller, just below the tabs, instead of running under them (Oct 22, 2026) */ .rec-col{container-type:inline-size} @container (max-width:780px){.pstack{top:18px;right:-62px;transform:scale(.8);transform-origin:100% 0}.pstack .pcount{font-size:14.5px;padding:8px 13px}} /* Oct 22, 2026 (Merritt: "the top isn't visible"). The hero's art is cropped to fill a box that is min(880px, 100svh - 221px) tall, so on a wide or short window the top of the sky is cut away and the neon sign's star and frame went under the menu bar. A tiny script in works out how far the sign must shrink for that window (--signk) before the first paint; the sign shrinks toward its lower-left corner, where the arrow starts and the pole meets the panel, so nothing comes apart. */ .pwr-fit{transform-box:view-box;transform-origin:1170px 698px;transform:scale(var(--signk,1))} /* 3D map: Google Earth-style controls (Oct 22, 2026). A dial to turn and tilt around a compass, zoom, a flat/3D switch, and a readout of the spot under the mouse. Dark glass with the teal tube, like the rest of the map. */ .m3d .m3d-nav{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 14px 0 0} .m3d-dial{position:relative;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(40,29,86,.96),rgba(11,8,30,.96));border:1.5px solid #33E1D0;box-shadow:0 0 0 4px rgba(51,225,208,.12),0 10px 24px rgba(0,0,0,.5)} .m3d-dk{position:absolute;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#E9FFFC;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none} .m3d-dk svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .m3d-dk:hover,.m3d-dk:active{color:#FF4FA3;background:rgba(255,79,163,.14)} .m3d-dk.up{left:35px;top:2px} .m3d-dk.dn{left:35px;bottom:2px;transform:rotate(180deg)} .m3d-dk.lt{left:2px;top:35px;transform:rotate(-90deg)} .m3d-dk.rt{right:2px;top:35px;transform:rotate(90deg)} .m3d-cmp{position:absolute;left:29px;top:29px;width:46px;height:46px;padding:0;border-radius:50%;border:1.5px solid #3B3566;background:#0B0820;cursor:pointer;display:flex;align-items:center;justify-content:center} .m3d-cmp:hover{border-color:#FF4FA3} .m3d-cmp svg{width:40px;height:40px;overflow:visible} .m3d-zm{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1.5px solid #33E1D0;background:rgba(11,8,30,.92);box-shadow:0 8px 18px rgba(0,0,0,.4)} .m3d-zm button{width:46px;height:42px;padding:0;border:0;background:transparent;color:#E9FFFC;font:500 25px/1 'DM Sans',sans-serif;cursor:pointer} .m3d-zm button+button{border-top:1px solid #3B3566} .m3d-zm button:hover{color:#FF4FA3} .m3d-dim{width:48px;height:34px;padding:0;border-radius:999px;border:1.5px solid #33E1D0;background:rgba(11,8,30,.92);color:#FFD36B;font:400 13px/1 Bungee,sans-serif;cursor:pointer} .m3d-dim:hover{border-color:#FF4FA3} .m3d-nav button:focus-visible{outline:2px solid #FFD36B;outline-offset:2px} .m3d-coord{position:absolute;right:16px;bottom:44px;z-index:4;margin:0;padding:5px 9px;border-radius:8px;background:rgba(10,8,30,.84);border:1px solid #3B3566;font:500 11.5px 'DM Mono',monospace;letter-spacing:.5px;color:#E6DDF4;pointer-events:none} .m3d-coord[hidden]{display:none} @media (max-width: 819px){ .m3d .m3d-nav{margin-right:8px;gap:7px} .m3d-dial{transform:scale(.86);margin:-7px} .m3d-zm button{width:42px;height:38px} } /* 3D map loading (Oct 22, 2026): a small neon status while the globe loads */ .m3d-load{position:absolute;left:50%;top:50%;z-index:4;pointer-events:none;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;margin:0;padding:12px 18px;border-radius:999px;background:rgba(10,8,30,.88);border:1px solid #3B3566;font:500 14px 'DM Sans',sans-serif;color:#E6DDF4} .m3d-load[hidden]{display:none} .m3d-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(51,225,208,.25);border-top-color:#33E1D0;animation:m3dspin .9s linear infinite} @keyframes m3dspin{to{transform:rotate(360deg)}} /* The live 3D map, out in the open (Oct 22, 2026: Merritt couldn't find the road map behind the packet form). A satellite card (the real parcel from above, tilted like the map) in the dossier and on the 3D map tab, and a "Fly over it in 3D" button in the hero. */ .fly3d-hero{border:2px solid #FFD36B !important;color:#FFF3C4 !important;background:transparent !important;gap:10px} .fly3d-hero:hover{border-color:#FF4FA3 !important;color:#FFE6F3 !important} .m3card{position:relative;display:flex;align-items:stretch;width:100%;margin:0 0 26px;padding:0;border:1.5px solid #33E1D0;border-radius:18px;overflow:hidden;background:#0B0820;color:#E9FFFC;text-align:left;font:inherit;cursor:pointer;box-shadow:0 0 0 4px rgba(51,225,208,.10),0 18px 36px rgba(0,0,0,.45);transition:transform .25s,box-shadow .25s,border-color .25s} .m3card:hover{transform:translateY(-3px);border-color:#FF4FA3;box-shadow:0 0 0 4px rgba(255,79,163,.16),0 22px 44px rgba(0,0,0,.5)} .m3card:focus-visible{outline:3px solid #FFD36B;outline-offset:3px} .m3card-view{position:relative;flex:0 0 44%;min-height:156px;overflow:hidden;perspective:540px;background:radial-gradient(80% 90% at 50% 60%,#2A1A55,#0B0820)} .m3card-view img{position:absolute;left:-12%;top:-8%;width:124%;height:124%;object-fit:cover;transform:rotateX(36deg);transform-origin:50% 70%;transition:transform .7s cubic-bezier(.2,.8,.2,1)} .m3card:hover .m3card-view img{transform:rotateX(28deg) rotateZ(-7deg) scale(1.12)} .m3card-view:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,32,.7),rgba(11,8,32,0) 42%),linear-gradient(90deg,rgba(11,8,32,0) 72%,#0B0820);pointer-events:none} .m3card-badge{position:absolute;left:12px;top:10px;z-index:1;padding:3px 8px;border-radius:6px;background:#FF4FA3;color:#12061A;font:400 12px/1 Bungee,sans-serif;letter-spacing:1px} .m3card-txt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:18px 8px 18px 4px} .m3card-k{font:500 11px 'DM Mono',monospace;letter-spacing:2px;color:#7CF2E6} .m3card-t{font:400 22px/1.1 Bungee,sans-serif;color:#FBF6FF;text-shadow:0 0 14px rgba(255,79,163,.45)} .m3card-s{font:400 14px/1.45 'DM Sans',sans-serif;color:#CFC8EE} .m3card-go{flex:none;display:flex;align-items:center;padding:0 18px 0 8px;font-size:22px;color:#FF4FA3;transition:transform .25s} .m3card:hover .m3card-go{transform:translateX(4px)} .m3card.big{flex-direction:column;margin:16px 0 10px} .m3card.big .m3card-view{flex:none;height:250px;perspective:700px} .m3card.big .m3card-view img{left:-4%;top:-10%;width:108%;height:122%;transform:rotateX(26deg);transform-origin:50% 62%} .m3card.big:hover .m3card-view img{transform:rotateX(22deg) rotateZ(-5deg) scale(1.06)} .m3card.big .m3card-view:after{background:linear-gradient(180deg,rgba(11,8,32,.55),rgba(11,8,32,0) 40%,rgba(11,8,32,0) 70%,#0B0820)} .m3card.big .m3card-txt{padding:4px 22px 20px} .m3card.big .m3card-go{position:absolute;right:6px;bottom:22px} .vls-p .m3card{margin:30px 0 0} .vls-p .m3card-view{flex-basis:40%;min-height:132px} .vls-p .m3card-t{font-size:18px} .vls-p .m3card-s{font-size:13px} .vls-p .m3card.big{margin:14px 0 8px} .vls-p .m3card.big .m3card-view{height:190px} /* the hero's buttons, four now: tighter on laptop screens so the sunset/night switch stays beside them */ .hero-acts{gap:12px !important;padding-left:20px !important}.hero-acts .btn{padding:0 16px;font-size:16px} @media (max-width:1400px){.hero-acts .btn{padding:0 13px;font-size:15px;gap:8px}} .shareic{min-width:54px;padding:0 15px !important} /* Phone hero (Oct 22, 2026, Merritt on his iPhone): the hero is only min(640px, 46svh) tall, about 300px on a real iPhone with Safari's bars, but the sign was drawn 280px wide for a 640px hero, so it covered the photo, its VACANCY panel sat on the caption and the arrow landed on the sign. The sign now sizes to the hero's height in the upper right, and the arrow (drawn for the tall hero) stays off. */ .vls-p .p-sign{left:auto !important;right:5% !important;top:7% !important;height:58% !important;width:auto !important} .vls-p .p-arrows{display:none} /* Verify card frame (Oct 22, 2026, Merritt: "there's no border" on his iPhone): the 1px gold ring vanished on a phone screen. Now a brass edge with a teal pinstripe inside, like a printed registration card. */ .vfy-card{border:2px solid #E2B13C;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,236,170,.22),0 0 46px rgba(255,79,163,.14),inset 0 0 0 5px rgba(251,245,230,.95),inset 0 0 0 6.5px rgba(31,110,106,.55)}