@import url('world.css');
:root{--paper:#f4f0e5;--ink:#192f37;--muted:#647270;--line:#d6d8cd;--gold:#c89c49;--teal:#287068}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd8131;outline-offset:4px}[hidden]{display:none!important}.site-head{background:#122b35;color:#efeadd;padding:22px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:21px;font-weight:900;letter-spacing:1px;line-height:1.2}.brand b{color:#c9a360}.brand span{display:block;font-size:9px;letter-spacing:2.5px;margin-top:8px;font-weight:400}.site-head nav{display:flex;align-items:center;gap:24px}.site-head nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:13px}.play-link{padding:8px 18px;border:1px solid #8caa9e;border-radius:4px}.lounge-hero{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:65px 24px 56px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal);margin:0 0 16px}.lounge-hero h1{font-size:clamp(35px,4.6vw,64px);line-height:1.35;letter-spacing:-2px;margin:0 0 20px}.lounge-hero h1 em{font-style:normal;color:var(--teal)}.hero-copy{font-size:16px;color:var(--muted);line-height:1.9}.hero-route{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-route a{font-size:12px;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.hero-route a:first-child{background:var(--ink);color:#fff;padding:10px 18px;text-decoration:none;border-radius:3px}.shop-sign{padding:22px 24px 14px;background:#d2d2bd;border:1px solid #b3b7a5;border-radius:12px;transform:rotate(1.5deg);box-shadow:10px 13px 0 #dce0d2;max-width:510px}.sign-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:bold;margin-bottom:14px;gap:12px}.crt{border:14px solid #263b3c;border-radius:28px;background:repeating-linear-gradient(0deg,#1d4644 0,#1d4644 2px,#244c49 3px);color:#d8e9b4;text-align:center;padding:20px 8px 32px;box-shadow:inset 0 0 40px #102a2c}.pixel-heart{font-size:55px;color:#e1ae54;line-height:1.3}.crt strong{display:block;font-size:30px;letter-spacing:2px;line-height:1.1}.crt small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:20px}.shelf{display:flex;align-items:center;gap:5px;padding-top:17px}.shelf i{width:13px;height:24px;border-radius:2px;background:#6e8171}.shelf i:nth-child(2){background:#d2a261}.shelf i:nth-child(3){background:#a87765}.shelf i:nth-child(4){background:#40616c}.shelf span{margin-left:auto;font-size:11px;color:#40544b}.demo-banner{background:#e7e7d9;border-block:1px solid var(--line);padding:12px max(24px,calc((100vw - 1232px)/2));display:flex;align-items:center;gap:16px;font-size:11px}.demo-banner strong{white-space:nowrap;color:#735b27}.demo-banner span{flex:1}.demo-banner button{background:transparent;border:1px solid #b6bcac;border-radius:4px;padding:9px 12px;min-height:44px;white-space:nowrap;color:var(--ink)}.directory{max-width:1280px;margin:auto;padding:42px 24px 58px;scroll-margin-top:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:25px}h2{font-size:28px;line-height:1.4;margin:0}.section-head .eyebrow{margin-bottom:6px}.quiet{font-size:12px;color:var(--muted)}.directory-tabs{display:flex;border-bottom:1px solid var(--line);gap:32px;margin-bottom:24px}.directory-tabs button{padding:14px 0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:bold;font-size:15px;min-height:58px}.directory-tabs button span{font-size:8px;letter-spacing:1px;margin-left:7px}.directory-tabs button[aria-pressed=true]{border-bottom-color:var(--teal);color:var(--teal)}.filters{display:flex;gap:12px;align-items:end}.filters label{font-size:10px;font-weight:bold;display:block;min-width:0}.search{flex:1}.filters input,.filters select{width:100%;border:1px solid #c6ccbe;border-radius:4px;background:#faf9f3;color:var(--ink);min-height:46px;padding:10px 12px;display:block;margin-top:6px;font-size:12px}.filters select{max-width:260px}.filters button{border:1px solid #c6ccbe;background:transparent;min-height:46px;border-radius:4px;padding:10px 18px;white-space:nowrap;color:var(--ink);font-size:12px}.filters button[aria-pressed=true]{background:#d8e9de;border-color:var(--teal);color:var(--teal)}.context-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:17px 0 8px}.context-strip a{font-weight:bold;min-height:44px;display:flex;align-items:center;text-underline-offset:5px;flex-shrink:0}.source-notice{margin:0 0 23px;font-size:10px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.channel-card{border:1px solid #cdd1c5;background:#fcfbf6;border-radius:7px;overflow:hidden;position:relative}.card-art{height:165px;background:var(--card-color,#365d5a);position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 26px;overflow:hidden}.card-art:before{content:'';position:absolute;inset:14px;border:1px solid #ffffff28;border-radius:4px;pointer-events:none}.card-art .monogram{font-family:Georgia,serif;font-size:70px;color:#eae3c9;font-style:italic;line-height:1;z-index:1}.card-art img{width:94px;height:112px;object-fit:contain;filter:drop-shadow(4px 8px 5px #0005);transform:rotate(7deg);z-index:1}.sample-pill{position:absolute;right:10px;top:10px;padding:3px 7px;background:#11282cba;color:#f4ecda;font-size:8px;border-radius:3px;letter-spacing:1px}.card-content{padding:20px 22px}.card-kicker{font-size:9px;letter-spacing:1.3px;color:#777d6e;margin-bottom:8px}.card-content h3{font-size:20px;margin:0 0 3px;line-height:1.4}.card-content .tagline{font-size:11px;color:var(--muted);margin:9px 0 14px;min-height:36px}.game-name{display:block;font-size:11px;color:var(--teal);margin-bottom:12px}.states{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.state{font-size:9px;border:1px solid #d4d8cd;border-radius:30px;padding:3px 7px;background:#eff0e8;color:#576460}.state.live,.state.playing,.state.online{background:#e3eee2;color:#326447;border-color:#b9d0b8}.state.live{background:#f8e2d7;border-color:#dfbaaa;color:#925138}.state small{font-size:8px}.card-actions{display:flex;gap:8px;align-items:stretch}.card-actions button{min-height:44px;border:1px solid #c6ccbe;border-radius:4px;font-size:11px;background:transparent;color:var(--ink);padding:8px 12px}.card-actions .details{flex:1;text-align:left}.card-actions .follow{color:var(--teal)}.follow[aria-pressed=true]{background:#dfecdf}.empty{padding:60px 20px;text-align:center;border:1px dashed #b6c0af}.empty>span{font-size:40px}.empty button,.pathways button,#clear-demo{min-height:44px;padding:10px 16px;border:1px solid #bac5b4;background:transparent;border-radius:4px;color:var(--ink)}.empty p{font-size:13px;color:var(--muted)}.pathways{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;max-width:1232px;margin:auto;gap:60px;padding:35px 0 45px}.pathways h2{font-size:22px}.pathways p:not(.eyebrow){font-size:12px;color:var(--muted)}.dark-button{display:inline-flex;min-height:44px;background:var(--ink);color:#fff;border-radius:4px;padding:10px 16px;text-decoration:none;font-size:12px;align-items:center}footer{background:#142e37;color:#e6e4d6;display:flex;justify-content:space-between;gap:15px;padding:22px max(24px,calc((100vw - 1232px)/2));font-size:9px;letter-spacing:.7px}footer a{min-height:44px;display:flex;align-items:center}footer>span{align-self:center}dialog{background:var(--paper);color:var(--ink);border:1px solid #aebaaa;border-radius:10px;width:min(730px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:50px 32px 32px;overflow-y:auto;box-shadow:0 25px 80px #09252c66}dialog::backdrop{background:#102a32a8;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:8px;top:8px;width:44px;height:44px;background:transparent;border:0;color:var(--ink);font-size:21px}.detail-hero{display:flex;gap:24px;align-items:center;margin-bottom:24px}.detail-avatar{background:var(--teal);color:#ede6c9;display:grid;place-items:center;min-width:80px;height:80px;font:italic 42px Georgia;border-radius:8px}.detail-hero h2{font-size:27px}.detail-hero p{margin:4px 0;font-size:12px;color:var(--muted)}.detail-box{background:#e7ebdf;border:1px solid #cdd5c5;padding:18px;border-radius:5px;margin:18px 0;font-size:12px}.detail-box p{margin:5px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-actions a,.detail-actions button{font-size:12px;min-height:44px;padding:10px 14px;border:1px solid #b8c4b4;border-radius:4px;background:transparent;color:var(--ink);display:flex;align-items:center;text-decoration:none}.detail-actions button.follow{background:#dfeadd}.version-list{padding:0;list-style:none}.version-list li{border-bottom:1px solid #cad3c2;padding:12px 0}.version-list b,.version-list small{display:block}.version-list small{color:var(--muted);margin-top:4px}.feedback-form label{display:block;font-size:12px;font-weight:bold}.feedback-form textarea{width:100%;margin:8px 0;min-height:88px;padding:12px;border:1px solid #bac5b4;border-radius:4px;background:#faf9f3;color:var(--ink);resize:vertical}.feedback-form button{background:var(--ink);color:white;padding:10px 15px;border:0;border-radius:4px;min-height:44px}.feedback-preview{border-left:3px solid var(--teal);padding:10px 14px;margin-top:14px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.settings-field{display:block;margin:24px 0}.settings-field select{display:block;width:100%;padding:12px;margin-top:8px;color:var(--ink);background:#faf9f3;border:1px solid #b7c4b4}.check-row{display:flex;align-items:center;gap:10px;font-size:13px;min-height:44px}.check-row input{width:20px;height:20px}#visibility-note{font-size:12px}#toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:90vw;background:#163c39;color:#fff;padding:12px 20px;border-radius:5px;font-size:12px;z-index:10;box-shadow:0 8px 30px #0002;pointer-events:none}#toast:empty{display:none}.project-art{background:linear-gradient(135deg,#315453,#1d3036)}.project-art .project-icon{font-size:58px;color:#ddb269;z-index:1}.tier-note{font-size:11px;color:var(--muted)}.concept-main{max-width:1280px;margin:auto;padding:45px 24px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.concept-card{border:1px solid var(--line);padding:26px;background:#fcfbf6;border-radius:10px}.concept-card p{font-size:13px}.concept-scene{height:240px;border-radius:8px;background:#dfe4d5;padding:24px;display:flex;gap:13px;align-items:center;justify-content:center;margin-bottom:22px}.mini-card{width:28%;height:145px;background:#f6f2e7;border-radius:4px;box-shadow:0 5px 10px #0002}.mini-card:before{content:'';display:block;height:75px;background:#47766b;border-radius:4px 4px 0 0}.mini-card:after{content:'CHANNEL';font-size:8px;letter-spacing:1px;display:block;padding:12px 7px}.tv-scene{background:#14282e;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tv-scene span{border:5px solid #9baba0;background:repeating-linear-gradient(0deg,#224c4a,#224c4a 2px,#315d55 3px);height:74px;border-radius:10px;color:#d4c383;display:grid;place-items:center;font-size:18px}.selected-concept{font-size:10px;color:var(--teal);font-weight:bold;letter-spacing:1px}
@media(max-width:1000px){.lounge-hero{gap:35px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters .search{flex-basis:40%}.pathways{margin-inline:24px}.directory-tabs{gap:24px}.directory-tabs button span{display:none}}
@media(max-width:600px){.site-head{padding:17px max(16px,env(safe-area-inset-left));gap:12px}.brand{font-size:16px}.brand span{font-size:7px}.site-head nav{gap:8px}.site-head nav a{font-size:10px}.site-head nav a:last-child{display:none}.play-link{padding:7px 10px}.lounge-hero{grid-template-columns:1fr;padding:32px 20px 35px;gap:28px}.lounge-hero h1{font-size:39px;letter-spacing:-1px}.hero-copy{font-size:13px}.shop-sign{padding:14px 18px 12px;max-width:400px;width:100%;justify-self:center;transform:rotate(1deg)}.crt{padding:10px 5px 20px;border-width:10px}.pixel-heart{font-size:36px}.crt strong{font-size:22px}.crt small{font-size:7px;margin-top:12px}.demo-banner{padding:12px 16px;gap:8px;flex-wrap:wrap;font-size:10px}.demo-banner span{flex-basis:70%}.demo-banner button{width:100%;text-align:left}.directory{padding:30px 16px 38px}.section-head{align-items:start}.section-head h2{font-size:25px}#result-count{font-size:9px;padding-top:6px;text-align:right}.directory-tabs{gap:0;justify-content:space-between}.directory-tabs button{font-size:12px;min-height:50px}.filters{gap:10px}.filters .search{flex:1 0 100%}.filters label:not(.search){flex:1 1 45%}.filters select{max-width:none;font-size:11px}.filters button{width:100%;text-align:left}.context-strip{align-items:start;font-size:10px;gap:12px}.context-strip a{font-size:10px;min-height:44px}.context-strip span{padding-top:12px}.source-notice{font-size:9px}.cards{grid-template-columns:1fr;gap:16px}.card-art{height:150px}.card-content{padding:18px 20px}.card-content .tagline{min-height:0}.pathways{grid-template-columns:1fr;gap:30px;margin-inline:16px;padding:30px 0}.pathways>div+div{border-top:1px solid var(--line);padding-top:30px}footer{padding:20px 16px;flex-direction:column;gap:0}footer>span{align-self:start}dialog{padding:54px 20px 24px}.detail-hero{gap:15px}.detail-hero h2{font-size:23px}.detail-avatar{min-width:60px;height:65px;font-size:32px}.detail-actions>*{flex:1 1 100%}.concept-grid{grid-template-columns:1fr}.concept-main{padding:30px 16px}.concept-card{padding:18px}.concept-scene{height:190px;padding:16px}.tier-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@supports(padding:max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}}