@import url('./fonts.css');
:root{--bg:#142f34;--deep:#10272c;--panel:#27484d;--border:#47666a;--cream:#f4e8cc;--muted:#b5ccc6;--amber:#f3ac48;--mint:#92ddc7;--gutter:clamp(20px,4vw,56px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.75 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.2;text-wrap:balance}h1{font-size:clamp(42px,5vw,70px);font-weight:800;letter-spacing:-.045em}h2{font-size:clamp(30px,3.2vw,44px);font-weight:750;letter-spacing:-.035em}h3{font-size:23px;letter-spacing:-.025em}h1 span,h2 span{color:var(--amber)}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}::selection{background:var(--amber);color:var(--bg)}.wrap{max-width:1256px;width:calc(100% - var(--gutter)*2);margin-inline:auto}.skip{position:absolute;top:-100px;background:var(--amber);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px;left:10px}.game-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--border)}.game-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:.04em;line-height:1.25}.game-brand img{width:54px;height:54px;border-radius:12px}.game-brand small{display:block;color:var(--mint);font-size:11px;letter-spacing:.35em;margin-top:5px}.game-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.game-header nav a{padding-block:10px}.game-header nav a:hover,.quiet-link:hover,.game-footer a:hover{color:var(--amber)}.game-header .back-link{border-left:1px solid var(--border);padding-left:28px;font-size:12px;letter-spacing:.08em}.game-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding-block:76px}.hero-copy,.workshop-frame{min-width:0}.kicker{color:var(--mint);font-size:11px;line-height:1.7;font-weight:600;letter-spacing:.14em;margin-bottom:22px}.light{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #92ddc74d;margin-right:9px}.intro{font-size:22px;color:var(--cream);line-height:1.5;margin-top:26px}.hero-description{max-width:480px;font-size:16px;margin-top:18px}.actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:30px}.game-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--amber);color:var(--deep);border:1px solid #ffcb75;border-radius:12px;box-shadow:0 5px 0 #ad7430;padding:15px 24px;font-size:15px;font-weight:700;min-height:54px;transition:background .2s,box-shadow .2s}.game-button:hover{background:#ffc36b;box-shadow:0 3px 0 #ad7430}.game-button span{font-size:22px}.quiet-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:14px;font-weight:600}.release-note{font-size:12px;margin-top:28px}.release-note .light{width:5px;height:5px}.workshop-frame{border:2px solid #517174;background:var(--panel);border-radius:22px;box-shadow:0 10px 0 #0b2024,0 28px 60px #081c2440;overflow:hidden;transform:rotate(1deg)}.frame-heading{display:flex;align-items:center;gap:8px;padding:16px 22px;font-size:10px;font-weight:600;letter-spacing:.13em;border-bottom:2px solid #10292d}.frame-heading .light{margin:0}.frame-dot{margin-left:auto;border:2px solid #93aaa4;width:8px;height:8px;border-radius:50%}.robot-scene{position:relative;aspect-ratio:1.024;background:url('../images/scrapbolt/cover.webp') right center / auto 100% no-repeat}.scene-spark{position:absolute;color:#ffcf80;font-size:25px;animation:glimmer 4s ease-in-out infinite}.spark-one{right:13%;top:19%}.spark-two{left:17%;bottom:28%;font-size:16px;animation-delay:2s}.frame-footer{display:flex;justify-content:center;gap:14px;align-items:center;background:#10282d;padding:16px;font-size:10px;font-weight:600;letter-spacing:.12em}.frame-footer i{font-style:normal;color:var(--amber)}.stats-band{border-block:1px solid var(--border);background:var(--deep)}.game-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;margin-block:0;padding-block:30px;gap:30px}.game-stats>div{display:flex;gap:18px;align-items:center}.game-stats>div+div{border-left:1px solid var(--border);padding-left:30px}.game-stats dt{color:var(--amber);font:800 30px/1.2 Manrope,sans-serif;white-space:nowrap;letter-spacing:-.04em}.game-stats dd{font-size:13px;color:var(--muted);margin:0;max-width:170px;line-height:1.6}.game-section{padding-block:88px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-title>p{font-size:15px;max-width:330px}.mechanics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.metal-panel{position:relative;padding:30px;background:var(--panel);border:1px solid var(--border);border-top:3px solid #5c7975;border-radius:16px;box-shadow:0 5px 0 #0d252a;display:flex;flex-direction:column}.metal-panel::before,.metal-panel::after{content:'';position:absolute;top:12px;width:6px;height:6px;border-radius:50%;background:#839d91;box-shadow:inset 0 -2px #193b40}.metal-panel::before{left:12px}.metal-panel::after{right:12px}.part-symbol{width:64px;height:64px;border-radius:15px;color:var(--bg);font-size:42px;line-height:1;display:grid;place-items:center;margin:8px 0 26px;box-shadow:inset 0 4px #ffffff38,0 4px #102a3080}.battery{background:var(--amber)}.motor{background:#e78351}.fan{background:#65c5b8}.metal-panel h3{margin-bottom:16px}.metal-panel p{font-size:15px;margin-bottom:25px}.panel-tag{margin-top:auto;border-top:1px solid #557275;padding-top:18px;font-size:10px;letter-spacing:.1em;color:var(--mint);font-weight:600}.gallery-section{padding-block:76px;background:var(--deep);border-block:1px solid #38575c;background-image:radial-gradient(#305056 1px,transparent 1px);background-size:22px 22px}.gallery-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.gallery-copy>p:not(.kicker){margin-top:24px;max-width:420px}.gallery-controls{display:flex;flex-direction:column;gap:12px;margin-top:30px}.gallery-choice{display:flex;gap:18px;align-items:center;width:100%;text-align:left;padding:16px 20px;border:1px solid var(--border);border-radius:12px;color:var(--cream);background:var(--bg);min-height:80px;transition:border-color .2s,background .2s}.gallery-choice:hover{border-color:var(--mint)}.gallery-choice.active{background:#304b43;border-color:var(--amber);box-shadow:inset 4px 0 var(--amber)}.choice-number{font-size:12px;color:var(--mint)}.gallery-choice>span:nth-child(2){font-size:17px;font-weight:600}.gallery-choice small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:2px}.gallery-choice>span:last-child{margin-left:auto;color:var(--amber);font-size:22px}.game-preview{display:flex;flex-direction:column;align-items:center;gap:24px}.phone-frame{padding:9px;border:2px solid #65817d;border-radius:27px;background:#0a2024;box-shadow:0 16px 0 #07191d,0 30px 70px #0004;width:min(100%,310px)}.phone-frame img{width:100%;height:auto;border-radius:17px;aspect-ratio:9/16;object-fit:contain;background:var(--bg)}.game-preview figcaption{text-align:center;max-width:370px;min-height:112px}.game-preview figcaption strong{font-size:18px;color:var(--cream)}.game-preview figcaption p{font-size:13px;line-height:1.7;margin-top:8px}.journey{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.journey>div>p:not(.kicker){margin-top:24px;max-width:490px}.journey .quiet-link{margin-top:18px;color:var(--amber)}.route-illustration{padding:16px 0}.route-stop{position:relative;display:flex;align-items:center;gap:24px;padding-bottom:36px}.route-stop:last-child{padding-bottom:0}.route-stop:not(:last-child)::after{content:'';position:absolute;left:33px;top:67px;height:36px;border-left:3px dashed #628e80}.route-stop>span{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border:2px solid #d9bc7c;border-radius:50%;background:var(--amber);color:var(--bg);font-size:32px;box-shadow:0 5px #0b252a}.route-stop:nth-child(2)>span{background:var(--mint);border-color:#c0ebde}.route-stop:nth-child(3)>span{background:#b59dda;border-color:#d9c4f4}.route-stop small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em}.route-stop strong{font-size:18px}.faq-section{padding-bottom:80px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:22px 0;font-size:18px;font-weight:500}summary::-webkit-details-marker{display:none}summary span{font-size:27px;color:var(--amber);font-weight:400}details[open] summary span{transform:rotate(45deg)}details>p{padding:0 45px 24px 0;max-width:850px;font-size:15px}details a,noscript a{text-decoration:underline;text-underline-offset:3px;color:var(--mint)}.project-contact{display:flex;align-items:center;gap:28px;padding:32px;border:1px solid #6d7252;border-radius:18px;background:linear-gradient(110deg,#304b43,var(--panel));margin-bottom:56px}.project-contact>img{border-radius:18px;flex-shrink:0}.project-contact>div{flex:1}.project-contact .kicker{margin-bottom:9px}.project-contact h2{font-size:25px}.project-contact p:not(.kicker){font-size:14px;margin-top:10px}.project-contact .game-button{flex-shrink:0}.game-footer{border-top:1px solid var(--border);padding-block:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.game-footer p span{padding:0 8px}.game-footer nav{display:flex;gap:22px;flex-wrap:wrap}.game-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}@keyframes glimmer{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:1100px){.game-hero{gap:32px}.gallery-layout{gap:50px}.game-stats>div{flex-direction:column;align-items:flex-start;gap:6px}.metal-panel{padding:24px}.metal-panel h3{font-size:21px}.journey{gap:40px}.project-contact>img{display:none}.game-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.game-header{padding-block:18px;flex-wrap:wrap;gap:18px}.game-header nav{gap:20px;font-size:13px}.game-header .back-link{padding-left:20px}.game-brand{font-size:18px}.game-brand img{width:44px;height:44px}.game-brand small{font-size:9px}.game-hero{grid-template-columns:1fr;padding-block:44px;gap:40px}h1{font-size:clamp(40px,9vw,62px)}.intro{font-size:20px}.workshop-frame{width:100%;max-width:480px;justify-self:center;transform:none}.game-stats{gap:16px;padding-block:24px}.game-stats>div+div{padding-left:16px}.game-stats dt{font-size:23px}.game-stats dd{font-size:11px}.game-section{padding-block:56px}.section-title{align-items:flex-start;flex-direction:column;gap:20px}.mechanics{grid-template-columns:1fr}.metal-panel{padding:26px}.metal-panel h3{font-size:23px}.metal-panel p{max-width:560px}.gallery-section{padding-block:56px}.gallery-layout{grid-template-columns:1fr;gap:36px}.gallery-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-choice{padding:13px 14px;gap:10px;min-height:76px}.gallery-choice>span:nth-child(2){font-size:14px}.gallery-choice>span:last-child{display:none}.gallery-choice small{font-size:11px}.gallery-choice .choice-number{font-size:10px}.phone-frame{width:280px}.game-preview figcaption{min-height:0}.journey{grid-template-columns:1fr;gap:24px}.route-stop strong{font-size:17px}.faq-section{padding-bottom:56px}summary{font-size:16px}.project-contact{flex-direction:column;align-items:flex-start;padding:26px;gap:24px;margin-bottom:36px}.project-contact h2{font-size:26px}.game-footer{font-size:11px;gap:10px}.game-footer nav{gap:12px}.kicker{font-size:10px}.hero-description{font-size:15px}}
@media(max-width:380px){.game-header nav{justify-content:space-between;width:100%;gap:10px}.game-stats{grid-template-columns:1fr;gap:16px}.game-stats>div{flex-direction:row;align-items:center;gap:16px}.game-stats>div+div{border-left:0;padding-left:0}.game-stats dt{min-width:105px}.gallery-controls{grid-template-columns:1fr}.gallery-choice>span:last-child{display:block}.gallery-choice small{font-size:12px}.game-button{gap:18px;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}