/* Entry only. The gameplay, saved rounds and official KTO1 assets stay intact. */
body.intro-mode{background:radial-gradient(ellipse at 50% 25%,#12221c 0,#070b09 52%,#050706 100%);color:#f7f2e6}
.intro-mode .shell{max-width:1120px!important;width:100%;padding:0 28px 20px!important}
.intro-mode #game,.intro-mode #game .lower-panel{max-width:none!important;width:100%;margin:0!important;padding:0!important}
.intro-mode .compact-header{border-bottom:1px solid #ffffff12;min-height:82px}
.intro-mode .compact-header .brand-image{width:126px}
.intro-mode #welcome:not([hidden]){display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important;margin:0 auto!important;text-align:left}
#welcome::before,#welcome::after,#welcome #brand-welcome-board{display:none!important}
.lobby-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px 0 30px}
.lobby-eyebrow{font:700 10px/1.4 Inter,system-ui;letter-spacing:.18em;color:#d3b56b;margin:0 0 12px}
.lobby-heading h1{font:750 clamp(36px,4.8vw,62px)/.98 Outfit,Inter,system-ui;letter-spacing:-.045em;margin:0;color:#faf5e8}
.lobby-heading h1 span{color:#a9bdb1}
.lobby-promise{font:400 13px/1.6 Inter,system-ui;color:#a3b4a9;margin:0 0 3px;text-align:right}
#welcome .game-posters{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
#welcome .game-poster{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 26px 24px;border-radius:24px;overflow:hidden;text-decoration:none;border:1px solid #ffffff16;box-shadow:0 24px 54px #0004;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
#welcome .crossword-poster{color:#102f27;background:radial-gradient(ellipse at 65% 20%,#ffedb1 0,#e8c970 48%,#dab85e 100%)}
#welcome .six-poster{color:#faf2d9;background:radial-gradient(ellipse at 62% 22%,#21634f 0,#0b3c31 45%,#072b24 100%);border-color:#376c56}
.poster-topline{display:flex;justify-content:space-between;align-items:center;min-height:23px;gap:8px;position:relative;z-index:2}
.poster-kicker{display:flex;align-items:center;gap:7px;font:800 10px/1.3 Inter,system-ui;letter-spacing:.11em}
.poster-kicker i{width:6px;height:6px;border-radius:50%;background:#1c6652;box-shadow:0 0 0 4px #22655013}
.poster-edition{font:700 11px Inter;font-variant-numeric:tabular-nums;opacity:.65}
.poster-age{font:700 10px Inter;border:1px solid #dcca8266;border-radius:20px;padding:4px 8px;color:#efdb9c}
.poster-scene{position:relative;height:235px;display:grid;place-items:center;pointer-events:none}
.crossword-scene{perspective:900px}
.poster-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:3px;aspect-ratio:var(--cols)/var(--rows);width:230px;max-height:225px;transform:rotateX(13deg) rotateZ(-11deg);filter:drop-shadow(14px 24px 12px #60472140);z-index:1;transition:transform .4s ease}
.poster-board span{display:grid;place-items:center;min-width:0;min-height:0;border-radius:4px;background:linear-gradient(140deg,#fffdf2,#efe4c8);border:1px solid #fff7df;box-shadow:0 3px 0 #ab925f;font:800 clamp(9px,1.5vw,18px)/1 Inter,system-ui;color:#194738}
.poster-board .seed{background:#195542;color:#f6df9c;border-color:#33705a;box-shadow:0 3px 0 #082d22}
.scene-orbit{position:absolute;border:1px solid #8d793924;border-radius:50%;width:270px;height:150px;transform:rotate(-26deg);z-index:0}.orbit-two{transform:rotate(34deg);width:320px;height:180px}
.six-scene{perspective:700px}
.six-number{font:750 234px/.85 Outfit,Inter,system-ui;color:#ead28d;letter-spacing:-.08em;transform:rotate(9deg) translate(-8px,-4px);text-shadow:1px 1px #fff4c9,3px 5px #927c40,5px 9px #756431,10px 18px 25px #011d1966;z-index:1;transition:transform .4s ease}
.six-shadow{position:absolute;right:-22px;top:-80px;font:750 410px/1 Outfit,Inter,system-ui;color:transparent;-webkit-text-stroke:1px #c9e1ac10;transform:rotate(9deg);pointer-events:none}
.six-teaser{position:absolute;bottom:6px;left:50%;display:flex;gap:5px;transform:translateX(-50%) rotate(-7deg);z-index:2;filter:drop-shadow(2px 8px 6px #021e1870)}
.six-teaser span{display:grid;place-items:center;width:31px;height:35px;border:1px solid #bbccae40;border-radius:5px;background:#436f5e;box-shadow:0 3px 0 #05291e;font:800 21px Inter;color:#f5e5b8}
.six-teaser span:nth-child(2),.six-teaser span:nth-child(5){background:#dec77d;border-color:#fff3b4;box-shadow:0 3px 0 #887136}.six-teaser span:last-child{background:#fff4da;color:#164535;box-shadow:0 3px 0 #b39d67}
.poster-caption{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 0 21px;z-index:2}
.poster-caption h2{font:750 clamp(29px,3.3vw,40px)/1.1 Outfit,Inter,system-ui;letter-spacing:-.04em;margin:0 0 6px;color:inherit}
.poster-caption p{font:400 13px/1.5 Inter,system-ui;margin:0;opacity:.8}
#welcome .poster-format{font:600 11px/1.5 Inter,system-ui;white-space:nowrap;text-align:right;opacity:.7;max-width:82px}
#welcome #daily-promise{color:inherit;font-size:11px;margin:0;max-width:95px;text-align:right}
#welcome .poster-play,#welcome #start{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%!important;max-width:none!important;min-height:54px!important;padding:15px 18px!important;margin:auto 0 0!important;border:0!important;border-radius:12px;font:700 15px/1.2 Inter,system-ui!important;text-decoration:none;box-shadow:none!important;color:#fff8e4!important;background:#113f32!important;transition:background .2s ease}
#welcome .poster-play>span:last-child{font-size:23px;line-height:1}
#welcome .six-poster .poster-play{background:#f0dda0!important;color:#0a3328!important}
.lobby-bottom{display:flex;justify-content:space-between;gap:18px;padding:22px 2px;color:#8eaa9a;font:400 11px/1.5 Inter,system-ui}.lobby-bottom b{font-size:8px;letter-spacing:.09em;padding:4px 6px;border:1px solid #76987f40;border-radius:5px;margin-left:5px}
.intro-mode .legal-links{font-size:11px!important;gap:8px 15px!important;margin:12px auto 0!important;opacity:.72}.intro-mode .legal-links a{color:#b4c5b9}.intro-mode .producer{margin-top:20px!important;opacity:.8}.intro-mode .producer img{max-width:100px}
@media(hover:hover){#welcome .game-poster:hover{transform:translateY(-4px);box-shadow:0 30px 60px #0006}#welcome .crossword-poster:hover .poster-board{transform:rotateX(8deg) rotateZ(-6deg) translateY(-3px)}#welcome .six-poster:hover .six-number{transform:rotate(5deg) translate(-8px,-8px)}#welcome #start:hover{background:#205440!important}}
#welcome .game-poster:focus-visible,#welcome #start:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:701px) and (max-height:800px){.lobby-heading{padding:16px 0 22px}.lobby-heading h1{font-size:44px}.lobby-eyebrow{margin-bottom:8px}.poster-scene{height:190px}.poster-board{width:195px;max-height:185px}.six-number{font-size:195px}.six-shadow{font-size:340px}.poster-caption{margin:12px 0 18px}.poster-caption h2{font-size:33px}}
@media(max-width:700px){.intro-mode .shell{padding:0 18px 18px!important}.intro-mode .compact-header{min-height:68px}.intro-mode .compact-header .brand-image{width:108px}.lobby-heading{padding:20px 0 22px}.lobby-heading h1{font-size:40px}.lobby-eyebrow{font-size:8px;margin-bottom:10px}.lobby-promise{font-size:10px;max-width:115px;margin-bottom:2px}#welcome .game-posters{grid-template-columns:1fr;gap:18px}#welcome .game-poster{padding:19px 22px 22px;border-radius:22px}.poster-scene{height:185px}.poster-board{width:190px;max-height:178px}.poster-board span{font-size:12px}.six-number{font-size:188px}.six-shadow{font-size:340px;right:0;top:-85px}.six-teaser{bottom:0}.poster-caption{margin:12px 0 18px}.poster-caption h2{font-size:34px}.poster-caption p{font-size:12px}.lobby-bottom{font-size:10px;flex-direction:column;align-items:center;gap:10px;padding:22px 0 12px}.scene-orbit{width:250px;height:115px}.orbit-two{width:290px;height:150px}}
@media(max-width:360px){.intro-mode .shell{padding-inline:12px!important}.lobby-heading h1{font-size:36px}.lobby-promise{font-size:9px;max-width:105px}#welcome .game-poster{padding:18px}.poster-caption h2{font-size:30px}.poster-caption p{font-size:11px}#welcome .poster-format{font-size:10px}}
@media(prefers-reduced-motion:reduce){#welcome .game-poster,#welcome .poster-board,#welcome .six-number{transition:none;transform:none!important}}
/* Override the inherited centered start button only in the lobby. */
.intro-mode #welcome #start{justify-content:space-between!important}
body.intro-mode{min-height:100svh;background-attachment:fixed}
.intro-mode .producer img{mix-blend-mode:screen}

.price-poster .price-card-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 90%,#245b42,transparent 70%)}.price-card-scene>strong{font-size:clamp(44px,6vw,76px);color:#ffe69a;font-family:monospace}.price-card-scene small{font-size:.45em}.price-card-hosts{width:230px;max-width:90%;height:87px;background:url('/assets/hosts-P01-P02-P03-M01.png') center/contain no-repeat}.price-poster h2{font-size:clamp(22px,3vw,32px)}