.topnav{position:fixed;top:0;left:0;right:0;height:64px;background:var(--obs-bg-deep);border-bottom:var(--obs-border);display:flex;align-items:center;padding:0 28px;gap:24px;z-index:1000}.topnav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.topnav-logo{height:1.3em;width:auto;image-rendering:pixelated;vertical-align:-.22em;position:relative;left:-.1em;top:-.04em}.topnav-name{font-family:var(--obs-font-display);font-size:12px;letter-spacing:var(--obs-tracking);color:var(--obs-text)}.topnav-name .title-accent{color:var(--obs-green)}.topnav-tabs{display:flex;align-items:center;gap:6px;margin-left:12px}.topnav-tab{padding:10px 16px;border-radius:0;font-family:var(--obs-font-display);font-size:10px;letter-spacing:var(--obs-tracking);color:var(--obs-text-dim);text-decoration:none;cursor:pointer;border:3px solid transparent;background:none;transition:background var(--obs-ease),color var(--obs-ease)}.topnav-tab:hover{color:var(--obs-text);background:var(--obs-surface)}.topnav-tab.active{background:var(--obs-orange);color:var(--obs-on-orange)}.topnav-menu{display:contents}.topnav-burger,.nav-scrim{display:none}.topnav-burger-bars,.topnav-burger-bars:before,.topnav-burger-bars:after{content:"";display:block;width:22px;height:3px;background:var(--obs-text)}.topnav-burger-bars{position:relative}.topnav-burger-bars:before{position:absolute;left:0;top:-7px}.topnav-burger-bars:after{position:absolute;left:0;top:7px}.page-wrap{padding-top:64px;min-height:100vh}.tab-section{display:none}.tab-section.active{display:block}.landing{max-width:880px;margin:0 auto;padding:80px 28px 60px}.landing-hero{text-align:center;margin-bottom:60px}.landing-eyebrow{font-family:var(--obs-font-display);font-size:10px;letter-spacing:var(--obs-tracking);text-transform:uppercase;color:var(--obs-orange);margin-bottom:20px}.landing-title{font-family:var(--obs-font-display);font-size:clamp(1.4rem,4vw,2.4rem);line-height:1.5;letter-spacing:var(--obs-tracking);color:var(--obs-text);text-shadow:5px 5px 0 var(--obs-shadow);margin-bottom:28px}.title-accent{color:var(--obs-green)}.title-logo{height:1.4em;width:auto;vertical-align:-.12em;image-rendering:pixelated;margin:0 .03em;position:relative;left:-8px;top:-6px}.landing-slogan{font-family:var(--obs-font-body);font-size:26px;color:var(--obs-cyan);max-width:600px;margin:0 auto 24px;line-height:1.3}.landing-subtitle{font-size:22px;color:var(--obs-text-dim);max-width:600px;margin:0 auto;line-height:1.4}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.landing-card-icon{font-size:28px;margin-bottom:14px}.landing-card-title{font-family:var(--obs-font-display);font-size:11px;letter-spacing:var(--obs-tracking);line-height:1.5;margin-bottom:10px}.landing-card-desc{font-size:18px;color:var(--obs-text-dim);line-height:1.35}.landing-boxes{display:flex;flex-direction:column;gap:24px;text-align:left}.info-box p{font-size:18px;color:var(--obs-text-dim);line-height:1.45;margin:0 0 14px}.info-box .info-lead{color:var(--obs-text);font-weight:700}.info-box strong{color:var(--obs-orange)}.info-box .btn{margin-top:6px}.info-2in1{list-style:none;margin:0 0 14px;padding:0;counter-reset:twoinone;display:flex;flex-direction:column;gap:16px}.info-2in1 li{counter-increment:twoinone;position:relative;padding-left:44px;font-size:18px;color:var(--obs-text-dim);line-height:1.45}.info-2in1 li:before{content:counter(twoinone);position:absolute;left:0;top:2px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--obs-orange);color:var(--obs-on-orange);border:var(--obs-border);box-shadow:var(--obs-shadow-sm);font-family:var(--obs-font-display);font-size:11px;line-height:1}.feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.feature-list li{position:relative;padding-left:24px;font-size:18px;color:var(--obs-text-dim);line-height:1.4}.feature-list li:before{content:"\25b8";position:absolute;left:0;top:0;color:var(--obs-orange)}.features-wrap{max-width:880px;margin:0 auto;padding:48px 28px 80px}.features-header{margin-bottom:28px}.features-header h1{font-size:20px}.features-header p{color:var(--obs-text-dim);font-size:19px;margin:12px 0 18px}.feature-highlights li{color:var(--obs-text)}.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.subtab{padding:12px 18px;font-family:var(--obs-font-display);font-size:10px;letter-spacing:var(--obs-tracking);color:var(--obs-text-dim);cursor:pointer;border:var(--obs-border);background:var(--obs-surface);box-shadow:var(--obs-shadow-sm);transition:background var(--obs-ease),color var(--obs-ease),transform var(--obs-ease)}.subtab:hover{background:var(--obs-surface-2);color:var(--obs-text)}.subtab.active{background:var(--obs-orange);color:var(--obs-on-orange)}.subtab-panel{display:none}.subtab-panel.active{display:block}.feedback-wrap{max-width:760px;margin:0 auto;padding:48px 28px 80px}.feedback-header{margin-bottom:24px}.feedback-header h1{font-size:20px}.feedback-header p{color:var(--obs-text-dim);font-size:19px;margin:12px 0 0}.feedback-lists{margin-top:36px}.fb-tab{padding:12px 18px;font-family:var(--obs-font-display);font-size:10px;letter-spacing:var(--obs-tracking);color:var(--obs-text-dim);cursor:pointer;border:var(--obs-border);background:var(--obs-surface);box-shadow:var(--obs-shadow-sm);transition:background var(--obs-ease),color var(--obs-ease)}.fb-tab:hover{background:var(--obs-surface-2);color:var(--obs-text)}.fb-tab.active{background:var(--obs-orange);color:var(--obs-on-orange)}.fb-panel{display:none}.fb-panel.active{display:block}.fb-empty{color:var(--obs-text-mute);font-size:19px;text-align:center;padding:40px 24px}.randomizer-wrap{max-width:760px;margin:0 auto;padding:48px 28px 80px}.randomizer-header{margin-bottom:36px}.randomizer-header h1{font-size:20px}.randomizer-header p{color:var(--obs-text-dim);font-size:19px;margin:0}.wizard-panel{display:none}.wizard-panel.active{display:block}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.run-panel{margin-top:16px;padding:20px;background:var(--obs-well);border:var(--obs-border);box-shadow:var(--obs-inset);border-radius:0}.run-panel.hidden{display:none}.sl-subsection{padding-bottom:20px;margin-bottom:20px;border-bottom:3px dashed var(--obs-line)}.sl-subsection:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.coop-panel{margin-top:16px;padding:20px;background:var(--obs-well);border:var(--obs-border);box-shadow:var(--obs-inset);border-radius:0}.coop-panel.hidden{display:none}.coop-numroms{display:flex;align-items:center;gap:12px;margin-bottom:20px}.coop-numroms label{font-family:var(--obs-font-display);font-size:10px;letter-spacing:var(--obs-tracking);flex-shrink:0}.coop-numroms input{width:90px}.slider-row{display:flex;align-items:center;gap:14px}.slider-value{font-family:var(--obs-font-display);font-size:12px;color:var(--obs-orange);min-width:48px;text-align:right;flex-shrink:0}.config-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0;margin:0 0 10px}.config-actions-hint{display:block;margin:0 0 20px;padding-bottom:20px;border-bottom:3px dashed var(--obs-line)}.regen-link{color:var(--obs-orange);cursor:pointer;text-decoration:underline}.regen-review-note{margin-bottom:16px;padding:10px 12px;border-left:3px solid var(--obs-orange);font-size:13px}.config-actions-label{font-family:var(--obs-font-display);font-size:9px;letter-spacing:var(--obs-tracking);color:var(--obs-text-dim);margin-right:4px}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:3px dashed var(--obs-line)}.wizard-nav-right{display:flex;gap:12px;margin-left:auto}.gen-progress-wrap{display:flex;align-items:center;gap:12px;margin:24px 0 12px}.gen-progress-bar{flex:1;height:24px;background:var(--obs-well);border:var(--obs-border);box-shadow:var(--obs-inset);border-radius:0;padding:2px;overflow:hidden}.gen-progress-fill{height:100%;background:var(--obs-orange);border-radius:0;transition:width .3s steps(20);width:0%}.gen-progress-pct{font-family:var(--obs-font-display);font-size:11px;color:var(--obs-orange);min-width:48px;text-align:right;flex-shrink:0}.gen-step-label{font-size:18px;color:var(--obs-text-dim);margin-bottom:24px}.generate-card{text-align:center;padding:48px 32px}.generate-icon{font-size:48px;margin-bottom:20px}#gen-running .generate-icon img{animation:gen-gear-spin 1.2s steps(12) infinite;transform-origin:50% 50%}@keyframes gen-gear-spin{to{transform:rotate(360deg)}}.generate-title{font-family:var(--obs-font-display);font-size:14px;line-height:1.6;letter-spacing:var(--obs-tracking);margin-bottom:14px}.generate-desc{color:var(--obs-text-dim);font-size:19px;margin-bottom:32px}.generate-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.coming-soon-note{font-size:17px;color:var(--obs-text-mute);margin-top:4px}@media(max-width:600px){.topnav{padding:0 16px}.topnav-burger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer}.topnav-menu{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:fixed;top:64px;right:0;width:min(80vw,320px);height:calc(100dvh - 64px);padding:16px;background:var(--obs-bg-deep);border-left:var(--obs-border);overflow-y:auto;transform:translate(100%);transition:transform .2s ease;z-index:1200}body.nav-open .topnav-menu{transform:translate(0)}.topnav-tabs{flex-direction:column;align-items:stretch;gap:6px;margin:0}.topnav-tab{display:flex;align-items:center;min-height:44px;text-align:left}.topnav-account{margin:8px 0 0;justify-content:flex-start}.nav-scrim{position:fixed;inset:64px 0 0;background:#04080f99;z-index:999}body.nav-open .nav-scrim{display:block}.radio-card-group,.radio-card-group-3,.difficulty-group{grid-template-columns:1fr}.randomizer-wrap,.landing,.features-wrap,.settings-wrap,.feedback-wrap{padding-left:16px;padding-right:16px}.landing{padding-top:48px}.settings-wrap{padding-top:36px}}