/* Query-selected creative studio preview; shared game styles stay untouched. */
.home-preview{--bg:#f6f6fb;--panel:#fff;--panel2:#eeedf7;--surface:#fff;--line:#dcdbe9;--text:#201d35;--muted:#615c78;--accent:#6b4de6;--s:#fb95b1;--a:#f8bb8a;--b:#f4df85;--c:#8ce3c9;--d:#a5c9f6;--e:#ccb5ee;background:var(--bg);color:var(--text)}
.home-preview a{color:var(--accent)}
.home-preview :focus-visible{outline:3px solid #6b4de6;outline-offset:4px}
.home-preview header{display:flex;align-items:center;gap:24px;text-align:left;padding:22px max(24px,calc((100% - 1280px)/2));background:#151429;color:#fff}
.home-preview header h1{font-size:22px;letter-spacing:-.04em;margin:0}
.home-preview header p{margin:0;color:#bbb6d5;font-size:12px}
.home-preview header p:last-child{margin-left:auto}
.home-preview header a{color:#eeecff}
.home-preview .gamenav{display:none}
.home-preview #main{max-width:1360px;padding:0 40px 48px;margin:auto}
.home-preview .hp-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:56px;padding:52px 0 42px}
.home-preview .hp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin:0 0 12px}
.home-preview .hp-intro h2{white-space:pre-line;font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-.06em;margin:0;color:#201d35}
.home-preview .hp-lede{white-space:pre-line;font-size:16px;line-height:1.7;margin:18px 0 24px;color:var(--muted)}
.home-preview .hp-jumps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-preview .hp-start{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px 20px;text-decoration:none;border-radius:16px;min-height:138px;border:1px solid #d3ceec;transition:transform .15s,box-shadow .15s}
.home-preview .hp-start:hover{transform:translateY(-3px);box-shadow:0 8px 24px #31255322}
.home-preview .hp-start-number{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.08em;opacity:.85}
.home-preview .hp-start strong{grid-column:1/-1;font-size:19px;letter-spacing:-.045em}
.home-preview .hp-start-description{font-size:12px;line-height:1.5;align-self:center}
.home-preview .hp-start-arrow{font-size:22px;align-self:center}
.home-preview .hp-primary{background:#6b4de6;border-color:#6b4de6;color:#fff}
.home-preview .hp-secondary{background:#dcfaf1;color:#175849;border-color:#afe8d6}
.home-preview .hp-trust{font-size:12px;color:var(--muted);margin:16px 0 0}
.home-preview .hp-demo{position:relative;background:#151429;padding:22px;border-radius:24px;box-shadow:16px 16px 0 #e4e0f5;transform:rotate(2deg)}
.home-preview .hp-demo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 22px}
.home-preview .hp-demo-live{background:#38d9b3;color:#103c32;padding:6px 8px;border-radius:6px;font-size:9px;white-space:nowrap}
.home-preview .hp-demo-row{display:flex;gap:9px;min-height:64px;margin:7px 0}
.home-preview .hp-demo-tier{display:grid;place-items:center;flex:0 0 44px;background:#fb95b1;border-radius:8px;font-weight:900;font-size:22px;color:#151429}
.home-preview .hp-demo-row:nth-child(3) .hp-demo-tier{background:#f8bb8a}
.home-preview .hp-demo-row:nth-child(4) .hp-demo-tier{background:#f4df85}
.home-preview .hp-demo-row:nth-child(5) .hp-demo-tier{background:#8ce3c9}
.home-preview .hp-demo-tiles{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:7px;background:#242239;border-radius:8px}
.home-preview .hp-demo-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:9px;flex:0 1 46px;font-size:26px;background:#7157bc;color:#ece3ff}
.home-preview .hp-shape-1{background:#b55c82;color:#ffd6e7}
.home-preview .hp-shape-2{background:#407d79;color:#b5fbe4}
.home-preview .hp-shape-3{background:#bd8750;color:#fff0bf}
.home-preview .hp-demo-caption{color:#c5bedf;font-size:11px;margin:20px 0 2px;text-align:center}
.home-preview .games{max-width:none;padding:32px 0 40px;margin:0;border-top:1px solid var(--line)}
.home-preview .games h2{font-size:28px;line-height:1.25;letter-spacing:-.045em;color:var(--text);margin:0 0 18px;font-weight:800;word-break:keep-all}
.home-preview .hp-finder{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.home-preview .hp-finder label{font-size:12px;font-weight:750}
.home-preview .hp-finder input{background:#fff;color:var(--text);border:1px solid #bfb9d9;border-radius:10px;padding:12px 14px;font:inherit;font-size:14px;min-height:44px;width:320px;max-width:100%;min-width:0}
.home-preview .hp-finder span{margin-left:auto;font-size:12px}
.home-preview .gamegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-preview .gamecard{display:flex;align-items:center;gap:12px;padding:14px;min-height:88px;border:1px solid #e0ddee;border-radius:14px;background:#fff;font-size:14px;line-height:1.45;color:var(--text);box-shadow:0 3px 0 #eceaf5;transition:border-color .15s,transform .15s}
.home-preview .gamecard:hover{border-color:var(--accent);transform:translateY(-2px)}
.home-preview .gamecard[hidden]{display:none}
.home-preview .hp-game-badge{display:grid;place-items:center;flex:0 0 44px;height:48px;border-radius:10px;background:hsl(var(--game-hue) 48% 92%);color:hsl(var(--game-hue) 43% 34%);font-size:13px;font-weight:900;letter-spacing:-.05em;border-bottom:3px solid hsl(var(--game-hue) 42% 83%)}
.home-preview .hp-game-name{min-width:0;overflow-wrap:anywhere;letter-spacing:-.03em}
.home-preview .hp-game-arrow{margin-left:auto;font-size:18px;color:#9187b1}
.home-preview .hp-empty{padding:16px;color:var(--muted)}
.home-preview .hp-custom{max-width:none;margin:0 0 32px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 0 #e9e6f2}
.home-preview .hp-editor-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;margin-bottom:24px}
.home-preview .hp-editor-head>.hp-eyebrow{grid-column:1/-1;margin:0}
.home-preview .hp-editor-head h2{font-size:28px;letter-spacing:-.045em;margin:0}
.home-preview .hp-outputs{display:flex;flex-wrap:wrap;gap:8px}
.home-preview button{border-radius:9px;min-height:44px;font-weight:650}
.home-preview button.primary{color:#fff}
.home-preview .hp-editor-columns{display:grid;grid-template-columns:244px minmax(0,1fr);gap:24px;align-items:start}
.home-preview .hp-source{background:#f0ecfc;padding:20px;border-radius:16px;min-width:0}
.home-preview .hp-source h3,.home-preview .hp-arrange h3{margin:0 0 16px;font-size:18px;letter-spacing:-.035em}
.home-preview .hp-source>button{display:block;width:100%;margin-bottom:8px}
.home-preview .hp-small{font-size:12px;line-height:1.7;color:var(--muted)}
.home-preview .hp-source .pool{border:0;border-top:1px solid #d2c9e9;border-radius:0;background:transparent;padding:14px 0 0;margin-top:14px;min-height:140px}
.home-preview .pool h3{font-size:12px;line-height:1.5;margin:0 0 12px}
.home-preview #pool{gap:7px}
.home-preview .hp-arrange{min-width:0}
.home-preview .hp-more summary,.home-preview .hp-guide-details summary{cursor:pointer;color:#51436d;min-height:44px;font-size:13px;font-weight:750;padding:12px 0}
.home-preview .hp-more{margin-bottom:12px;border-top:1px solid var(--line)}
.home-preview .toolbar{justify-content:flex-start;margin:0 0 12px;gap:7px}
.home-preview #board{border-radius:12px;background:#f9f8fc;border-color:#d2cbe4}
.home-preview .label{width:60px;flex-basis:60px;color:#282039}
.home-preview .items{min-width:0}
.home-preview .rowtools button{color:#594c70;background:transparent;border-color:transparent}
.home-preview .hint{text-align:left;line-height:1.6}
.home-preview .hp-guide-details{border-top:1px solid var(--line);margin-top:24px}
.home-preview .quick-guide{border:0;background:transparent;padding:12px 0;margin:0}
.home-preview .site-overview{max-width:none;margin:0;padding:24px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;color:var(--muted);font-size:14px}
.home-preview .site-overview h2{font-size:20px;letter-spacing:-.03em}
.home-preview .site-overview p{max-width:900px}
.home-preview #tierPicker{background:#fff;color:var(--text);border-color:#b8afd1}
.home-preview #tierPicker::backdrop{background:#151429bb}
.home-preview footer{background:#151429;color:#bcb5d4;margin-top:0;padding:28px 16px;line-height:1.9}
.home-preview footer a{color:#eeebff}
.home-preview .skip-link{color:white}
@media(max-width:1050px){.home-preview .hp-hero{gap:32px;grid-template-columns:1.1fr .9fr}.home-preview .hp-start{padding:16px}.home-preview .hp-start strong{font-size:16px}.home-preview .gamegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-preview .hp-editor-head{grid-template-columns:1fr}.home-preview .hp-editor-columns{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.home-preview header{padding:18px 20px;gap:12px}.home-preview header>p:first-of-type{display:none}.home-preview #main{padding:0 20px 32px}.home-preview .hp-hero{grid-template-columns:1fr;padding:32px 0;gap:28px}.home-preview .hp-intro h2{font-size:44px}.home-preview .hp-lede{font-size:15px;margin:14px 0 20px}.home-preview .hp-demo{transform:none;box-shadow:8px 8px 0 #e4e0f5;padding:16px;max-width:480px;width:100%;margin:auto}.home-preview .hp-demo-top{margin-bottom:12px}.home-preview .hp-demo-row{min-height:45px;gap:7px;margin:5px 0}.home-preview .hp-demo-tier{flex-basis:38px;font-size:20px}.home-preview .hp-demo-tiles{padding:5px;gap:6px}.home-preview .hp-demo-tile{height:35px;flex-basis:35px;font-size:21px}.home-preview .hp-demo-caption{margin-top:12px}.home-preview .gamegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-preview .gamecard{padding:12px;min-height:90px;gap:10px}.home-preview .hp-game-badge{flex-basis:34px;height:40px;font-size:11px}.home-preview .hp-game-arrow{display:none}.home-preview .hp-finder label{width:100%}.home-preview .hp-finder input{flex:1;width:100%}.home-preview .hp-finder span{margin-left:0}.home-preview .games h2,.home-preview .hp-editor-head h2{font-size:25px}.home-preview .hp-custom{padding:20px;border-radius:18px}.home-preview .hp-editor-columns{grid-template-columns:1fr;gap:24px}.home-preview .hp-source{padding:16px}.home-preview .hp-source .pool{min-height:100px}.home-preview #pool{max-height:230px;overflow:auto}.home-preview .label{width:44px;flex-basis:44px;font-size:18px}.home-preview .items{padding:5px;gap:4px}.home-preview .items .item{width:54px;height:54px}.home-preview .rowtools{padding:2px}.home-preview .rowtools button{min-width:36px;padding:3px}.home-preview .hp-outputs button{padding:9px 10px;font-size:13px}}
@media(max-width:400px){.home-preview #main{padding:0 16px 28px}.home-preview .hp-start{padding:14px 12px;min-height:140px}.home-preview .hp-start strong{font-size:15px}.home-preview .hp-start-description{font-size:11px}.home-preview .gamecard{font-size:13px;padding:10px;gap:8px}.home-preview .hp-custom{padding:16px}}
@media(prefers-reduced-motion:reduce){.home-preview .hp-start,.home-preview .gamecard{transition:none}.home-preview .hp-start:hover,.home-preview .gamecard:hover{transform:none}}

/* Editorial game directory: substantial art and titles, no decorative studio mockup. */
.editorial-preview.home-preview{--bg:#f6f4ef;--panel:#fff;--panel2:#eceae4;--line:#d2d0ca;--text:#171916;--muted:#52564f;--accent:#171916;background:#f6f4ef;color:#171916;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.editorial-preview.home-preview header{background:#171916;padding:20px max(24px,calc((100% - 1280px)/2));border-bottom:4px solid #cfdf68}
.editorial-preview.home-preview #main{max-width:1360px}
.editorial-preview .hp-hero{display:block;max-width:1040px;padding:74px 0 80px}
.editorial-preview .hp-demo{display:none}
.editorial-preview .hp-eyebrow{font-size:12px;color:#495646;letter-spacing:.08em}
.editorial-preview .hp-intro h2{max-width:900px;font-size:clamp(56px,7vw,112px);line-height:1.02;letter-spacing:-.075em;color:#171916}
.editorial-preview .hp-lede{font-size:clamp(17px,2vw,22px);max-width:670px;margin:28px 0 50px;color:#464b43}
.editorial-preview .hp-jumps{max-width:720px;gap:28px}
.editorial-preview .hp-start{display:grid;grid-template-columns:1fr auto;min-height:0;padding:16px 0;border:0;border-top:2px solid #171916;border-radius:0;background:transparent;color:#171916;box-shadow:none;transition:none}
.editorial-preview .hp-start:hover{transform:none;box-shadow:none;text-decoration:underline}
.editorial-preview .hp-start strong{font-size:20px}.editorial-preview .hp-start-number{font-size:12px}.editorial-preview .hp-start-description{font-size:13px}.editorial-preview .hp-start-arrow{font-size:24px}
.editorial-preview .hp-trust{margin-top:35px;color:#62675e}
.editorial-preview .games{padding:45px 0 64px;border-top:2px solid #171916}
.editorial-preview .games h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.055em}
.editorial-preview .hp-finder{margin:22px 0 28px}.editorial-preview .hp-finder input{border-radius:0;border-color:#858980;background:#fff;min-width:280px}
.editorial-preview .gamegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.editorial-preview .gamecard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:12px 8px;min-height:0;padding:0 0 16px;border:0;border-bottom:1px solid #9ca29a;border-radius:0;background:transparent;box-shadow:none;color:#171916;text-decoration:none;transition:none}
.editorial-preview .gamecard:hover{transform:none;border-color:#171916}.editorial-preview .gamecard:hover .hp-game-name{text-decoration:underline}
.editorial-preview .gamecard:first-child{grid-column:span 2}.editorial-preview .hp-game-art{position:relative;grid-column:1/-1;display:grid;place-items:center;height:240px;overflow:hidden;background:#dce1d9}
.editorial-preview .gamecard:nth-child(3n+2) .hp-game-art{background:#e7ddca}.editorial-preview .gamecard:nth-child(3n) .hp-game-art{background:#d4dee2}
.editorial-preview .gamecard:first-child .hp-game-art{height:340px;background:#d8dfd3}
.editorial-preview .hp-game-art img{display:block;max-width:72%;max-height:90%;width:auto;height:auto;object-fit:contain;object-position:center bottom}
.editorial-preview .gamecard:first-child .hp-game-art img{max-width:52%;max-height:96%}
.editorial-preview .hp-art-fallback{display:none;max-width:85%;font-size:clamp(18px,2vw,30px);font-weight:800;line-height:1.2;text-align:center}
.editorial-preview .hp-game-art.is-missing img{display:none}.editorial-preview .hp-game-art.is-missing .hp-art-fallback{display:block}
.editorial-preview .hp-game-name{font-size:clamp(17px,1.5vw,23px);font-weight:800;line-height:1.3;letter-spacing:-.04em}.editorial-preview .gamecard:first-child .hp-game-name{font-size:30px}
.editorial-preview .hp-game-arrow{align-self:start;margin:0;color:#171916;font-size:22px}
.editorial-preview .hp-custom{border-radius:0;box-shadow:none;border-color:#aaaead}.editorial-preview .hp-source{background:#eff0eb;border-radius:0}.editorial-preview .hp-editor-head h2{color:#171916}
.editorial-preview .site-overview{border-top:2px solid #171916}.editorial-preview.home-preview footer{background:#171916}
@media(max-width:760px){.editorial-preview .hp-hero{padding:48px 0 55px}.editorial-preview .hp-intro h2{font-size:clamp(50px,13vw,78px)}.editorial-preview .hp-lede{margin:20px 0 36px}.editorial-preview .hp-jumps{gap:14px}.editorial-preview .hp-start{padding:12px 0}.editorial-preview .hp-start strong{font-size:16px}.editorial-preview .hp-start-description{font-size:11px}.editorial-preview .gamegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.editorial-preview .gamecard:first-child{grid-column:span 2}.editorial-preview .hp-game-art{height:160px}.editorial-preview .gamecard:first-child .hp-game-art{height:250px}.editorial-preview .hp-game-name{font-size:14px}.editorial-preview .gamecard:first-child .hp-game-name{font-size:22px}.editorial-preview .hp-game-arrow{font-size:16px}.editorial-preview .games{padding-top:34px}}
@media(max-width:400px){.editorial-preview .hp-game-art{height:142px}.editorial-preview .gamecard:first-child .hp-game-art{height:218px}.editorial-preview .hp-start strong{font-size:14px}.editorial-preview .hp-start-description{font-size:10px}}

/* Keep the game finder in the first screen; custom-image editing stays secondary. */
.editorial-preview .hp-hero{padding:20px 0 18px}
.editorial-preview .hp-intro h2{font-size:clamp(48px,5vw,64px)}
.editorial-preview .hp-lede{font-size:16px;margin:15px 0 20px}
.editorial-preview .hp-jumps{max-width:560px;gap:18px}
.editorial-preview .hp-start{padding:10px 0}.editorial-preview .hp-start-number,.editorial-preview .hp-start-description{display:none}
.editorial-preview .hp-start strong{font-size:16px}.editorial-preview .hp-start.hp-secondary strong{font-size:14px;font-weight:600}
.editorial-preview .hp-trust{margin-top:14px}
.editorial-preview .games{padding-top:25px}.editorial-preview .games h2{margin-bottom:10px}.editorial-preview .hp-finder{margin:12px 0 20px}
@media(max-width:760px){.editorial-preview .hp-hero{padding:17px 0 18px}.editorial-preview .hp-intro h2{font-size:clamp(38px,10vw,48px)}.editorial-preview .hp-lede{font-size:13px;line-height:1.5;margin:10px 0 14px}.editorial-preview .hp-jumps{gap:10px}.editorial-preview .hp-start{padding:8px 0}.editorial-preview .hp-start strong{font-size:13px}.editorial-preview .hp-start.hp-secondary strong{font-size:11px}.editorial-preview .hp-trust{margin-top:10px}.editorial-preview .games{padding-top:18px}}