.empty-state[hidden]{display:none}.studio-progress{display:grid;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;margin:34px 0 0;border-top:1px solid var(--line)}
.studio-progress li{padding:10px 0;color:var(--muted);font-size:.8rem}.studio-progress .active{color:var(--ink);font-weight:800;border-top:3px solid var(--acid);margin-top:-2px}
.shortlist{grid-template-columns:repeat(2,1fr)}.shortlist-card{position:relative}.shortlist-card.is-chosen{border:2px solid var(--violet);box-shadow:0 0 0 4px var(--acid)}
.shortlist-title{display:flex;gap:12px;align-items:center}.shortlist-title span{color:var(--violet);font-size:.72rem;font-weight:850}.shortlist-card label{display:block;margin-top:14px;font-size:.82rem;font-weight:750}.shortlist-card output{display:inline;margin-left:8px}
.shortlist-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.shortlist-actions .button{font-size:.75rem;min-height:39px}.comparison-scroll{overflow:auto;margin-top:28px}.comparison-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--white)}
.comparison-table th,.comparison-table td{padding:13px;border:1px solid var(--line);text-align:center}.comparison-table th:first-child{text-align:left;position:sticky;left:0;background:var(--white)}.metric-note,.comparison-hint{font-size:.78rem;color:var(--muted)}
.final-decision{margin-top:60px;padding:34px;border-radius:20px;background:var(--violet);color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.final-decision .kicker{color:var(--acid)}.final-decision h2{font-size:2.4rem;line-height:1;margin:0}
.decision-summary{display:grid;grid-template-columns:1fr 1fr;gap:30px}.decision-summary span{color:var(--acid);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.decision-summary strong{font-size:2.5rem;display:block}.decision-summary p,.decision-summary li{color:#d5d2e5}
.project-stats{display:flex;gap:10px;flex-wrap:wrap}.project-stats span{padding:10px 14px;background:var(--paper);border-radius:9px}.project-stats b{font-size:1.3rem;margin-right:4px}
.hub-hero{padding:85px 0 70px;border-bottom:1px solid var(--line)}.hub-hero-grid{display:grid;grid-template-columns:1fr 280px;gap:90px;align-items:end}.hub-hero h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.88;letter-spacing:-.075em;margin:0}.hub-hero p{font-size:1.1rem;color:var(--muted);max-width:700px}
.hub-index{border-top:1px solid var(--ink);padding-top:14px}.hub-index span{font-size:4rem;line-height:1;font-weight:850;color:var(--violet)}.hub-index p{font-size:.85rem}.hub-method{background:var(--white)}.hub-catalog{background:var(--paper-2)}
.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalog-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;display:grid;grid-template-columns:34px 1fr auto;gap:16px;transition:.18s}.catalog-card>span{font-size:.7rem;color:var(--violet);font-weight:850}.catalog-card h2{font-size:1.25rem;line-height:1.15;margin:0}.catalog-card p{color:var(--muted);margin:8px 0}.catalog-card small{font-size:.72rem;color:#77747c}.catalog-card:hover{border-color:var(--violet);transform:translateY(-2px)}
.game-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.game-scoreboard{position:sticky;top:110px;align-self:start;background:var(--violet);color:white;border-radius:18px;padding:25px}.game-scoreboard .kicker{color:var(--acid)}.game-scoreboard h2{font-size:1.7rem;line-height:1.1}.metric-row{display:grid;grid-template-columns:1fr 100px 28px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #49466c;font-size:.76rem}.metric-row>div{height:6px;background:#4d4974}.metric-row i{display:block;height:100%;background:var(--acid)}.game-scoreboard .metric-note{color:#aba8c3}
.game-analysis{max-width:760px}.game-analysis h2,.platform-copy h2{font-size:2rem;margin-top:42px;line-height:1.1}.exercise-card{background:var(--paper);padding:22px;border-left:5px solid var(--acid)}.exercise-card>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.warning-panel{background:#fff1df;border-left:5px solid var(--orange);padding:20px}.warning-panel p{margin-bottom:0}
.workbook-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:80px;justify-content:center}.workbook-toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;border-top:1px solid var(--ink)}.workbook-toc b,.workbook-toc a{padding:10px 4px;border-bottom:1px solid var(--line)}.workbook-toc a{font-size:.82rem;text-decoration:none;color:var(--muted)}
.worksheet{background:var(--paper);padding:22px;border:1px solid var(--line)}.worksheet label{display:block;margin-bottom:16px}.worksheet textarea,.verification-notes textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.privacy-note{font-size:.78rem;color:var(--muted)}
.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.evidence-grid article{padding:22px;border-right:1px solid var(--line)}.evidence-grid article:last-child{border-right:0}.evidence-grid>article>span{font-size:.7rem;color:var(--violet);font-weight:850}.evidence-grid h2{font-size:1.15rem}.evidence-grid p{font-size:.85rem;color:var(--muted)}.language-body{margin-top:70px}
.platform-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.verification-sheet{border:1px solid var(--ink);background:var(--white);box-shadow:var(--shadow)}.sheet-head{padding:22px;background:var(--violet);color:white;display:flex;justify-content:space-between;gap:20px}.sheet-head span{color:var(--acid);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.sheet-head h2{margin:5px 0 0}.sheet-head>b{font-size:.7rem}
.verification-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:14px}.verification-row input{width:auto;min-height:auto}.verification-row span{display:flex;gap:12px;align-items:center;flex:1}.verification-row span b{font-size:.7rem;color:var(--violet)}.verification-row em{font-style:normal;color:var(--red);font-size:.7rem}.verification-notes{display:block;padding:20px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.state-grid span{background:var(--paper);padding:14px;font-size:.76rem}.state-grid b{font-size:1.5rem;color:var(--orange)}
.style-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.style-poster{position:sticky;top:110px;align-self:start;min-height:500px;background:var(--violet);color:white;padding:28px;border-radius:24px;display:flex;flex-direction:column;overflow:hidden}.style-poster:after{content:"";position:absolute;width:220px;height:220px;border:1px solid var(--acid);border-radius:50%;right:-90px;top:-80px}.style-poster>span{text-transform:uppercase;letter-spacing:.12em;color:var(--acid);font-size:.7rem;font-weight:850}.style-poster>strong{font-family:var(--serif);font-size:clamp(3rem,6vw,5rem);font-weight:400;line-height:.9;margin:auto 0;word-break:break-word}.style-poster>small{color:#bbb8ce}.style-axis{margin:30px 0}.style-axis label{display:flex;justify-content:space-between;font-size:.75rem}.style-axis i{display:block;height:6px;background:#4d4974;margin:6px 0 16px}.style-axis em{display:block;height:100%;background:var(--acid)}.style-copy{max-width:760px}.style-copy h2{font-size:2rem;line-height:1.1;margin-top:46px}.style-do-dont{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.style-do-dont article{padding:18px;background:var(--paper);border-top:4px solid var(--acid)}.style-do-dont span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.style-do-dont p{color:var(--muted);margin-bottom:0}
@media(max-width:960px){.path-grid.six{grid-template-columns:repeat(3,1fr)}.strategy-showcase{grid-template-columns:1fr 1fr}.worked-grid,.knowledge-grid,.operator-card,.hub-hero-grid,.game-layout,.workbook-layout,.platform-layout,.final-decision,.style-layout{grid-template-columns:1fr}.game-scoreboard,.workbook-toc,.style-poster{position:static}.style-poster{min-height:420px}.workbook-toc{display:grid;grid-template-columns:repeat(3,1fr)}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-grid article:nth-child(2){border-right:0}.catalog-grid{grid-template-columns:1fr}.final-decision{gap:24px}}
@media(max-width:640px){.path-grid.six,.strategy-showcase,.decision-lane,.strategy-picker,.candidate-metrics,.depth-grid,.studio-progress,.shortlist,.decision-summary,.evidence-grid,.state-grid,.style-do-dont{grid-template-columns:1fr}.worked-grid,.knowledge-grid{gap:45px}.strategy-showcase article{min-height:auto}.decision-lane article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.decision-lane b{margin-top:22px}.standard-list article{grid-template-columns:1fr;gap:4px}.operator-card{gap:24px}.studio-progress{border:0}.studio-progress li{border-bottom:1px solid var(--line)}.workbook-toc{display:none}.hub-hero{padding-top:55px}.hub-hero h1{font-size:3.2rem}.catalog-card{grid-template-columns:25px 1fr}.catalog-card>b{display:none}.metric-row{grid-template-columns:1fr 70px 25px}.sheet-head{display:block}.verification-row em{display:none}.final-decision{padding:22px}.candidate-depth summary{padding-inline:14px}.depth-grid,.variant-tree{padding-inline:14px}.style-poster{min-height:350px}}
.quick-path{grid-template-columns:repeat(3,1fr)}.quick-generator{margin-top:24px}.quick-heading>span{display:inline-block;color:var(--violet);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.quick-heading h2{font-size:1.85rem;line-height:1.05;margin:8px 0}.quick-heading p{color:var(--muted);font-size:.86rem;margin:0}.scenario-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.scenario-card{min-width:0;text-align:left;border:1px solid var(--line);background:var(--white);border-radius:11px;padding:10px 11px;color:var(--ink)}.scenario-card b,.scenario-card small{display:block}.scenario-card b{font-size:.84rem;line-height:1.2}.scenario-card small{font-size:.66rem;line-height:1.3;color:var(--muted);margin-top:3px}.scenario-card:hover{border-color:var(--violet);transform:translateY(-1px)}.scenario-card.active{border:2px solid var(--violet);padding:9px 10px;background:#f0edff;box-shadow:inset 4px 0 0 var(--acid)}.quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.quick-fields label:first-child{grid-column:1/-1}.quick-fields label>span small{display:inline;color:var(--muted);font-weight:500}.quick-submit{min-height:45px}.quick-privacy{font-size:.72rem;color:var(--muted);margin:12px 0 0}.advanced-options{border-top:1px solid var(--line);margin-top:18px}.advanced-options>summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:750;padding:14px 0}.advanced-options[open]>summary{color:var(--violet)}.advanced-options .form-grid{padding-top:8px}.results-subtitle{line-height:1.45}.name-pack{margin:28px 0 36px}.name-pack-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:12px}.name-pack-head h3{font-size:1.15rem;margin:0}.name-pack-head span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.name-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-name-card{display:flex;flex-direction:column;padding:16px;overflow:visible}.quick-name-top{min-height:132px}.quick-name-top h3{font-size:1.7rem;margin:5px 0 2px;overflow-wrap:anywhere}.quick-name-top p{font-size:.76rem;line-height:1.45;color:var(--muted);margin:6px 0}.game-badge{display:inline-block;background:var(--acid);border-radius:999px;padding:3px 7px;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.quick-name-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.quick-name-meta span{background:var(--paper);border-radius:999px;padding:4px 7px;font-size:.64rem;color:#55525c}.quick-name-actions{display:grid;grid-template-columns:.8fr 1fr;gap:7px;margin-top:12px}.quick-name-actions .button{min-height:38px;padding:7px 9px;font-size:.72rem}.quick-name-card .candidate-depth{margin:14px -16px -16px}.quick-name-card .candidate-depth summary{font-size:.72rem;padding:11px 16px}.quick-name-card .game-fit{font-size:.8rem;line-height:1.45;color:var(--muted);margin:14px 16px}.quick-name-card .candidate-metrics{padding-inline:16px}.quick-name-card .construction{margin:4px 16px 14px}.quick-name-card .signal-row{margin:12px 16px}.quick-name-card .depth-grid,.quick-name-card .variant-tree{padding-inline:16px}.quick-name-card .pending-box{margin-inline:16px}.dedicated-generator{background:var(--paper-2)}
.name-pack-grid{align-items:start}
@media(max-width:1100px){.name-pack-grid{grid-template-columns:1fr}}
@media(max-width:960px){.name-pack-grid{grid-template-columns:1fr 1fr}.quick-name-top{min-height:118px}}
@media(max-width:640px){.quick-path,.scenario-picker,.quick-fields,.name-pack-grid{grid-template-columns:1fr}.quick-fields label:first-child{grid-column:auto}.scenario-picker{grid-template-columns:1fr 1fr}.scenario-card{padding:9px}.scenario-card.active{padding:8px}.quick-name-top{min-height:auto}.name-pack{margin-block:22px 30px}.results-panel{padding-inline:16px}.quick-name-card .candidate-metrics{grid-template-columns:1fr 1fr}}

/* Three-phase expansion: exact games, guided refinement and editorial depth */
.site-header{background:#f3f1e9}.header-brand{position:relative;display:block;width:124px;height:37px;flex:0 0 124px;overflow:hidden}.header-brand img{position:absolute;left:-28px;top:-17px;width:182px;height:auto;max-width:none}
.preset-browser{margin-top:20px}.preset-search{display:block}.preset-search span,.directory-search span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--violet)}.preset-group{margin-top:22px}.preset-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:6px}.preset-title>span{font-weight:850}.preset-title small{color:var(--muted);font-size:.68rem}.preset-group .scenario-picker{margin:10px 0}.scenario-picker-use .scenario-card{background:#f5f3ff}.preset-more{border-top:1px solid var(--line);margin-top:15px}.preset-more>summary{padding:13px 0;cursor:pointer;font-weight:800;font-size:.78rem}.preset-more .scenario-picker{margin-top:4px}.scenario-card[hidden],.game-entry[hidden]{display:none}
.game-directory{background:var(--paper-2)}.directory-search{display:block;max-width:560px;margin:-8px 0 24px}.game-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-entry{min-height:220px;background:var(--white);border:1px solid var(--line);border-radius:15px;padding:20px;text-decoration:none;display:flex;flex-direction:column;transition:.18s}.game-entry:hover{transform:translateY(-3px);border-color:var(--violet);box-shadow:var(--shadow)}.game-entry small{color:var(--violet);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.game-entry h3{font-size:1.45rem;line-height:1.05;margin:24px 0 8px}.game-entry p{font-size:.82rem;color:var(--muted);margin:0}.game-entry b{font-size:.76rem;margin-top:auto;padding-top:20px}.curated-preview{background:var(--white)}.curated-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.curated-preview-grid>a{border-top:5px solid var(--acid);background:var(--paper);padding:24px;text-decoration:none;min-height:230px}.curated-preview-grid span{font-size:.68rem;color:var(--violet);text-transform:uppercase;letter-spacing:.09em;font-weight:850}.curated-preview-grid h3{font-size:1.55rem;line-height:1.1}.curated-preview-grid p{color:var(--muted)}
.quick-name-actions{grid-template-columns:.75fr .85fr 1.2fr}.quick-name-actions .refine-main{grid-column:1/-1;background:var(--acid);border-color:var(--ink);color:var(--ink)}.refine-controls{border-top:1px solid var(--line);padding:18px 16px}.refine-controls>p{font-size:.78rem;color:var(--muted)}.refine-controls>div{display:flex;flex-wrap:wrap;gap:7px}.refine-controls>div button,.refined-list button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:6px 9px;font-size:.72rem}.refined-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.refined-list>span{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center;background:var(--paper);padding:8px;border-radius:9px}.refined-list b{font-size:.78rem;overflow-wrap:anywhere}
.explorer-activity{margin-top:55px}.name-explorer{background:var(--ink);color:white;border-radius:22px;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:26px}.name-explorer .kicker{color:var(--acid)}.name-explorer h2{font-size:2.2rem;margin:0}.name-explorer p{color:#c4c1cb}.explorer-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.explorer-controls span{color:#eee}.name-explorer-output{grid-column:1/-1;border-top:1px solid #4a4851;padding-top:20px}.name-explorer-output:empty{display:none}.name-explorer-output{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:20px}.explorer-name>span{display:block;color:var(--acid);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.explorer-name>strong{display:block;font-size:2rem}.explorer-signals{display:grid;gap:7px}.explorer-signals .candidate-metric span{color:#ddd}.explorer-signals .candidate-metric i{background:#4c4a53}.explorer-signals .candidate-metric em{background:var(--acid)}.explorer-variants{display:flex;gap:6px;flex-wrap:wrap}.explorer-variants>b{width:100%}.explorer-variants button,.recent-list button{background:transparent;color:inherit;border:1px solid #74717d;border-radius:999px;padding:6px 9px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.activity-grid>section{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:22px}.activity-grid h2{margin:0 0 18px;font-size:1.5rem}.history-list article{padding:11px 0;border-top:1px solid var(--line)}.history-list article:first-child{border-top:0}.history-list b,.history-list small{display:block}.history-list small,.history-list p,.activity-empty{font-size:.75rem;color:var(--muted)}.history-list p{margin:4px 0}.recent-list{display:flex;flex-wrap:wrap;gap:7px}.recent-list button{color:var(--ink);border-color:var(--line);background:var(--paper)}.recent-list button span{color:var(--muted);font-size:.64rem}.project-activity{margin-top:30px}
.exact-game-layout{display:grid;grid-template-columns:330px minmax(0,760px);gap:80px;justify-content:center}.game-blueprint{align-self:start;position:sticky;top:110px;background:var(--violet);color:white;border-radius:18px;padding:24px}.game-blueprint .kicker{color:var(--acid)}.game-blueprint h2{font-size:1.8rem;line-height:1.05}.game-blueprint ol{list-style:none;padding:0}.game-blueprint li{display:grid;grid-template-columns:30px 1fr;gap:8px;border-top:1px solid #4c4970;padding:13px 0}.game-blueprint li span{color:var(--acid);font-size:.7rem}.game-blueprint li p{margin:0;color:#e2e0ed}.game-blueprint .warning-panel{color:var(--ink)}.example-name-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.example-name-grid article{background:var(--paper);padding:18px;border-top:4px solid var(--acid)}.example-name-grid span{font-size:.68rem;color:var(--violet);font-weight:850}.example-name-grid h3{font-size:1.25rem;margin:14px 0 6px}.example-name-grid p{font-size:.78rem;color:var(--muted)}
.collection-layout{max-width:920px;margin:auto}.collection-intro{max-width:760px}.curated-name-list{margin:50px 0;border-top:1px solid var(--ink)}.curated-name-list article{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.curated-name-list>article>span{color:var(--violet);font-weight:850;font-size:.72rem}.curated-name-list h2{font-size:1.4rem;margin:0}.curated-name-list p{margin:3px 0;color:var(--muted);font-size:.85rem}.curated-name-list .button{min-height:38px;font-size:.75rem}.collection-method{background:var(--paper);padding:28px}.collection-method h2{font-size:2rem}
@media(max-width:1100px){.game-directory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.game-directory-grid{grid-template-columns:repeat(2,1fr)}.curated-preview-grid,.exact-game-layout,.name-explorer{grid-template-columns:1fr}.game-blueprint{position:static}.name-explorer-output{grid-template-columns:1fr 1fr}.name-explorer-output .metric-note{grid-column:1/-1}}
@media(max-width:640px){.game-directory-grid,.curated-preview-grid,.activity-grid,.example-name-grid,.name-explorer-output{grid-template-columns:1fr}.game-entry{min-height:190px}.preset-title{display:block}.scenario-picker-use{grid-template-columns:1fr 1fr}.refined-list{grid-template-columns:1fr}.refined-list>span{grid-template-columns:1fr auto}.refined-list>span button:last-child{grid-column:1/-1}.explorer-controls{grid-template-columns:1fr}.curated-name-list article{grid-template-columns:30px 1fr}.curated-name-list .button{grid-column:2;justify-self:start}}

/* Recognizable game and use-case artwork. Titles remain real, selectable HTML text. */
.game-entry{padding:0;min-height:0;overflow:hidden}
.game-entry-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#242347}
.game-entry-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.game-entry:hover .game-entry-media img{transform:scale(1.035)}
.game-entry-shade{position:absolute;inset:22% 0 0;background:linear-gradient(transparent,rgba(13,13,27,.83))}
.game-entry-media h3{position:absolute;left:17px;right:12px;bottom:14px;margin:0;color:#fff;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.04;letter-spacing:-.035em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.game-entry-content{display:flex;flex:1;flex-direction:column;gap:9px;padding:16px 18px 18px}
.game-entry-content small{font-size:.66rem;line-height:1.2}
.game-entry-summary{color:var(--muted);font-size:.8rem;line-height:1.42}
.game-entry-content b{padding-top:10px;margin-top:auto;font-size:.74rem;color:var(--violet)}
.scenario-card.with-art{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-height:70px}
.scenario-card .preset-thumb{display:block;width:48px;height:48px;border-radius:7px;object-fit:cover;background:#e6e2ef}
.scenario-label{min-width:0}.scenario-label b,.scenario-label small{display:block}
.exact-game-aside{border-top:0;padding-top:0}
.exact-game-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;box-shadow:var(--shadow)}
.exact-game-aside .art-caption{display:block;margin:9px 0 20px;color:var(--muted);font-size:.68rem;line-height:1.3}
.exact-game-aside>b{display:block;border-top:1px solid var(--ink);padding-top:13px}
@media(max-width:640px){.game-entry-media{aspect-ratio:16/8}.game-entry-media h3{font-size:1.7rem}.scenario-card.with-art{grid-template-columns:42px minmax(0,1fr);gap:7px}.scenario-card .preset-thumb{width:42px;height:42px}.scenario-card.with-art .scenario-label b{font-size:.76rem}.scenario-card.with-art .scenario-label small{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.game-entry-media img{transition:none}.game-entry:hover .game-entry-media img{transform:none}}

/* Layout pass: show the game choice first, then the generated names at full width. */
.home .section{padding-block:72px}
.home .hero{padding-block:74px 66px}
.game-directory{scroll-margin-top:88px}
.game-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.game-entry{box-shadow:0 5px 18px rgba(30,27,56,.04)}
.game-entry-content{min-height:136px}
.quick-studio,.studio-frame.embedded{grid-template-columns:minmax(0,1fr)}
.quick-studio .studio-intro,.studio-frame.embedded .studio-intro{padding:clamp(22px,3.2vw,40px);border-right:0;border-bottom:1px solid var(--line)}
.quick-studio .studio-intro>p:not(.kicker){max-width:650px}
.quick-studio .quick-generator,.studio-frame.embedded .quick-generator{margin-top:24px}
.quick-studio .preset-group .scenario-picker,.studio-frame.embedded .preset-group .scenario-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quick-studio .scenario-card.with-art,.studio-frame.embedded .scenario-card.with-art{min-height:76px}
.quick-studio .quick-fields,.studio-frame.embedded .quick-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}
.quick-studio .quick-fields label:first-child,.studio-frame.embedded .quick-fields label:first-child{grid-column:auto}
.quick-studio .quick-fields>* ,.studio-frame.embedded .quick-fields>*{min-width:0}
.quick-studio .quick-submit,.studio-frame.embedded .quick-submit{width:100%}
.quick-studio .results-panel,.studio-frame.embedded .results-panel{min-height:0;padding:clamp(22px,3.2vw,40px);scroll-margin-top:88px}
.quick-studio .empty-state,.studio-frame.embedded .empty-state{min-height:220px}
.quick-studio .name-pack-grid,.studio-frame.embedded .name-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.exact-game-hero .article-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,64px);align-items:center}
.exact-game-hero h1{font-size:clamp(3.1rem,5vw,5.2rem)}
@media(max-width:1050px){.quick-studio .preset-group .scenario-picker,.studio-frame.embedded .preset-group .scenario-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-studio .quick-fields,.studio-frame.embedded .quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.game-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exact-game-hero .article-hero{grid-template-columns:1fr}.exact-game-aside{max-width:720px}}
@media(max-width:720px){.quick-studio .preset-group .scenario-picker,.studio-frame.embedded .preset-group .scenario-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-studio .name-pack-grid,.studio-frame.embedded .name-pack-grid{grid-template-columns:1fr}.quick-studio .results-head,.studio-frame.embedded .results-head{display:block}.quick-studio .results-head .result-actions,.studio-frame.embedded .results-head .result-actions{margin-top:16px}}
@media(max-width:640px){.home .section{padding-block:54px}.home .hero{padding-block:52px}.game-directory-grid{grid-template-columns:1fr;gap:14px}.game-entry-content{min-height:0}.quick-studio .studio-intro,.studio-frame.embedded .studio-intro,.quick-studio .results-panel,.studio-frame.embedded .results-panel{padding:20px}.quick-studio .quick-fields,.studio-frame.embedded .quick-fields{grid-template-columns:1fr}.quick-studio .scenario-card.with-art,.studio-frame.embedded .scenario-card.with-art{min-height:68px}.exact-game-hero h1{font-size:clamp(2.8rem,11vw,4rem)}}
@media(max-width:370px){.quick-studio .preset-group .scenario-picker,.studio-frame.embedded .preset-group .scenario-picker{grid-template-columns:1fr}}

/* Concrete empty-state illustration in place of the old abstract orbit. */
.empty-illustration{display:block;width:min(100%,320px);aspect-ratio:4/3;margin:0 auto 18px;border-radius:16px;background:#252347 url('art/empty-choose-game.webp') center/cover no-repeat;box-shadow:0 12px 26px rgba(29,25,54,.16)}
.empty-state h3{margin-top:0}

/* Each exact game has a single-game, one-click form with optional directions. */
.dedicated-studio{border-top:5px solid var(--game-accent,#33315d)}
.dedicated-nick-tool{--game-accent:#33315d}
.dedicated-heading>span{color:var(--game-accent);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.dedicated-heading h3{font-size:clamp(1.4rem,2.4vw,2rem);margin:.35em 0 .25em}
.dedicated-heading p{margin:0;color:var(--muted);max-width:68ch}
.game-focus-field{border:0;margin:24px 0 0;padding:0;min-width:0}
.game-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.game-focus-option{position:relative;display:block;cursor:pointer;min-width:0}
.game-focus-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.game-focus-option span{display:flex;flex-direction:column;gap:6px;height:100%;min-height:94px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.game-focus-option b{font-size:.88rem;line-height:1.25}
.game-focus-option small{color:var(--muted);font-size:.72rem;line-height:1.4}
.game-focus-option input:checked+span{border-color:var(--game-accent);box-shadow:inset 0 0 0 1px var(--game-accent),0 5px 18px rgba(24,22,46,.08)}
.game-focus-option input:focus-visible+span{outline:3px solid var(--game-accent);outline-offset:3px}
.game-focus-option:hover span{transform:translateY(-2px)}
.dedicated-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-top:20px}
.dedicated-actions label{min-width:0}.dedicated-actions label>span{display:block;margin-bottom:8px;font-size:.78rem;font-weight:700}.dedicated-actions input{width:100%}
.dedicated-actions .button{min-height:48px;white-space:nowrap}
.dedicated-nick-tool .quick-privacy{margin:14px 0 0}
.dedicated-nick-tool .advanced-options{margin-top:16px}
@media(max-width:900px){.game-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.game-focus-grid{gap:8px}.game-focus-option span{min-height:88px;padding:12px}.dedicated-actions{grid-template-columns:1fr}.dedicated-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.game-focus-option span{transition:none}.game-focus-option:hover span{transform:none}}

/* The flagship guides follow the generator: fast answer first, research on demand. */
.featured-guide{padding-block:78px;background:#f1eee5;border-top:1px solid var(--line)}
.featured-intro{max-width:840px;margin-bottom:32px}
.featured-intro h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.045em;margin:8px 0 17px}
.featured-intro>p:last-child{font-size:1.05rem;line-height:1.7;color:var(--muted)}
.featured-contexts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.featured-contexts section{padding:24px;border:1px solid var(--line);background:#fbfaf6;border-radius:14px}
.featured-contexts span{font-size:.76rem;color:var(--violet);font-weight:800}
.featured-contexts h3{margin:14px 0 10px;font-size:1.18rem;letter-spacing:-.025em}
.featured-contexts p,.featured-conclusion p{color:var(--muted);line-height:1.62;margin:0}
.featured-conclusion h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.12;margin:10px 0 15px}
.featured-conclusion{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,70px);align-items:start;border-top:1px solid var(--ink);padding-top:42px}
.featured-conclusion .warning-panel{margin-top:24px}
.featured-conclusion aside{background:#252443;color:#fff;padding:28px;border-radius:15px}
.featured-conclusion aside h3{margin:0 0 12px;font-size:1.2rem}
.featured-conclusion aside p{color:#e6e3f2}
.featured-conclusion aside a{display:inline-block;color:#d8f781;text-decoration:underline;margin-top:17px;font-weight:700}
.featured-conclusion aside small{display:block;color:#c2bfd4;line-height:1.55;margin-top:17px}
@media(max-width:900px){.featured-contexts{grid-template-columns:1fr}.featured-conclusion{grid-template-columns:1fr}}
@media(max-width:640px){.featured-guide{padding-block:55px}.featured-contexts section{padding:19px}}

/* Worked decisions make the long-form game guides scannable without delaying the generator. */
.guide-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.guide-jump a{display:inline-block;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 12px;font-size:.76rem;font-weight:750;text-decoration:none;color:var(--violet)}
.guide-jump a:hover,.guide-jump a:focus-visible{border-color:var(--violet);background:#eeebff}
.deep-situations,.deep-case,.deep-questions{scroll-margin-top:100px;border-top:1px solid var(--ink);padding-block:50px}
.deep-situations{margin-top:42px}
.deep-heading{max-width:790px;margin-bottom:24px}
.deep-heading h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.12;letter-spacing:-.04em;margin:8px 0 14px}
.deep-heading>p:last-child{line-height:1.65;color:var(--muted);margin:0}
.deep-situation-grid,.deep-case-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.deep-situation-grid article{background:#fbfaf6;border:1px solid var(--line);border-radius:13px;padding:22px}
.deep-situation-grid article>span,.deep-case-options article>span{color:var(--violet);font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.deep-situation-grid h3,.deep-case-options h3{font-size:1.08rem;line-height:1.28;margin:15px 0 13px}
.deep-situation-grid p,.deep-case-options p,.deep-revision p,.deep-questions p{font-size:.86rem;line-height:1.6;color:var(--muted);margin:0}
.deep-situation-grid .deep-example{border-top:1px solid var(--line);padding-top:12px;margin:16px 0 10px;color:var(--ink)}
.deep-example strong{color:var(--violet)}
.deep-case{background:#e7e3d8;border-radius:18px;padding:clamp(24px,4vw,42px);margin-block:8px 42px}
.deep-case-options article{background:#fff;border-top:5px solid #c9c4b6;padding:19px;min-width:0}
.deep-case-options article:last-child{border-top-color:var(--acid)}
.deep-case-options h3{overflow-wrap:anywhere;font-size:1.3rem;margin:9px 0}
.deep-revision{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #c9c4b6;margin-top:22px;padding-top:20px}
.deep-revision h3{font-size:.96rem;margin:0 0 8px}
.deep-questions>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.deep-questions article{border-top:3px solid var(--ink);padding:16px 0}
.deep-questions h3{font-size:1.07rem;margin:0 0 9px}
@media(max-width:900px){.deep-situation-grid,.deep-case-options{grid-template-columns:1fr}.deep-situation-grid article{padding:19px}}
@media(max-width:640px){.deep-situations,.deep-case,.deep-questions{padding-block:34px}.deep-case{margin-inline:-10px;border-radius:12px;padding:22px}.deep-revision,.deep-questions>div:last-child{grid-template-columns:1fr}.guide-jump a{font-size:.72rem}}
