:root{
  --bg:#040812;--panel:#07101f;--panel2:#0b1730;--ink:#f8f2e8;--muted:#aeb9d0;--line:#4969aa;
  --pink:#ff3ba7;--blue:#2f9cff;--orange:#ff6f31;--purple:#9a54ff;--lime:#b8ef72;--shadow:0 20px 50px rgba(0,0,0,.48);
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#040812;color:var(--ink);font-family:var(--mono);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.page-art{position:fixed;inset:0;z-index:-3;background:url('../assets/hero-desktop.png') center top/cover no-repeat fixed}
.page-vignette{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,5,12,.04) 0%,rgba(2,5,12,.12) 38%,rgba(2,5,12,.82) 69%,#040812 100%)}
.scanlines{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.09;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.12) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}
.topbar{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;position:relative;z-index:10}
.brand{font-weight:1000;font-size:14px;line-height:1.03;letter-spacing:.08em;text-shadow:2px 2px 0 #6c2a56;color:#fff4e5}
.desktop-nav{display:flex;justify-content:center;gap:26px;align-items:center;font-weight:900;font-size:12px;letter-spacing:.08em}.desktop-nav a,.desktop-nav button{border:0;background:none;color:#fff;cursor:pointer;padding:10px 6px;text-transform:uppercase}.desktop-nav a:hover,.desktop-nav button:hover{color:#ffd39d}
.top-actions{display:flex;gap:8px}.pixel-mini,.ghost-btn,.pixel-btn,.legal-nav button,.text-link{border:2px solid var(--line);background:rgba(7,14,29,.9);color:var(--ink);padding:10px 13px;cursor:pointer;box-shadow:4px 4px 0 #02050a;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.pixel-mini.accent{border-color:var(--purple)}.pixel-mini:hover,.ghost-btn:hover{transform:translate(-2px,-2px);border-color:var(--orange)}
.hero{position:relative;min-height:680px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:42px}.hero-spacer{position:absolute;inset:0}.hero-overlay{position:relative;text-align:center;padding:18px 24px}.hero h1{margin:0 0 10px;font-size:clamp(70px,10vw,132px);line-height:.82;letter-spacing:-.075em;color:#fff1c8;text-shadow:4px 4px 0 #ff734b,8px 8px 0 #5d214b,13px 13px 0 rgba(5,8,16,.9)}.hero p{margin:0;font-weight:900;letter-spacing:.12em;font-size:13px;text-shadow:2px 2px 0 #03060d}.blink{animation:blink .85s steps(1,end) infinite;color:var(--orange)}@keyframes blink{50%{opacity:0}}
.links-section{padding:14px 0 46px;position:relative;z-index:3}.four-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.link-card{position:relative;display:flex;flex-direction:column;min-height:252px;padding:20px;border:2px solid #3c5899;background:linear-gradient(180deg,rgba(11,20,40,.92),rgba(5,11,24,.92));backdrop-filter:blur(8px);box-shadow:var(--shadow),6px 6px 0 rgba(1,4,10,.92);text-align:left;overflow:hidden;cursor:pointer;transition:.22s ease}.link-card:before{content:"";position:absolute;inset:0;opacity:.13;background:radial-gradient(circle at top right,currentColor,transparent 42%)}.link-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(0,0,0,.5),10px 10px 0 rgba(1,4,10,.92)}
.link-card.instagram{color:#ff73b7;border-color:var(--pink)}.link-card.steam{color:#77b9ff;border-color:var(--blue)}.link-card.strava{color:#ff9a61;border-color:var(--orange)}.link-card.contact{color:#b68aff;border-color:var(--purple)}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:70px}.card-no{display:grid;place-items:center;width:42px;height:42px;border:2px solid currentColor;background:rgba(255,255,255,.04);font-weight:900}.card-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:15px;background:rgba(255,255,255,.07);font-size:34px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.instagram-icon{background:linear-gradient(135deg,#7024d3,#f65d77,#ffb44e)}.steam-icon{background:radial-gradient(circle at 35% 30%,#fff 0 8%,#5fc4ff 9% 16%,#103766 17% 65%,#071423 66%)}.strava-icon{background:linear-gradient(145deg,#ff9d4b,#ff4d00)}
.link-copy{position:relative;z-index:1;margin-top:16px}.link-copy strong{display:block;font-size:24px;color:#fff;letter-spacing:.03em}.link-copy small{display:block;margin-top:8px;color:#cad2e7;font-size:13px;line-height:1.45}.card-go{position:relative;z-index:1;margin-top:auto;padding-top:18px;font-weight:900;color:#fff;font-size:12px;letter-spacing:.04em}
.footer{border-top:1px solid rgba(73,105,170,.45);padding:24px 0 86px;display:grid;gap:16px;justify-items:center;color:#9ba8c2;font-size:12px}.footer-icons{display:flex;gap:20px;align-items:center;justify-content:center}.footer-icon{width:42px;height:42px;border:1px solid rgba(94,121,180,.45);background:rgba(5,11,24,.75);display:grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:4px 4px 0 rgba(0,0,0,.25)}.footer-icon.instagram{color:#ff72b5}.footer-icon.steam{color:#72bcff}.footer-icon.heart{color:#ff527f}.footer-icon.strava{color:#ff8747}.footer-icon.contact{color:#bf8fff}.footer-icon:hover{transform:translateY(-3px)}.footer-motto{letter-spacing:.16em}.legal-nav{display:flex;align-items:center;gap:9px}.legal-nav button{border:0;background:none;box-shadow:none;padding:4px;color:#9ba8c2}
.kicker{color:#ffb079;font-weight:900;letter-spacing:.1em;margin:0 0 8px;font-size:12px}.pixel-btn{border-color:var(--orange);background:linear-gradient(#ff9259,#e6622c);color:#210d05}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #542112}.pixel-btn.small{padding:8px 12px}
.modal-layer,.panel-layer{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(3,7,13,.78);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.2s}.modal-layer.is-open,.panel-layer.is-open{opacity:1;visibility:visible}.modal-box{position:relative;width:min(720px,calc(100% - 28px));max-height:min(86vh,850px);overflow:auto;border:2px solid var(--orange);background:linear-gradient(180deg,#111a2a,#09111d);box-shadow:12px 12px 0 #02050a;padding:30px}.modal-box.info-box{border-color:#b17bff}.modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border:2px solid #4f6692;background:#0b1421;color:#fff;font-size:27px;cursor:pointer;box-shadow:4px 4px 0 #02050a}.modal-box h2,.contact-panel h2{margin:0 0 14px;font-size:clamp(28px,4vw,44px);line-height:1.05;text-shadow:3px 3px 0 #4b2742}.modal-box p,.legal-box p{line-height:1.65;color:#c8d0e0}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.legal-box h3{color:#ffd09a;margin:24px 0 6px}
.panel-layer{place-items:stretch end;background:transparent;pointer-events:none}.panel-layer.is-open{pointer-events:auto}.panel-backdrop{position:absolute;inset:0;background:rgba(3,7,13,.72)}.contact-panel{position:relative;width:min(620px,94vw);height:100vh;overflow:auto;padding:30px;border-left:3px solid var(--purple);background:#0b1421;box-shadow:-12px 0 0 rgba(0,0,0,.35);transform:translateX(110%);transition:transform .25s steps(5,end)}.panel-layer.is-open .contact-panel{transform:translateX(0)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.current-domain{border:2px dashed #455f8d;padding:12px;color:#aeb9d0}.current-domain strong{color:#ffd09a}.contact-panel form{display:grid;gap:16px}.contact-panel label{display:grid;gap:7px;font-weight:900;letter-spacing:.04em;font-size:13px}.contact-panel input,.contact-panel textarea{width:100%;background:#07101b;border:2px solid #324a75;color:#fff;padding:13px;outline:none}.contact-panel input:focus,.contact-panel textarea:focus{border-color:var(--orange)}.contact-panel textarea{resize:vertical}.contact-panel small{color:#7084a6}.captcha-row{display:grid;grid-template-columns:1fr 160px;gap:14px;align-items:end;border:2px dashed #5b4f84;padding:15px}.captcha-row span{display:block;color:#b892ff;font-size:12px;margin-bottom:8px}.captcha-row strong{font-size:22px}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-status{min-height:24px;color:#ffd09a}.form-status.ok{color:var(--lime)}.form-status.error{color:#ff8d8d}
.cookie-note{position:fixed;left:50%;bottom:18px;z-index:150;transform:translateX(-50%);width:min(980px,calc(100% - 24px));display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 16px;border:2px solid #49648f;background:#09121ff2;box-shadow:7px 7px 0 #02050a}.cookie-note p{margin:4px 0 0;color:#aeb9d0;font-size:12px}.cookie-note>div:last-child{display:flex;gap:8px}.cookie-note.is-hidden{display:none}.text-link{border:0;box-shadow:none;background:transparent;color:#ffb783;padding:0;text-transform:none;text-decoration:underline}.long{max-width:820px}
@media(max-width:980px){.four-cards{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}.hero{min-height:620px}}
@media(max-width:700px){.page-art{background-image:url('../assets/hero-mobile.png');background-position:center top;background-size:cover;background-attachment:scroll}.page-vignette{background:linear-gradient(180deg,rgba(2,5,12,.02) 0%,rgba(2,5,12,.2) 42%,rgba(2,5,12,.86) 67%,#040812 91%)}.topbar{min-height:76px;grid-template-columns:auto 1fr}.top-actions{justify-self:end}.top-actions #openContactTop{display:none}.hero{min-height:710px;padding-bottom:30px}.hero h1{font-size:72px}.hero p{font-size:10px;line-height:1.6}.four-cards{grid-template-columns:1fr 1fr}.link-card{min-height:218px;padding:16px}.link-copy strong{font-size:20px}.card-icon{width:52px;height:52px;font-size:28px}.footer{padding-bottom:110px}.cookie-note{align-items:flex-start;flex-direction:column}.captcha-row{grid-template-columns:1fr}.contact-panel{width:100vw}}
@media(max-width:480px){.wrap{width:min(100% - 20px,1180px)}.brand{font-size:12px}.pixel-mini{padding:9px 10px}.hero{min-height:660px}.hero h1{font-size:60px}.four-cards{grid-template-columns:1fr}.modal-box{padding:24px 18px}.footer-icons{gap:12px}.footer-icon{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== v1.1 Visual Polish ===== */
/* Keep the full foreground visible on large / high-resolution desktops. */
.page-art{background:none;overflow:hidden}
.page-art::before,.page-art::after{content:"";position:absolute;inset:0;pointer-events:none}
.page-art::before{inset:-36px;background:url('../assets/hero-desktop.png') center center/cover no-repeat;filter:blur(24px) saturate(.85) brightness(.48);transform:scale(1.06)}
.page-art::after{background:url('../assets/hero-desktop.png') center top/auto 100vh no-repeat}
.page-vignette{background:linear-gradient(180deg,rgba(2,5,12,.02) 0%,rgba(2,5,12,.08) 44%,rgba(2,5,12,.58) 73%,#040812 100%)}

.topbar{grid-template-columns:auto 1fr auto;gap:18px}
.brand,.desktop-nav{font-family:"Lucida Console",Monaco,"Courier New",monospace}
.brand{font-weight:900;letter-spacing:.045em;text-shadow:2px 2px 0 #7b2e58,4px 4px 0 rgba(0,0,0,.35)}
.desktop-nav{justify-self:end;justify-content:flex-end;gap:5px;padding:5px 7px;margin-left:auto;border:1px solid rgba(113,136,190,.28);background:linear-gradient(180deg,rgba(6,12,26,.68),rgba(6,12,26,.48));box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(7px)}
.desktop-nav a,.desktop-nav button{font-family:inherit;font-size:12px;font-weight:900;letter-spacing:.055em;padding:10px 13px;text-shadow:2px 2px 0 rgba(0,0,0,.75)}
.desktop-nav a:hover,.desktop-nav button:hover{background:rgba(255,255,255,.05);color:#ffd39d}
.top-actions{margin-left:2px}

.hero{min-height:clamp(700px,82vh,980px);padding-bottom:clamp(34px,5vh,68px)}
.hero-overlay{padding:14px 24px}
.hero h1{font-family:Impact,Haettenschweiler,"Arial Black",sans-serif;font-weight:900;font-size:clamp(82px,9vw,138px);line-height:.78;letter-spacing:.025em;color:#fff2d1;-webkit-text-stroke:1px rgba(255,255,255,.12);text-shadow:0 3px 0 #ff6d46,0 6px 0 #8a294f,0 10px 0 #2d1838,0 15px 18px rgba(0,0,0,.74)}
.hero p{font-family:"Lucida Console",Monaco,"Courier New",monospace;letter-spacing:.115em}
.blink{display:none!important;animation:none!important}

.links-section{padding-top:6px}
.four-cards{gap:20px}
.link-card{align-items:center;text-align:center;min-height:255px;padding:22px 18px 18px;border-width:2px;background:linear-gradient(180deg,rgba(8,15,33,.94),rgba(5,10,23,.97));box-shadow:0 20px 48px rgba(0,0,0,.5),0 0 24px rgba(70,93,150,.08),7px 7px 0 rgba(1,4,10,.86)}
.link-card:before{opacity:.17;background:radial-gradient(circle at 50% 3%,currentColor,transparent 48%)}
.link-card:hover{transform:translateY(-7px) scale(1.012)}
.brand-icon{position:relative;z-index:1;width:74px;height:74px;display:grid;place-items:center;border-radius:18px;margin-bottom:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.34)}
.brand-icon img{display:block;width:42px;height:42px;object-fit:contain}
.instagram-icon{background:radial-gradient(circle at 28% 104%,#ffd66b 0 17%,#ff6b4b 32%,#dd2a7b 56%,#8134af 77%,#515bd4 100%)}
.steam-icon{background:radial-gradient(circle at 32% 25%,#2789d8 0,#0b4d83 50%,#071a2c 100%)}
.strava-icon{background:linear-gradient(145deg,#ff8a29,#fc4c02)}
.contact-icon{background:linear-gradient(145deg,#8a4fff,#4a1aa3)}
.link-copy{margin-top:0}.link-copy strong{font-family:"Lucida Console",Monaco,"Courier New",monospace;font-size:23px;letter-spacing:.035em}.link-copy small{text-transform:uppercase;font-size:11px;letter-spacing:.07em;color:#bfc9de}
.card-go{width:100%;margin-top:auto;padding:12px 10px 10px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:.055em}
.link-card.instagram .card-go{box-shadow:inset 0 -3px 0 rgba(255,59,167,.42)}
.link-card.steam .card-go{box-shadow:inset 0 -3px 0 rgba(47,156,255,.42)}
.link-card.strava .card-go{box-shadow:inset 0 -3px 0 rgba(255,111,49,.46)}
.link-card.contact .card-go{box-shadow:inset 0 -3px 0 rgba(154,84,255,.45)}

.footer-icons{gap:18px}.footer-icon{border:0;background:transparent;box-shadow:none;width:44px;height:44px;padding:8px;border-radius:10px}.footer-icon img{width:25px;height:25px;display:block}.footer-icon.instagram{background:radial-gradient(circle at 28% 104%,#ffd66b 0 17%,#ff6b4b 32%,#dd2a7b 56%,#8134af 77%,#515bd4 100%)}.footer-icon.steam{background:radial-gradient(circle at 32% 25%,#2789d8 0,#0b4d83 55%,#071a2c 100%)}.footer-icon.strava{background:linear-gradient(145deg,#ff8a29,#fc4c02)}.footer-icon.contact{background:linear-gradient(145deg,#8a4fff,#4a1aa3)}.footer-icon.heart{font-family:"Lucida Console",Monaco,monospace;background:transparent;font-size:30px;text-shadow:0 0 12px rgba(255,82,127,.7)}

@media(min-width:1600px){.wrap{width:min(1440px,calc(100% - 72px))}.hero{min-height:min(86vh,1000px)}.page-art::after{background-size:auto 100vh;background-position:center top}.desktop-nav{transform:translateX(14px)}}
@media(min-width:2200px){.wrap{width:min(1720px,calc(100% - 100px))}.hero{min-height:min(88vh,1080px)}.page-art::after{background-size:auto 100vh}.desktop-nav{transform:translateX(28px)}}
@media(max-width:980px){.hero{min-height:680px}.desktop-nav{display:none}}
@media(max-width:700px){.page-art::before{background-image:url('../assets/hero-mobile.png');filter:blur(20px) brightness(.45)}.page-art::after{background-image:url('../assets/hero-mobile.png');background-position:center top;background-size:cover}.hero{min-height:710px}.hero h1{font-size:76px}.brand-icon{width:62px;height:62px}.brand-icon img{width:36px;height:36px}}

/* ===== v1.2 Mobile + Pixel Card Polish ===== */
/* Main cards: deliberately more like a retro game UI than a modern glass card. */
.link-card{
  min-width:0;
  width:100%;
  border-radius:0;
  border-width:2px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/8px 8px,
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/8px 8px,
    linear-gradient(180deg,rgba(10,18,39,.98),rgba(4,9,21,.99));
  backdrop-filter:none;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.035),
    inset 0 -5px 0 rgba(0,0,0,.28),
    7px 7px 0 #01040a;
  transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),filter .12s steps(2,end);
}
.link-card::before{
  content:"";
  position:absolute;
  inset:7px;
  z-index:0;
  opacity:1;
  pointer-events:none;
  background:
    linear-gradient(currentColor,currentColor) left top/18px 2px no-repeat,
    linear-gradient(currentColor,currentColor) left top/2px 18px no-repeat,
    linear-gradient(currentColor,currentColor) right top/18px 2px no-repeat,
    linear-gradient(currentColor,currentColor) right top/2px 18px no-repeat,
    linear-gradient(currentColor,currentColor) left bottom/18px 2px no-repeat,
    linear-gradient(currentColor,currentColor) left bottom/2px 18px no-repeat,
    linear-gradient(currentColor,currentColor) right bottom/18px 2px no-repeat,
    linear-gradient(currentColor,currentColor) right bottom/2px 18px no-repeat;
  filter:drop-shadow(0 0 4px currentColor);
}
.link-card::after{
  content:"";
  position:absolute;
  left:12px;right:12px;top:12px;height:3px;
  background:repeating-linear-gradient(90deg,currentColor 0 10px,transparent 10px 15px);
  opacity:.32;
  pointer-events:none;
}
.link-card:hover{
  transform:translate(-3px,-3px);
  filter:brightness(1.06);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.05),
    inset 0 -5px 0 rgba(0,0,0,.24),
    10px 10px 0 #01040a;
}
.link-card:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 2px rgba(255,255,255,.04),3px 3px 0 #01040a}

.brand-icon{
  border-radius:0;
  border:2px solid rgba(255,255,255,.75);
  box-shadow:
    inset 0 0 0 3px rgba(0,0,0,.28),
    4px 4px 0 rgba(0,0,0,.62);
  image-rendering:auto;
}
.brand-icon::after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px dashed rgba(255,255,255,.28);
  pointer-events:none;
}
.link-copy strong{
  text-shadow:2px 2px 0 rgba(0,0,0,.9);
}
.link-copy small{
  text-shadow:1px 1px 0 rgba(0,0,0,.7);
}
.card-go{
  border-top:2px solid rgba(255,255,255,.12);
  border-bottom:2px solid currentColor;
  background:rgba(0,0,0,.18);
  box-shadow:none!important;
  text-shadow:2px 2px 0 rgba(0,0,0,.8);
}
.link-card.instagram .card-go{border-bottom-color:var(--pink)}
.link-card.steam .card-go{border-bottom-color:var(--blue)}
.link-card.strava .card-go{border-bottom-color:var(--orange)}
.link-card.contact .card-go{border-bottom-color:var(--purple)}

/* Footer gets the same square, game-UI language without changing its order/content. */
.footer-icon{
  border-radius:0;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:3px 3px 0 rgba(0,0,0,.58);
}
.footer-icon.heart{border-color:rgba(255,82,127,.45);background:rgba(5,11,24,.58)}
.footer-icon:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,0,0,.58)}

/* Mobile: one clean column, no horizontal clipping at any common phone width. */
@media(max-width:700px){
  .wrap{width:calc(100% - 24px);max-width:100%;}
  .links-section{width:calc(100% - 24px);max-width:100%;padding-left:0;padding-right:0;}
  .four-cards{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    width:100%;
    max-width:100%;
  }
  .link-card{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:190px;
    padding:18px 16px 15px;
    overflow:hidden;
  }
  .brand-icon{width:58px;height:58px;margin-bottom:12px}
  .brand-icon img{width:34px;height:34px}
  .link-copy{width:100%;min-width:0}
  .link-copy strong{font-size:19px}
  .link-copy small{font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  .card-go{padding:10px 8px 8px;font-size:10px}
}

@media(max-width:380px){
  .wrap,.links-section{width:calc(100% - 18px)}
  .link-card{padding-left:13px;padding-right:13px}
}


/* ===== Phase 2: Domain Sales ===== */
.domain-sale{position:relative;z-index:4;padding:0 0 22px}
.sale-card{border:2px solid rgba(122,149,214,.45);background:linear-gradient(180deg,rgba(8,14,30,.88),rgba(6,11,24,.94));box-shadow:0 18px 42px rgba(0,0,0,.36),7px 7px 0 rgba(1,4,10,.85);padding:22px 24px 20px;backdrop-filter:blur(8px)}
.sale-top{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.sale-status,.sale-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #4a6fb6;background:rgba(255,255,255,.04);font-weight:900;font-size:11px;letter-spacing:.08em}.sale-status{border-color:var(--lime);color:#daf6a2}.sale-chip{border-color:var(--orange);color:#ffd09a}.sale-kicker{margin:0 0 8px;color:#8ec1ff;font-weight:900;letter-spacing:.12em;font-size:12px}.sale-domain{margin:0;font-size:clamp(32px,5vw,58px);line-height:1.02;color:#fff2d2;text-shadow:0 3px 0 #ff6d46,0 6px 0 #7b2950,0 10px 0 rgba(0,0,0,.52);word-break:break-word}.sale-copy{max-width:860px;color:#ced6e8;line-height:1.6;margin:12px 0 0}.sale-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.sale-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:18px 0 0}.sale-perks li{border:1px dashed rgba(103,128,191,.48);padding:12px;background:rgba(255,255,255,.02);color:#b7c1d7;font-size:12px;line-height:1.4}.copy-status{min-height:20px;margin:12px 0 0;color:#b8ef72;font-size:12px;letter-spacing:.05em}.interest-domain{margin:0 0 18px;border:2px dashed #6e579e;padding:12px;color:#cab8ff}.interest-domain strong{color:#fff3cd}
@media(max-width:700px){.domain-sale{padding-bottom:18px}.sale-card{padding:18px 16px 16px}.sale-domain{font-size:30px}.sale-perks{grid-template-columns:1fr}.sale-actions{flex-direction:column}.sale-actions .pixel-btn,.sale-actions .ghost-btn{width:100%}}

/* ===== Phase 2.1: Skyline Sale Sign ===== */
.skyline-sale-sign{
  position:absolute;
  left:50%;
  top:28%;
  transform:translateX(-50%);
  z-index:2;
  min-width:min(620px,58vw);
  max-width:78vw;
  padding:11px 18px 12px;
  text-align:center;
  border:2px solid #ffb15f;
  background:linear-gradient(180deg,rgba(15,13,27,.92),rgba(6,9,18,.92));
  box-shadow:
    0 0 0 3px rgba(255,84,134,.18),
    0 0 18px rgba(255,88,132,.42),
    0 0 38px rgba(255,133,54,.2),
    7px 7px 0 rgba(2,4,10,.72);
  color:#fff0c8;
  font-family:"Lucida Console",Monaco,"Courier New",monospace;
  text-transform:uppercase;
  letter-spacing:.07em;
  pointer-events:none;
}
.skyline-sale-sign::before,.skyline-sale-sign::after{content:"";position:absolute;top:100%;width:3px;height:54px;background:linear-gradient(#ff9a50,rgba(255,154,80,.08));box-shadow:0 0 8px rgba(255,117,78,.45)}
.skyline-sale-sign::before{left:16%}.skyline-sale-sign::after{right:16%}
.skyline-sale-sign strong{display:block;font-size:clamp(24px,3.1vw,48px);line-height:1.05;color:#fff7dc;text-shadow:0 2px 0 #ff734b,0 4px 0 #7a2850,0 0 12px rgba(255,120,72,.6);word-break:break-word}
.skyline-sale-mini,.skyline-sale-sub{display:block;font-size:10px;font-weight:900}.skyline-sale-mini{margin-bottom:5px;color:#ffbc75;padding-left:40px}.skyline-sale-sub{margin-top:6px;color:#b8ef72}

50%{transform:scale(1.08);opacity:1}}


/* Sales perks now use the remaining two items cleanly. */
.sale-perks{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:980px){
  .skyline-sale-sign{top:29%;min-width:min(540px,68vw)}
}
@media(max-width:700px){
  .skyline-sale-sign{top:27%;min-width:0;width:calc(100% - 44px);max-width:none;padding:9px 12px 10px}
  .skyline-sale-sign::before,.skyline-sale-sign::after{height:38px}
  .skyline-sale-sign strong{font-size:22px}
  .skyline-sale-mini,.skyline-sale-sub{font-size:8px}
  .sale-perks{grid-template-columns:1fr}
}


/* ===== Phase 4: Retro / Game Polish ===== */
.boot-screen{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:#02050c;color:#d7ffd0;opacity:1;visibility:visible;transition:opacity .28s steps(4,end),visibility .28s;pointer-events:auto}
.boot-screen.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.boot-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(118,255,147,.06) 0 1px,transparent 1px 4px),radial-gradient(circle at center,rgba(43,255,113,.08),transparent 55%);pointer-events:none}
.boot-terminal{position:relative;width:min(620px,calc(100% - 34px));border:2px solid #59ff86;background:#06100b;padding:28px;box-shadow:8px 8px 0 #001d0a,0 0 30px rgba(64,255,124,.18);font-family:"Lucida Console",Monaco,"Courier New",monospace}
.boot-logo{font-size:clamp(38px,8vw,72px);font-weight:1000;line-height:.9;letter-spacing:-.06em;color:#c8ffd6;text-shadow:3px 3px 0 #117b39,0 0 18px rgba(79,255,130,.58)}.boot-logo span{color:#60ff8d}.boot-lines{margin-top:22px;font-size:12px;line-height:1.55;color:#a8dfb4}.boot-lines p{margin:5px 0;opacity:0;animation:bootLine .01s steps(1,end) forwards}.boot-lines p:nth-child(1){animation-delay:.12s}.boot-lines p:nth-child(2){animation-delay:.42s}.boot-lines p:nth-child(3){animation-delay:.72s}.boot-lines p:nth-child(4){animation-delay:1.02s}.boot-lines span{color:#6cff93}.boot-lines strong{color:#e9ffe9}.boot-progress{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:22px 0 14px}.boot-progress i{height:12px;border:1px solid #2e6e42;background:#0d2416;animation:bootBlock .01s steps(1,end) forwards;opacity:.25}.boot-progress i:nth-child(1){animation-delay:.15s}.boot-progress i:nth-child(2){animation-delay:.25s}.boot-progress i:nth-child(3){animation-delay:.35s}.boot-progress i:nth-child(4){animation-delay:.45s}.boot-progress i:nth-child(5){animation-delay:.55s}.boot-progress i:nth-child(6){animation-delay:.65s}.boot-progress i:nth-child(7){animation-delay:.75s}.boot-progress i:nth-child(8){animation-delay:.85s}.boot-progress i:nth-child(9){animation-delay:.95s}.boot-progress i:nth-child(10){animation-delay:1.05s}.boot-progress i:nth-child(11){animation-delay:1.15s}.boot-progress i:nth-child(12){animation-delay:1.25s}.boot-terminal small{color:#5ba36e;letter-spacing:.12em}@keyframes bootLine{to{opacity:1}}@keyframes bootBlock{to{opacity:1;background:#58ff84;box-shadow:0 0 8px rgba(87,255,132,.75)}}

/* Subtle arcade glitch – visual only, never changes layout. */
.brand,.hero h1,.skyline-sale-sign strong,.link-copy strong{position:relative}
.brand:hover,.hero h1:hover,.skyline-sale-sign:hover strong,.link-card:hover .link-copy strong{animation:pixelGlitch .16s steps(2,end) 1}
@keyframes pixelGlitch{0%{text-shadow:-3px 0 #ff3ba7,3px 0 #2f9cff,2px 2px 0 #02050a}35%{transform:translateX(2px)}70%{transform:translateX(-2px);text-shadow:3px 0 #ff6f31,-3px 0 #9a54ff,2px 2px 0 #02050a}100%{transform:none}}

.footer-icon.heart{position:relative;overflow:visible;animation:heartIdle 1.8s steps(2,end) infinite;cursor:pointer;color:#ff527f}
.footer-icon.heart::after{content:"";position:absolute;inset:-7px;border:2px dashed rgba(255,82,127,.42);opacity:0;transform:scale(.8)}
.footer-icon.heart:hover::after{opacity:1;animation:heartRing .55s steps(3,end) infinite}.footer-icon.heart:hover{color:#ff8bac;text-shadow:0 0 8px #ff527f,0 0 20px rgba(255,82,127,.85)}
@keyframes heartIdle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.08)}}@keyframes heartRing{0%{transform:scale(.8);opacity:.75}100%{transform:scale(1.25);opacity:0}}

.easter-layer{z-index:220}.easter-box{text-align:center;border-color:#ff527f;box-shadow:10px 10px 0 #02050a,0 0 32px rgba(255,82,127,.18)}.easter-pixel-heart{font-size:64px;color:#ff527f;line-height:1;text-shadow:5px 5px 0 #8f2146,0 0 22px rgba(255,82,127,.75);animation:heartIdle 1.1s steps(2,end) infinite}.easter-box h2{color:#fff1cf}.easter-code{margin:20px 0;padding:12px;border:2px dashed #59ff86;color:#9cffb8;background:#06100b;font-size:12px;letter-spacing:.06em}

@media(max-width:700px){.boot-terminal{padding:22px 18px}.boot-lines{font-size:10px}.boot-progress{gap:3px}.boot-progress i{height:9px}}
@media(prefers-reduced-motion:reduce){.footer-icon.heart,.easter-pixel-heart{animation:none!important}}


/* ===== v5.1 Deluxe operational states ===== */
.sale-status.status-reserved{border-color:#ffcc63;color:#ffe5a2}
.sale-status.status-sold{border-color:#ff6c7f;color:#ffc1ca}
body[data-domain-status="reserved"] .skyline-sale-sign{border-color:#e1ad4d;box-shadow:0 0 0 2px rgba(255,196,82,.12),0 0 22px rgba(255,179,57,.24),7px 7px 0 rgba(0,0,0,.45)}
body[data-domain-status="sold"] .skyline-sale-sign{border-color:#cf516c;box-shadow:0 0 0 2px rgba(255,83,116,.1),0 0 22px rgba(255,72,104,.19),7px 7px 0 rgba(0,0,0,.45)}

/* ===== v5.2 Layout Polish ===== */
/* Give ALEX a little more breathing room above the subtitle. */
.hero-overlay{transform:translateY(-28px)}

/* DOMAIN://MARKETPLACE: balanced full-width desktop composition. */
.sale-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  grid-template-areas:
    "kicker top"
    "domain top"
    "copy actions"
    "perks actions"
    "status status";
  column-gap:clamp(28px,5vw,72px);
  row-gap:10px;
  align-items:start;
  padding:clamp(24px,3vw,38px);
}
.sale-kicker{grid-area:kicker;align-self:end;margin:0}
.sale-domain{grid-area:domain}
.sale-copy{grid-area:copy;max-width:760px;margin:6px 0 0}
.sale-top{grid-area:top;justify-content:flex-end;align-self:start;margin:0}
.sale-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  width:min(100%,360px);
  justify-self:end;
  align-self:start;
  margin:8px 0 0;
}
.sale-actions .pixel-btn,.sale-actions .ghost-btn{width:100%;text-align:center}
.sale-perks{
  grid-area:perks;
  display:flex;
  gap:10px;
  align-items:center;
  margin:16px 0 0;
}
.sale-perks li{flex:0 1 auto;min-width:min(100%,270px)}
.copy-status{grid-area:status;margin:6px 0 0;text-align:right}

@media(max-width:820px){
  .hero-overlay{transform:translateY(-18px)}
  .sale-card{
    grid-template-columns:1fr;
    grid-template-areas:
      "top"
      "kicker"
      "domain"
      "copy"
      "actions"
      "perks"
      "status";
    gap:10px;
  }
  .sale-top{justify-content:flex-start;margin-bottom:4px}
  .sale-actions{width:100%;justify-self:stretch;margin-top:8px}
  .sale-perks{display:grid;grid-template-columns:1fr;width:100%;margin-top:8px}
  .sale-perks li{width:100%;min-width:0}
  .copy-status{text-align:left}
}


/* ===== v5.3 Hero + Admin Maintenance ===== */
/* Move only ALEX upward; subtitle keeps its current position. */
.hero h1{transform:translateY(-52px)}
@media(max-width:700px){.hero h1{transform:translateY(-40px)}}
@media(max-width:480px){.hero h1{transform:translateY(-34px)}}


/* ===== Phase 6: Power User ===== */
:root{--domain-accent:#9b63ff}.sale-card,.skyline-sale-sign{border-color:color-mix(in srgb,var(--domain-accent) 60%,#51658d);box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 22px color-mix(in srgb,var(--domain-accent) 24%,transparent),7px 7px 0 rgba(1,4,10,.85)}
.terminal-trigger{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.terminal-trigger:hover{color:var(--domain-accent);text-shadow:0 0 10px var(--domain-accent)}
.public-price{display:inline-flex;gap:12px;align-items:baseline;margin-top:16px;padding:10px 14px;border:2px solid var(--domain-accent);background:rgba(0,0,0,.28);box-shadow:4px 4px 0 #01040a}.public-price span{font-size:10px;color:#aeb9d0;letter-spacing:.1em}.public-price strong{font-size:24px;color:#fff2cb;text-shadow:0 0 10px var(--domain-accent)}
.terminal-layer{position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.78);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.15s}.terminal-layer.is-open{opacity:1;visibility:visible}.terminal-box{width:min(760px,calc(100% - 24px));border:2px solid #62ff8e;background:#020805;box-shadow:10px 10px 0 #000,0 0 28px rgba(98,255,142,.22);color:#8cffad}.terminal-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #246a39}.terminal-head button{width:34px;height:34px;background:#07150c;color:#8cffad;border:1px solid #246a39;cursor:pointer}.terminal-output{height:min(46vh,360px);overflow:auto;padding:15px;font-size:13px;line-height:1.65}.terminal-output p{margin:0 0 8px}.terminal-box form{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:12px;border-top:1px solid #246a39}.terminal-box input{background:#020805;border:1px solid #246a39;color:#b7ffc9;padding:10px;outline:none}.terminal-box form button{background:#0c2916;border:1px solid #42c966;color:#b7ffc9;font-weight:900;cursor:pointer}.qr-box{text-align:center}.qr-canvas{display:grid;place-items:center;margin:18px auto;background:#fff;padding:14px;width:max-content;max-width:100%;image-rendering:pixelated}.qr-canvas canvas{max-width:min(70vw,280px);height:auto!important}.qr-domain{word-break:break-all;color:#ffd09a}.sold-banner{position:fixed;right:20px;top:110px;z-index:8;transform:rotate(4deg);border:3px solid #ff657d;background:#16050a;color:#ffdce3;padding:12px 18px;font-weight:1000;letter-spacing:.14em;box-shadow:6px 6px 0 #000,0 0 20px rgba(255,75,108,.45);animation:soldPulse 1.8s steps(2,end) infinite}.sold-celebration .page-vignette:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(255,95,130,.08),transparent 22%),radial-gradient(circle at 80% 28%,rgba(255,211,130,.07),transparent 18%)}@keyframes soldPulse{50%{transform:rotate(-3deg) scale(1.04)}}.arcade-mode{filter:saturate(1.45) contrast(1.08)}.arcade-mode .scanlines{opacity:.18}.arcade-mode .hero h1{animation:arcadeJolt .22s steps(2,end) 8}@keyframes arcadeJolt{50%{transform:translateX(5px);text-shadow:-5px 0 #00ffff,5px 0 #ff00aa}}
@media(max-width:700px){.sold-banner{top:84px;right:10px;font-size:11px}.public-price{display:flex;width:100%;justify-content:space-between}.terminal-output{height:42vh}}


/* ===== Phase 6.1 Header Cleanup ===== */
.topbar.no-menu{grid-template-columns:auto 1fr}.topbar.no-menu .top-actions{justify-self:end;margin-left:0}
@media(max-width:700px){.topbar.no-menu{grid-template-columns:auto 1fr}}

/* ===== v6.1.1 Skyline Status Alignment ===== */
/* Keep every line inside the skyline domain-status sign perfectly centered. */
.skyline-sale-sign{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.skyline-sale-sign > .skyline-sale-mini,
.skyline-sale-sign > strong,
.skyline-sale-sign > .skyline-sale-sub{
  width:100%;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  text-align:center;
}

/* ===== v6.2.1 Music default OFF + Header alignment fix ===== */
.topbar.no-menu{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.topbar.no-menu .brand{
  flex:0 0 auto;
}
.topbar.no-menu .top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
  justify-self:auto;
}
@media(max-width:700px){
  .topbar.no-menu{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .topbar.no-menu .top-actions{
    margin-left:auto;
  }
}

.phase-mode{padding-top:20px}.copy-success{animation:copypixel .6s steps(4)}@keyframes copypixel{50%{transform:translateY(-5px);filter:brightness(1.8)}}.achievement-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;background:#07111d;color:#b8ef72;border:2px solid #b8ef72;padding:16px;box-shadow:5px 5px #000;max-width:90vw}.day-accent{--domain-accent:#ffb04d!important}.night-accent{--domain-accent:#9b63ff!important}@media(prefers-reduced-motion:reduce){.copy-success{animation:none}}

body[data-mode="PRIVATE"] .footer-icon.instagram,body[data-mode="PRIVATE"] .footer-icon.steam,body[data-mode="PRIVATE"] .footer-icon.strava{display:none}

:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #b8ef72;outline-offset:4px}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .scanlines{display:none}.top-actions{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}