@media(max-width:700px){#landing .landing-scene-word{font-size:clamp(32px,10vw,46px);margin:30px 20px;letter-spacing:-2px}#landing .landing-camera{height:70px;bottom:12px}}
#landing{min-height:100vh;background:radial-gradient(ellipse at 85% 27%,#24321b55,transparent 50%),var(--bg)}
.landing-header{max-width:1320px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}
.landing-header .brand{padding:0}.landing-header nav{display:flex;align-items:center;gap:32px}.landing-features-link{font-size:13px;color:#acb5a4}
.landing-main{max-width:1320px;margin:auto;padding:0 40px}.landing-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding:100px 0 110px}.landing-copy .eyebrow{color:var(--green);letter-spacing:2px;font-size:10px}
.landing-copy h1{font-size:clamp(40px,4.3vw,66px);line-height:1.08;letter-spacing:-3px;margin:24px 0}.landing-copy h1>span{color:var(--green)}.landing-intro{color:#a6b09e;font-size:16px;line-height:1.85;max-width:460px}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-actions .button{padding:15px 20px}.landing-note{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.7}
.landing-art{position:relative;border:1px solid #4c6136;border-radius:14px;padding:15px;background:linear-gradient(150deg,#26301f,#141a12);box-shadow:0 30px 80px #0006;transform:rotate(-3deg);min-width:0}.landing-preview-top,.landing-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.4px;color:#a7b497;padding:5px 4px 17px}.landing-preview-top .tiny-dot{margin-right:6px}.landing-preview-top>span:last-child{font-size:7px;color:#a3aa9c}.landing-preview-bottom{padding:17px 4px 3px}.landing-scene{position:relative;min-height:280px;overflow:hidden;border-radius:7px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#c2ff5c09 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#c2ff5c09 30px),#0e140d}.landing-scene-word{position:relative;display:block;font-size:clamp(36px,4.3vw,66px);font-weight:900;line-height:.95;letter-spacing:-3px;margin:45px 26px;color:#e8eddf}.landing-scene-word em{font-style:normal;color:var(--green)}.landing-orbit{position:absolute;width:340px;height:340px;border:1px solid #c2ff5c45;border-radius:50%;right:-170px;top:-90px;box-shadow:0 0 0 28px #c2ff5c08,0 0 0 56px #c2ff5c06}.landing-camera{position:absolute;right:17px;bottom:17px;width:145px;height:95px;border:2px solid var(--green);border-radius:7px;background:#1a2519;display:grid;place-content:center;text-align:center;box-shadow:5px 5px 0 #c2ff5c24}.landing-camera>span{font-size:33px;color:var(--green)}.landing-camera small{font-size:7px;letter-spacing:2px}.landing-art-label{position:absolute;bottom:-22px;left:25px;background:#202b1a;border:1px solid #536e36;border-radius:9px;padding:13px 18px;font-size:11px;transform:rotate(3deg);box-shadow:0 10px 25px #0005}.landing-art-label>span{margin-right:9px}
.landing-features{border-top:1px solid var(--border);padding:45px 0 65px;scroll-margin-top:30px}.landing-section-heading h2{font-size:30px;letter-spacing:-1px;margin:12px 0 30px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-feature-grid article{padding:27px;border:1px solid var(--border);border-radius:12px;background:#141a13}.landing-feature-icon{display:grid;place-items:center;width:40px;height:40px;background:#23321b;border:1px solid #3a5026;border-radius:10px;color:var(--green);font-size:23px;margin-bottom:23px}.landing-feature-grid h3{font-size:18px}.landing-feature-grid p{font-size:13px;color:#a1ac97;line-height:1.85;margin:13px 0 23px}.landing-feature-grid small{font-size:8px;letter-spacing:1.7px;color:var(--green)}.landing-footer{max-width:1240px;margin:auto;padding:25px 0 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}
#login-dialog{width:min(470px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #40532e;border-radius:18px;padding:38px;background:linear-gradient(145deg,#1c2518,#111610);color:var(--text);box-shadow:0 30px 120px #000a}#login-dialog::backdrop{background:#050805cc;backdrop-filter:blur(7px)}body:has(#login-dialog[open]){overflow:hidden}.login-close{position:absolute;right:14px;top:14px}.login-mark{display:grid;place-items:center;width:50px;height:50px;background:var(--green);color:#14210d;font-size:26px;font-weight:900;border-radius:12px;margin-bottom:28px}#login-dialog h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:14px 0}#login-description{color:#aab4a1;font-size:13px;line-height:1.8}#modal-twitch-login{display:flex;width:100%;justify-content:center;margin-top:25px;padding:15px}.login-privacy{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0}#login-feedback{padding:13px;border:1px solid #84673f;border-radius:8px;background:#372817;color:#ffe2b6;font-size:12px;line-height:1.7;margin-top:20px}#login-setup{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--border);padding-top:17px}#login-setup summary{cursor:pointer;color:var(--green)}#login-setup p{margin:12px 0}#login-setup code{overflow-wrap:anywhere;color:var(--text)}#login-setup a{color:var(--green)}
@media(max-width:1000px){.landing-hero{gap:35px;padding:70px 0 80px}.landing-copy h1{letter-spacing:-2px}.landing-scene{min-height:260px}.landing-camera{width:115px;height:75px}.landing-footer{margin:0 40px}.landing-feature-grid article{padding:20px}}
@media(max-width:700px){.landing-header{padding:22px}.landing-header .brand{font-size:22px}.landing-header nav{gap:12px}.landing-features-link{display:none}.landing-main{padding:0 24px}.landing-hero{grid-template-columns:1fr;padding:52px 0 65px;gap:45px}.landing-copy h1{font-size:clamp(36px,9vw,56px);letter-spacing:-1.8px}.landing-intro{font-size:14px}.landing-art{margin:0 6px}.landing-scene{min-height:240px}.landing-scene-word{font-size:53px}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-grid article{padding:25px}.landing-section-heading h2{font-size:26px}.landing-footer{margin:0 24px;flex-direction:column;line-height:1.6;font-size:9px}#login-dialog{padding:30px 24px}#login-dialog h2{font-size:26px}}