@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#132b36;--cream:#f5f2e9;--paper:#fffdf8;--orange:#d34722;--muted:#627078;--line:#dcded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e28a24;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.header{max-width:1440px;padding:24px 5%;margin:auto;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:8px;margin-top:5px;letter-spacing:1.5px}.brand-mark{font:800 32px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;border-bottom:3px solid var(--orange);position:relative}.brand-mark span{font-size:13px;color:var(--orange);position:absolute;top:-5px;right:-7px}.preview{margin-left:auto;font-size:9px;letter-spacing:1.6px;background:#e9e6dc;padding:7px 10px;border-radius:3px}.outline{background:transparent;border:1px solid #bbc3c2;border-radius:5px;padding:11px 17px;color:var(--navy);font-weight:700}.outline span{margin-left:10px;color:var(--orange)}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;padding:64px 5% 52px;gap:40px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px}.eyebrow>span{display:inline-block;background:var(--orange);width:8px;height:8px;margin-right:9px}h1,h2,h3,p{margin:0}h1{font:800 clamp(58px,6.7vw,98px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.7px;margin:22px 0 24px}h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:480px;font-size:16px;line-height:1.8;color:#53666c}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--orange);color:white;border:0;border-radius:4px;padding:15px 20px;font-weight:700;font-size:13px}.primary:hover{background:#b83a1b}.text-button{background:none;border:0;padding:12px 0;color:var(--navy);font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}.trust{display:flex;gap:18px;margin-top:32px;font-size:10px;color:var(--muted);flex-wrap:wrap}.trust span:before{content:'✓';color:var(--orange);margin-right:6px}.hero-art{height:370px;position:relative;overflow:hidden;background:#dfe8e1;border-radius:8px;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b9c9bd66 1px,transparent 1px),linear-gradient(90deg,#b9c9bd66 1px,transparent 1px);background-size:32px 32px;transform:rotate(-12deg) scale(1.3)}.arcade{width:180px;transform:rotate(-7deg);filter:drop-shadow(17px 16px 0 #132b3618);position:relative}.marquee{background:var(--orange);color:#fff6d7;text-align:center;font:800 23px 'Barlow Condensed',Impact,sans-serif;padding:9px 0;border:7px solid var(--navy);border-radius:7px 7px 0 0}.screen{border:14px solid var(--navy);border-top-width:9px;background:#1b4149;height:145px;text-align:center;color:#d7eb77;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.insert{font-size:8px;letter-spacing:1.5px;line-height:1.7}.pixel{font-size:35px;color:#f4bd6c}.screen-bottom{font-size:6px;letter-spacing:2px}.deck{height:43px;background:#2d4c54;border:8px solid var(--navy);display:flex;gap:5px;align-items:center;padding:8px;transform:perspective(120px) rotateX(18deg);transform-origin:top}.deck i{height:22px;width:7px;background:#ced9c9;margin-right:25px;position:relative}.deck i:before{content:'';position:absolute;top:-5px;left:-5px;width:18px;height:18px;border-radius:50%;background:var(--orange)}.deck b{width:10px;height:10px;background:#eeb259;border-radius:50%}.cab-base{height:98px;background:var(--navy);border-left:10px solid var(--orange);border-right:10px solid #294752;display:grid;place-items:center}.cab-base span{font:800 38px 'Barlow Condensed',Impact,sans-serif;color:#6e8c86;letter-spacing:3px}.art-caption{position:absolute;bottom:13px;font-size:8px;letter-spacing:2px;font-weight:700}.explore{padding:38px 5% 65px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}h2{font:700 44px 'Barlow Condensed',Impact,sans-serif;margin-top:8px;letter-spacing:-.5px}.section-heading p{font-size:12px;color:var(--muted);line-height:1.8}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:27px;align-items:start}.search-controls{display:flex;gap:10px}.search-box{display:flex;align-items:center;background:var(--paper);border:1px solid #bac7c6;border-radius:5px;flex:1;min-width:0;padding:0 15px;gap:12px}.search-box>span{font-size:28px}.search-box input{background:transparent;border:0;min-width:0;width:100%;padding:16px 0;outline:none;color:var(--navy);font-size:12px}select{height:51px;padding:0 30px 0 13px;color:var(--navy);background:var(--paper);border:1px solid #bac7c6;border-radius:5px;max-width:170px;font-size:12px}.browse-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;margin-bottom:14px}.tabs{display:flex;gap:19px}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--muted);font-size:12px}.tab.active{color:var(--navy);font-weight:700;border-color:var(--orange)}.tab span{background:#e6e6dd;padding:1px 5px;margin-left:3px;border-radius:3px}#resultCount{font-size:11px;color:var(--muted)}.catalog-note{font-size:10px;line-height:1.65;color:#65736d;border-left:2px solid #9bac9f;padding:6px 11px;margin-bottom:19px}.catalog-note strong{font-weight:700;color:#40574b}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{background:var(--paper);border:1px solid var(--line);border-radius:5px;display:flex;align-items:flex-start;gap:13px;padding:17px;min-height:105px}.game-card.selected{border-color:#d68c70;background:#fff9f0}.game-info{min-width:0;flex:1}.system-tag{font-size:8px;text-transform:uppercase;letter-spacing:1.25px;color:var(--muted);font-weight:700}.game-card h3{font-size:13px;font-weight:700;line-height:1.45;margin-top:8px;overflow-wrap:anywhere}.game-meta{margin-top:7px;font-size:9px;color:var(--muted)}.favorite{flex-shrink:0;width:29px;height:29px;display:grid;place-items:center;border:1px solid #d0d6cb;border-radius:50%;color:#6e7f76;background:transparent;font-size:20px}.favorite[aria-pressed=true]{color:white;background:var(--orange);border-color:var(--orange)}.empty{grid-column:1/-1;padding:40px 20px;text-align:center;color:var(--muted);line-height:1.8}.empty h3{font-size:20px;color:var(--navy);margin-bottom:8px}.load-more{display:block;margin:24px auto}.load-more[hidden]{display:none}.wishlist{border:1px solid #bdc9bd;background:#e9eee5;border-radius:6px;position:sticky;top:20px;overflow:hidden;scroll-margin-top:20px}.list-title{padding:22px 21px 17px;border-bottom:1px solid #cfd8cc}.list-title .eyebrow{font-size:8px;letter-spacing:1.6px;color:#5c7065}.list-title h3{font:700 29px 'Barlow Condensed',Impact,sans-serif;margin-top:8px;display:flex;justify-content:space-between;align-items:center}.list-title h3 span{font:700 13px 'DM Sans',Arial,sans-serif;background:#d6dfd0;padding:5px 9px;border-radius:5px}.saved-empty{padding:25px 21px;color:#617168;font-size:12px;line-height:1.8}.saved-empty strong{display:block;color:var(--navy);margin-bottom:5px}#savedList{max-height:330px;overflow-y:auto}.saved-row{padding:13px 20px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #d7dfd0}.saved-row div{flex:1;min-width:0}.saved-row strong{font-size:11px;line-height:1.5;display:block;overflow-wrap:anywhere}.saved-row small{font-size:9px;color:var(--muted)}.remove{border:0;background:transparent;font-size:20px;color:#637568;padding:5px}.wishlist-bottom{padding:18px 20px}.wishlist-bottom p{font-size:10px;line-height:1.6;color:#607367;margin-bottom:16px}.full{width:100%;font-size:11px;justify-content:center;gap:8px}.wishlist-bottom .text-button{margin-top:4px}.request-title{font-size:9px;font-weight:700;padding:15px 20px 2px;text-transform:uppercase;letter-spacing:1px}.missing{margin-top:28px;border-top:1px solid var(--line);padding-top:23px}.missing h3{font-size:16px}.missing p{font-size:11px;color:var(--muted);margin-top:7px}.missing form{display:flex;gap:8px;margin-top:14px}.missing input{min-width:0;flex:1;padding:12px;border:1px solid #bac7c6;border-radius:4px;background:var(--paper);font-size:12px}.dark-button{border:0;border-radius:4px;background:var(--navy);color:white;padding:12px 16px;font-weight:700;font-size:11px}.how{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:42px 5%}.how span{font-size:9px;color:#c3d6ac;letter-spacing:1.8px}.how h3{font:600 25px 'Barlow Condensed',Impact,sans-serif;margin:12px 0}.how p{font-size:12px;color:#b7c8c9;line-height:1.8;max-width:290px}footer{max-width:1440px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;font-weight:700}footer small{display:block;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:0;margin-top:6px}footer>span:last-child{color:var(--muted);font-weight:400;letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:var(--paper);color:var(--navy);border:0;border-radius:9px;width:min(620px,94vw);max-height:90vh;padding:28px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#102730aa;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.close{background:none;border:0;font-size:28px;color:var(--navy);padding:0 6px}.progress{height:3px;background:#e3e6da;margin:16px 0 27px}.progress span{display:block;height:3px;background:var(--orange)}.step-label{font-size:10px;color:var(--muted);margin-bottom:10px}.guide-title{font:700 35px/1.1 'Barlow Condensed',Impact,sans-serif;margin-bottom:12px}.guide-description{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:20px}.choices{display:grid;gap:9px}.choice{text-align:left;background:#f5f3eb;border:1px solid #d7ddcf;border-radius:5px;padding:15px;color:var(--navy)}.choice strong{display:block;font-size:13px}.choice small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.choice:hover,.choice.chosen{border-color:var(--orange);background:#fff0df}.guide-nav{display:flex;justify-content:space-between;gap:15px;margin-top:23px}.result-box{background:#e9eee5;padding:18px;border-radius:5px;margin:18px 0}.result-box h3{font-size:18px;margin-bottom:9px}.result-box p,.result-box li{font-size:12px;line-height:1.8}.result-box ul{padding-left:18px;margin-bottom:0}.result-summary{font-size:12px;line-height:1.8;margin:15px 0}.result-label{font-size:10px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:1px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 20px;border-radius:5px;box-shadow:0 5px 25px #0003;font-size:12px;max-width:90vw;z-index:10}
@media(min-width:1440px){.header{padding-left:72px;padding-right:72px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.hero{gap:20px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-art{height:340px}.search-controls{flex-wrap:wrap}.search-box{flex-basis:100%}.system-label,select{width:100%;max-width:none}select{height:40px}.game-card{padding:13px}.game-grid{grid-template-columns:1fr}.how{gap:25px}}@media(max-width:650px){.header{padding:18px 5%;gap:12px}.brand{font-size:9px;letter-spacing:.4px}.brand small{font-size:7px;letter-spacing:.8px}.brand-mark{font-size:28px}.preview{display:none}.header>.outline{margin-left:auto;font-size:10px;padding:9px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:35px}.hero-art{height:245px;margin-top:14px}.arcade{transform:rotate(-7deg) scale(.72)}h1{font-size:69px}.hero-copy>p{font-size:14px}.trust{gap:10px;font-size:9px;margin-top:24px}.section-heading{display:block}.section-heading p{margin-top:13px}.explore{padding-top:28px}.workspace{grid-template-columns:1fr}.wishlist{position:static;grid-row:1}.wishlist .list-title{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-title h3{font-size:24px;gap:15px;margin:0}.list-title .eyebrow{font-size:7px;max-width:100px}#savedList{max-height:220px}.saved-empty{padding:15px 18px}.wishlist-bottom{padding:12px 18px}.wishlist-bottom p{margin-bottom:9px}.wishlist-bottom .full{padding:12px}.wishlist-bottom .text-button{padding:8px}.game-grid{grid-template-columns:1fr 1fr;gap:8px}.game-card{padding:12px;gap:6px}.game-card h3{font-size:11px}.favorite{width:25px;height:25px;font-size:17px}.system-tag{font-size:7px}.how{grid-template-columns:1fr;gap:30px}.how p{max-width:none}footer{flex-direction:column}.browse-row{align-items:center}.tabs{gap:14px}.tab{font-size:11px}#resultCount{font-size:10px}.catalog-note{font-size:9px}.search-box input{font-size:11px}.hero-actions .text-button{font-size:11px}dialog{padding:22px}.guide-title{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#briefPreview{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;scroll-margin-top:10px}#briefPreview[hidden]{display:none}#briefPreview h3{font-size:19px;margin-bottom:9px}#briefPreview p{font-size:12px;line-height:1.7;color:var(--muted)}.brief-actions{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0}#briefText{width:100%;resize:vertical;min-height:240px;padding:14px;background:#f5f3eb;color:var(--navy);border:1px solid #b6c1b3;border-radius:5px;font:12px/1.65 monospace}#briefStatus{min-height:40px;margin-top:10px!important;font-weight:600;color:var(--navy)!important}