/* Button & Bolt Games. Entirely self-hosted; no external fonts, analytics, or build dependencies. */
:root{--bg:#070b1c;--deep:#050714;--surface:#101630;--surface2:#151e3c;--line:#2a365b;--white:#f6f9ff;--muted:#a5b1ce;--cyan:#48e5f1;--purple:#a982ff;--yellow:#ffe46b;--pink:#f78cc7;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;position:absolute;inset:0 0 auto;height:850px;background:radial-gradient(ellipse 52% 60% at 73% 35%,#3b236c59,transparent 80%),radial-gradient(ellipse 60% 50% at 15% 10%,#103d6555,transparent 65%);z-index:-1}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");z-index:50}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.skip-link{position:absolute;top:-80px;left:10px;z-index:100;background:var(--cyan);color:var(--deep);padding:8px 12px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:20;border-bottom:1px solid #2431518a;background:#070b1cc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;min-width:230px}.brand img{object-fit:contain;filter:drop-shadow(0 0 12px #38e0f155)}.brand-copy{line-height:1.13;letter-spacing:.035em;font-weight:950;font-size:15px;white-space:nowrap}.brand-copy .amp{color:var(--cyan)}.brand-copy small{display:block;font-size:10px;letter-spacing:.42em;color:var(--cyan);margin-top:3px}.nav-links{display:flex;align-items:center;gap:31px}.nav-links>a{font-size:11px;font-weight:850;letter-spacing:.12em;color:#c3cce5;transition:color .2s}.nav-links>a:hover{color:var(--cyan)}.nav-links .nav-play{padding:13px 17px;border:1px solid #77d9ec85;border-radius:6px;color:#e4fcff}.nav-play span{margin-left:7px;color:var(--cyan)}.menu-toggle{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:24px;padding-top:46px;padding-bottom:42px}.hero-copy{position:relative;z-index:2;padding:16px 0 30px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:850;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#63f2b3;border-radius:50%;box-shadow:0 0 15px #58fcb5}.eyebrow-divider{color:#647194}.hero h1,.section-heading h2,.studio-copy h2,.join-panel h2{font-weight:950;letter-spacing:-.06em;line-height:1.02}.hero h1{font-size:clamp(58px,6.7vw,104px);margin:32px 0 23px;max-width:710px}.hero h1 span{display:block;color:var(--cyan);background:linear-gradient(100deg,#44f6f3 8%,#9f9cfe 55%,#ed8adb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.hero-intro{max-width:530px;font-size:17px;line-height:1.75;color:#b5bed9;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:14px 22px;border-radius:7px;font-size:12px;font-weight:950;letter-spacing:.07em;white-space:nowrap;transition:transform .2s,filter .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#071329;background:linear-gradient(110deg,#39e5ef,#899dff 80%,#be85ff);box-shadow:0 8px 28px #57dfff2b}.btn-primary:hover{box-shadow:0 12px 35px #57dfff65}.btn-outline{border:1px solid #3a496a;color:#e7edff;background:#101729ba}.btn-outline:hover{border-color:var(--cyan)}.play-triangle{width:0;height:0;border-left:10px solid #0b1f33;border-top:6px solid transparent;border-bottom:6px solid transparent}.hero-footnote{font-size:10px;letter-spacing:.13em;font-weight:850;color:#8493bb}.spark-icon{color:var(--yellow);margin-right:5px;font-size:16px}.hero-art{height:595px;position:relative;isolation:isolate}.grid-glow{position:absolute;inset:28px 0 0 0;background:radial-gradient(ellipse at 53% 55%,#7347c540,transparent 55%),repeating-linear-gradient(0deg,transparent 0 42px,#59cdf210 43px,#59cdf210 44px),repeating-linear-gradient(90deg,transparent 0 42px,#59cdf210 43px,#59cdf210 44px);mask-image:radial-gradient(ellipse,#000 15%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 75%);transform:perspective(700px) rotateX(17deg)}.orbit{position:absolute;border:1px solid #7e8cd344;border-radius:50%;transform:rotate(-15deg);z-index:-1}.orbit-a{height:370px;width:500px;left:0;top:115px}.orbit-b{height:480px;width:410px;left:65px;top:52px;transform:rotate(15deg);border-color:#7e8cd324}.game-device{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(4deg);width:260px;height:548px;padding:12px 10px 11px;border-radius:37px;border:3px solid #8597c1;background:linear-gradient(145deg,#303b5c,#10152b 24%,#0b1128 80%);box-shadow:0 0 0 7px #11182f,0 50px 70px #000b,0 0 85px #9589f966;z-index:3;overflow:hidden;transition:transform .35s}.game-device:hover{transform:translate(-50%,-50%) rotate(1deg) translateY(-5px)}.game-device img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:25px;background:#0c1031}.device-speaker{width:74px;height:14px;border-radius:0 0 13px 13px;background:#0b1024;position:absolute;top:11px;left:calc(50% - 37px);z-index:1;box-shadow:0 3px 12px #0008}.float-label{position:absolute;z-index:5;background:#101936eb;border:1px solid #4b5f89;box-shadow:0 12px 38px #0006;backdrop-filter:blur(12px);border-radius:10px;display:flex;align-items:center}.top-label{right:16px;top:82px;gap:8px;padding:13px 15px;font-size:10px;color:#c6d2f1;letter-spacing:.12em;font-weight:800;transform:rotate(3deg)}.top-label strong{color:#65efac}.float-dot{height:7px;width:7px;background:#6bf1a5;border-radius:50%}.bottom-label{left:-7px;bottom:65px;gap:13px;padding:10px 18px;transform:rotate(-7deg)}.bottom-label strong,.bottom-label small{display:block;line-height:1.45;font-size:12px;letter-spacing:.12em}.bottom-label small{font-size:10px;color:#b6c5e2}.mini-bolt{color:var(--yellow);font-size:40px;font-weight:950;line-height:1}.accent-block{position:absolute;height:24px;border-radius:8px;box-shadow:0 0 30px #6cc8f760}.block-1{right:6px;bottom:117px;width:125px;background:linear-gradient(90deg,#4beaf3,#9b9cff);transform:rotate(14deg)}.block-2{right:36px;bottom:154px;width:112px;background:linear-gradient(90deg,#c080ff,#fa89ce);transform:rotate(14deg)}.block-3{right:64px;bottom:191px;width:110px;background:linear-gradient(90deg,#40cfea,#79adff);transform:rotate(14deg)}.status-band{border-top:1px solid #273254;border-bottom:1px solid #273254;background:#0e1429}.status-band-inner{min-height:77px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;letter-spacing:.15em;font-weight:750;color:#99a9cf}.status-band-inner b{color:var(--white)}.status-band-inner i{height:17px;width:1px;background:#3a486b}.section-space{padding-top:125px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:39px}.section-heading h2,.studio-copy h2{font-size:clamp(40px,4.4vw,64px);margin:15px 0 0}.section-heading h2 span,.studio-copy h2 span{color:var(--purple)}.section-heading>p{margin:0 0 6px;max-width:280px;color:var(--muted);font-size:14px;text-align:right}.game-cards{display:grid;grid-template-columns:1.65fr .9fr;gap:22px}.featured-game{position:relative;min-height:480px;overflow:hidden;border:1px solid #435b80;background:linear-gradient(125deg,#172746,#101d3b 53%,#18163e);border-radius:16px;display:grid;grid-template-columns:1.15fr .85fr}.featured-game:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 50%,#5c55d64a,transparent 51%);pointer-events:none}.featured-copy{position:relative;z-index:3;padding:34px 0 34px 38px;display:flex;flex-direction:column;align-items:flex-start}.game-meta{display:flex;align-items:center;gap:12px;color:#9babcb;letter-spacing:.12em;font-size:10px;font-weight:800;flex-wrap:wrap}.pill-live{display:flex;align-items:center;gap:9px;border-radius:20px;padding:7px 11px;background:#21524955;border:1px solid #56c8a56a;color:#9bfad2}.stack-wordmark{margin:29px 0 10px;font-weight:1000;letter-spacing:-.065em;line-height:.9;font-size:clamp(58px,6vw,83px)}.stack-wordmark span{display:block;background:linear-gradient(120deg,#4de5ed,#ab91fe,#f289cc);-webkit-background-clip:text;background-clip:text;color:transparent}.featured-copy>p{max-width:310px;color:#c0cce6;line-height:1.7;font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 24px}.tag-row span{font-size:9px;letter-spacing:.07em;color:#c9d5f2;border:1px solid #4a5875;border-radius:5px;padding:6px 9px;white-space:nowrap}.featured-visual{position:relative;min-width:0;overflow:hidden}.pixel-sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,#3e3c9861,transparent 57%),repeating-linear-gradient(0deg,transparent 0 32px,#84baff12 32px 33px),repeating-linear-gradient(90deg,transparent 0 32px,#84baff12 32px 33px);transform:skewY(-5deg);mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%)}.stack-block{position:absolute;left:50%;border-radius:5px;transform:translateX(-50%) rotate(-6deg);box-shadow:0 10px 35px #0004}.s1{bottom:65px;width:180px;height:37px;background:#5edcf3}.s2{bottom:105px;width:151px;height:37px;background:#9e96ff}.s3{bottom:145px;width:132px;height:37px;background:#ed89cc}.s4{bottom:185px;width:108px;height:37px;background:#64dbf4}.s5{bottom:225px;width:79px;height:37px;background:#ad99ff}.s6{bottom:265px;width:58px;height:37px;background:#f48ac5;animation:floatBlock 2.8s ease-in-out infinite}.perfect-badge{position:absolute;left:14%;top:17%;border:1px solid #f5e09280;background:#29203dbe;box-shadow:0 0 25px #ffd56d22;border-radius:7px;padding:7px 12px;color:#ffeaa1;font-size:10px;font-weight:900;letter-spacing:.1em;transform:rotate(-7deg)}.next-game{position:relative;min-height:480px;border:1px solid #3e345c;background:linear-gradient(160deg,#19142e,#0e1328 67%);border-radius:16px;overflow:hidden;padding:40px 33px;display:flex;flex-direction:column;align-items:flex-start}.next-graphic{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 72% 24%,#8f46ed32,transparent 40%)}.ghost-lightning{position:absolute;right:33px;top:12px;font-size:185px;color:#8447e522;line-height:1;font-weight:900;transform:rotate(15deg)}.orbit-ring{position:absolute;right:-45px;top:-30px;width:270px;height:270px;border:1px solid #8053e933;border-radius:50%}.next-game>*:not(.next-graphic){position:relative;z-index:2}.next-label{font-size:10px;color:#b69ad7;letter-spacing:.15em;font-weight:850}.next-game h3{font-size:clamp(43px,4vw,57px);font-weight:950;letter-spacing:-.055em;line-height:1;margin:74px 0 13px}.next-game h3 em{font-style:normal;color:#c3a3fe}.next-game p{max-width:300px;color:#b3accf;font-size:14px;line-height:1.65}.next-stamp{margin-top:auto;font-size:10px;font-weight:850;letter-spacing:.09em;border:1px solid #6b587d;padding:9px 12px;border-radius:6px;color:#d5c0f2}.studio-section{background:linear-gradient(180deg,#0a1026,#0c1125);border-top:1px solid #202a45;border-bottom:1px solid #202a45}.studio-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.studio-visual{position:relative}.studio-art-card{border:1px solid #395278;border-radius:16px;background:#0a1028;overflow:hidden;box-shadow:0 26px 65px #0008,0 0 85px #4b2d9e1c}.studio-art-card img{display:block;width:100%;height:auto}.studio-corner{position:absolute;font-size:10px;color:#90a6ce;letter-spacing:.15em;font-weight:850}.studio-corner.left{bottom:-28px;left:7px}.studio-corner.right{bottom:-28px;right:7px}.studio-copy h2{margin-bottom:25px}.studio-copy>p{color:#b5c0de;font-size:15px;line-height:1.85;max-width:490px}.studio-values{display:grid;gap:13px;margin-top:30px}.studio-values span{font-size:12px;font-weight:800;letter-spacing:.11em;color:#d9e2f8}.studio-values span span{color:var(--cyan);font-size:19px;margin-right:8px}.join-section{padding-top:100px;padding-bottom:110px}.join-panel{position:relative;overflow:hidden;min-height:370px;padding:55px 65px;border:1px solid #83e6ee33;border-radius:17px;color:#081728;background:linear-gradient(110deg,#45e1ef,#85b0ff 58%,#c58cff)}.join-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 83% 40%,#e1d3ff7c,transparent 52%)}.join-text{position:relative;z-index:2}.join-panel .section-kicker{color:#1a3c62}.join-panel h2{font-size:clamp(49px,5.5vw,76px);margin:14px 0 12px}.join-panel h2 span{color:#513b8d}.join-panel p{font-size:15px;max-width:470px;line-height:1.7;color:#27465e}.btn-dark{background:#0b1630;color:#f8faff;margin-top:15px;box-shadow:0 7px 17px #071b4b44}.join-lightning{position:absolute;right:80px;top:-55px;font-weight:950;font-size:460px;line-height:1;color:#f4e8ffa6;transform:rotate(7deg);text-shadow:0 0 100px #7a42d177;pointer-events:none}.site-footer{background:#080d1d;border-top:1px solid #26314e}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:46px 0 38px}.footer-identity{display:flex;gap:12px;align-items:center}.footer-identity img{object-fit:contain}.footer-identity strong{font-size:14px;letter-spacing:.1em;display:block}.footer-identity span{font-size:10px;letter-spacing:.08em;color:#9faccb}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:10px;font-weight:850;letter-spacing:.08em;color:#b3c0dc}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #27304c;padding:19px 0 24px;display:flex;justify-content:space-between;gap:15px;color:#7786ac;font-size:10px;letter-spacing:.1em;font-weight:800}
@keyframes floatBlock{50%{transform:translate(-50%,-14px) rotate(-6deg)}}
@media(max-width:1070px){.nav-links{gap:16px}.brand{min-width:195px}.hero h1{font-size:clamp(50px,6.5vw,80px)}.hero{gap:0}.hero-art{transform:scale(.92)}.studio-layout{gap:48px}.game-cards{grid-template-columns:1.4fr 1fr}.featured-copy{padding-left:25px}.featured-copy>p{font-size:13px}.stack-wordmark{font-size:62px}.tag-row span{font-size:8px}}
@media(max-width:960px){.wrap{width:min(100% - 38px,600px)}.header-inner{height:72px}.nav-links{position:absolute;top:71px;left:0;right:0;background:#0d1532f5;border-bottom:1px solid #3f5279;padding:18px 20px 24px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0008}.nav-links.open{display:flex}.nav-links a{padding:14px 8px;font-size:12px}.nav-links .nav-play{text-align:center;margin-top:12px}.menu-toggle{display:flex;justify-content:center;flex-direction:column;gap:5px;width:43px;height:43px;border:1px solid #34466a;border-radius:7px;background:#121a34;cursor:pointer;padding:10px}.menu-toggle span{display:block;width:100%;height:2px;background:#c4e6fc;border-radius:2px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:32px;gap:0}.hero-copy{padding:0}.hero h1{font-size:clamp(53px,10vw,82px);margin-top:19px;margin-bottom:20px}.hero-intro{font-size:15px}.hero-actions{margin-bottom:22px}.hero-art{height:560px;transform:none;max-width:480px;width:100%;justify-self:center}.status-band-inner{min-height:65px;justify-content:center;gap:14px;font-size:9px}.status-band-inner>span:nth-of-type(2){display:none}.status-band-inner i:nth-of-type(2){display:none}.section-space{padding-top:85px;padding-bottom:80px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading>p{text-align:left}.section-heading h2,.studio-copy h2{font-size:46px}.game-cards{grid-template-columns:1fr}.featured-game{min-height:440px}.stack-wordmark{font-size:75px}.featured-copy{padding:30px 0 30px 30px}.next-game{min-height:340px}.next-game h3{margin:44px 0 10px}.studio-layout{grid-template-columns:1fr;gap:55px}.studio-copy{padding-top:15px}.studio-visual{max-width:510px}.join-panel{padding:40px 30px;min-height:350px}.join-panel h2{font-size:54px}.join-lightning{right:-85px;font-size:330px;top:0;opacity:.47}.footer-top{flex-direction:column;align-items:start}.footer-links{gap:21px}.footer-bottom{flex-wrap:wrap}.studio-values{margin-top:20px}}
@media(max-width:480px){.wrap{width:calc(100% - 34px)}.brand{min-width:0}.brand-copy{font-size:12px}.brand-copy small{font-size:8px}.brand img{width:48px;height:37px}.eyebrow{font-size:9px;gap:8px;letter-spacing:.11em}.hero{padding-top:33px}.hero h1{font-size:clamp(52px,12.5vw,67px);margin-top:20px}.hero-intro{font-size:14px}.btn{font-size:11px;min-height:48px;padding:13px 17px}.hero-actions{gap:8px}.hero-footnote{font-size:9px;line-height:1.5}.hero-art{height:495px;overflow:hidden}.game-device{width:216px;height:467px;padding:9px 7px 8px;border-radius:30px}.game-device img{border-radius:20px}.device-speaker{top:8px}.top-label{top:58px;right:-3px;padding:9px 10px;font-size:8px}.bottom-label{left:-2px;bottom:36px;transform:rotate(-5deg);padding:8px 11px}.bottom-label strong{font-size:10px}.bottom-label small{font-size:8px}.mini-bolt{font-size:29px}.orbit-a{width:360px;height:300px;left:0;top:90px}.orbit-b{width:310px;height:375px;left:15px;top:45px}.accent-block{transform:rotate(14deg) scale(.77);right:-5px}.block-1{bottom:85px}.block-2{bottom:122px}.block-3{bottom:159px}.status-band-inner{font-size:8px;letter-spacing:.07em}.section-heading h2,.studio-copy h2{font-size:39px}.featured-game{grid-template-columns:1fr;min-height:540px}.featured-copy{padding:27px 25px 0;z-index:4}.featured-copy>p{font-size:13px;max-width:300px}.stack-wordmark{font-size:67px;margin:18px 0 5px}.tag-row{margin:3px 0 15px}.featured-visual{height:165px;align-self:end;min-height:165px}.stack-block{height:23px;transform:translateX(-50%) rotate(-6deg)}.s1{bottom:2px}.s2{bottom:28px}.s3{bottom:54px}.s4{bottom:80px}.s5{bottom:106px}.s6{bottom:132px}.perfect-badge{left:10%;top:25%;font-size:8px}.next-game{padding:32px 24px;min-height:320px}.join-panel h2{font-size:48px}.join-panel p{font-size:13px}.footer-identity strong{font-size:12px}.footer-identity span{font-size:8px}.footer-links{gap:18px}.footer-links a,.footer-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}