/* Discovery layer: immediate play, readable reward, and shared pointer controls. */
#app,#app[data-mode]{min-height:620px;height:100svh}
.header{height:80px;gap:20px}.edition{display:none}.career-tools{margin:0 0 0 auto;gap:22px}.header .text-button{min-height:44px;font-size:11px;letter-spacing:.8px}
#classic-open{white-space:nowrap;color:#f0e7d7;border-bottom:1px solid #ed895b66}.header .brand-label{display:inline!important}
.landing{position:absolute;inset:80px 0 auto;height:auto;min-height:0;pointer-events:none;z-index:2}
.hero-copy{position:relative;top:auto!important;left:6%;width:47%;padding-top:28px}.hero-copy h1{font-size:clamp(52px,6.2vw,94px);margin:0 0 18px}.hero-copy>.eyebrow{margin-bottom:16px}.hero-copy .role{font-size:24px}.hero-copy .specialties{font-size:13px}.hero-copy .intro{font-size:14px}.experience-note{font-size:12px;color:#b3cabe;margin-top:18px;line-height:1.6}
.game{inset:80px 0 40px}.chapter-heading{display:none}.exploring .hero-copy{display:none}.exploring .chapter-heading{display:block;top:20px}.chapter-heading h2{font-size:42px}.game-progress{top:22px}.checkpoint-label{z-index:1}.game-bottom{bottom:25px;left:5%;right:5%;gap:20px;z-index:4}.game-bottom>.text-button{font-size:11px;min-height:48px}.gentle-note{font-size:12px;color:#bbc9bf}
.touch-controls{position:static;display:flex;gap:9px;flex-shrink:0}.touch-controls button{width:54px;height:50px;font-size:22px;background:#182d29e8;border:1px solid #79b4a369;color:#e4f8eb;border-radius:6px;touch-action:none;user-select:none;box-shadow:0 3px 0 #06100e;transition:background .1s,box-shadow .1s,transform .1s}.touch-controls button:last-child{margin-left:9px;width:100px;background:#ed895b;color:#12221b;border-color:#f3ac89}.touch-controls button span{font-size:11px;letter-spacing:1px}.touch-controls button[aria-pressed="true"]{transform:translateY(2px);background:#457d66;box-shadow:0 0 18px #8affe449;border-color:#b0ffe2;color:white}.touch-controls button:last-child[aria-pressed="true"]{background:#ffc095;color:#132018}
.footer{height:40px}.chapter-preview{bottom:120px;right:5%;padding:14px 18px;max-width:240px}.chapter-preview p{font-size:12px}.chapter-preview small{font-size:11px}.chapter-preview button{min-height:44px;font-size:10px}
.career-deck{position:absolute;inset:80px 0 0;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 35% 45%,#20392899,#07120ff5 80%);overscroll-behavior:contain}
.deck-topline{position:sticky;top:0;left:auto;right:auto;padding:12px 5%;background:#0a1815f2;min-height:58px;font-size:10px}.deck-topline button{font-size:12px;min-height:44px}.deck-topline>span{max-width:65%}
.deck-layout{position:relative;inset:auto!important;margin:20px auto 0;max-width:1100px;padding:0 44px 45px;display:grid;grid-template-columns:380px minmax(0,1fr);gap:40px 65px;align-items:start}
.deck-narrative{grid-column:1/-1;display:flex;align-items:center;gap:24px;min-height:34px}.deck-narrative>.eyebrow{font-size:11px;margin:0;max-width:260px}.deck-narrative h2,.deck-description,.sequence-rail,.collection-seal{display:none}.deck-table{width:340px;height:550px;transform:none;left:0;margin:10px auto 0;grid-column:1}.deck-horizon{grid-column:2;padding:0;align-self:start;margin-top:0}.reward-coordinate{padding:80px 0 0 20px}.reward-coordinate>div{font-size:13px;line-height:1.9}.career-deck:is([data-phase="reveal"],[data-phase="collected"],[data-phase="next"]) .reward-coordinate{display:none}
.reward-front{padding:24px 25px}.reward-card-meta{font-size:9px}.reward-brand{margin:12px 0}.reward-brand h2{font-size:76px}.reward-brand>span{font-size:15px;letter-spacing:2px}.reward-kicker{font-size:13px;line-height:1.4;margin-bottom:12px;letter-spacing:1.3px}.reward-front h3{font-size:18px;line-height:1.4;max-width:none;margin-bottom:16px}.systems-heading{font-size:10px;letter-spacing:.2px}.reward-systems{gap:6px;margin:13px -8px}.reward-systems li{font-size:16px;min-height:25px;line-height:1.3}.reward-systems li>span:first-child{width:18px;height:18px;font-size:12px}.infrastructure{font-size:9px;letter-spacing:0;padding-top:12px}.infrastructure b{font-size:9px}.reward-card-footer{display:none}
.career-story>.eyebrow{color:#9dedc3;font-size:11px;margin:0 0 12px}.career-story h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:0 0 24px;font-weight:500}.career-story h3{font-size:21px;margin:22px 0 8px;color:#f0ede3;font-weight:500}.career-story p,.career-story li{font-size:18px;line-height:1.6;color:#c8d8d0}.career-story p{margin:0}.career-story ul{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:0}.career-story li{padding:3px 10px;border:1px solid #a4d7bf24;border-radius:4px;font-size:16px}
.mystery-next{margin-top:25px;padding-top:18px;border-top:1px solid #83baa13d;display:grid;grid-template-columns:1fr auto;gap:7px}.mystery-next>span{font-size:10px;letter-spacing:1.5px;color:#e9ae88}.mystery-next strong{font-size:26px;grid-row:1/4;grid-column:2;color:#e9ae88}.mystery-next p{font-size:17px}.mystery-next small{font-size:12px;color:#a3b7aa}
.deck-bottom{position:sticky;bottom:0;left:auto;right:auto;width:100%;padding:14px 5%;min-height:72px;margin:0;background:#091914f5;border-top:1px solid #b4d5bf24}.deck-bottom .text-button{font-size:11px;min-height:44px}.deck-bottom .primary-button{font-size:12px;height:46px}.deck-bottom-note{font-size:10px}.deck-bottom>div{gap:20px}
/* The approved close-up is framed directly from the unchanged reference image. */
.ron-portrait{position:absolute;top:75px;left:26px;right:26px;height:330px;border-radius:7px;background-image:url('/public/references/ron-character-sheet.png');background-size:1610px 1073px;background-position:-1223px -67px;background-repeat:no-repeat;box-shadow:inset 0 -45px 28px -20px #101a15,inset 0 0 0 1px #ddbd7940}.back-signature{top:auto;bottom:94px;font-size:14px;letter-spacing:2px}.back-footer{font-size:10px;bottom:40px}.back-corner{top:22px;font-size:31px}.stack-card small{font-size:12px;bottom:49px}.stack-card small b{font-size:9px}.stack-card .ron-portrait{opacity:.8}.stack-card:before{z-index:0}.reward-back:after{pointer-events:none}
#classic-dialog{width:min(850px,94vw);max-height:90svh;background:#10221e;color:#eeeae1;border:1px solid #94c6b066;padding:24px 32px;border-radius:12px}#classic-dialog::backdrop{background:#020907cc;backdrop-filter:blur(6px)}.classic-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #91bda54a}.classic-top h2{font-size:22px}.classic-top button{font-size:11px;min-height:44px}#classic-content{font-size:18px;line-height:1.7}#classic-content h2{font-size:28px}#classic-content h3{font-size:21px;color:#b4e9cb;margin-bottom:8px}#classic-content article{padding:14px 0;border-bottom:1px solid #a7c8b82b}
@media(max-width:1000px){.brand-label{display:none!important}.header .brand-label{display:none!important}.hero-copy h1{font-size:58px}.hero-copy .intro{font-size:12px}.deck-layout{gap:28px;padding:0 28px 35px;grid-template-columns:340px minmax(0,1fr)}.career-story h2{font-size:28px}.career-story p{font-size:18px}.gentle-note{display:none}}
@media(max-width:760px){#app,#app[data-mode]{height:100svh;min-height:600px}.header{margin:0 5%;height:68px;gap:12px}.header .text-button{font-size:10px;letter-spacing:.2px}.career-tools{gap:12px;margin:0 0 0 auto}.collection-counter{font-size:0}.collection-counter b{font-size:11px}.sound-toggle span{font-size:14px}.brand-dot{margin-right:0}.landing{top:68px}.hero-copy{left:6%;width:88%;padding-top:23px}.hero-copy h1{font-size:clamp(40px,10vw,65px);margin-bottom:12px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:9px}.hero-copy .role{font-size:20px}.hero-copy .specialties{font-size:11px;margin:8px 0}.hero-copy .intro{display:none}.experience-note{font-size:11px;margin-top:10px;max-width:260px}.game{inset:68px 0 32px}.game-progress{display:none}.chapter-heading h2{font-size:30px}.chapter-heading>p:last-child{font-size:12px}.chapter-heading .eyebrow{font-size:10px}.game-bottom{bottom:12px;display:grid;grid-template-columns:1fr;gap:5px;left:6%;right:6%}.touch-controls{width:100%;gap:10px}.touch-controls button{width:58px;height:54px}.touch-controls button:last-child{margin-left:auto;width:100px}.game-bottom>.text-button{justify-self:end;font-size:10px;min-height:42px}.footer{height:32px}.footer>span:last-child{display:none}.chapter-preview{bottom:125px;right:6%;padding:8px 12px;max-width:195px}.chapter-preview p{font-size:10px;margin:5px 0}.chapter-preview>span{font-size:8px}.chapter-preview small{font-size:10px}.chapter-preview button{min-height:38px}.checkpoint-label>span,.checkpoint-label p{font-size:8px}.checkpoint-label strong{font-size:43px}.checkpoint-label small{font-size:10px}
.career-deck{inset:68px 0 0}.deck-topline{padding:8px 6%;min-height:55px}.deck-topline>span{font-size:8px;max-width:160px;line-height:1.6}.deck-topline button{font-size:11px}.deck-layout{display:flex;flex-direction:column;align-items:center;padding:0 22px 28px;margin:14px auto 0;gap:18px}.deck-narrative{height:auto;min-height:28px;text-align:center;justify-content:center}.deck-narrative>.eyebrow{font-size:10px}.deck-table{width:300px;height:540px;transform:none!important;margin:20px 0 0;left:0}.reward-front{padding:22px}.reward-front h3{font-size:17px}.reward-brand h2{font-size:72px}.reward-kicker{font-size:12px}.reward-systems li{font-size:16px}.infrastructure,.infrastructure b{font-size:8px}.deck-horizon{width:100%;padding:0;align-self:stretch;margin-top:12px}.reward-coordinate{display:none}.career-story h2{font-size:30px}.career-story h3{font-size:21px}.career-story p{font-size:18px}.career-story li{font-size:16px}.deck-bottom{padding:10px 6%;margin:0;min-height:68px}.deck-bottom-note{display:none}.deck-bottom>div{width:100%;justify-content:space-between;gap:12px}.deck-bottom .primary-button{min-width:130px;font-size:11px}.deck-bottom .text-button{font-size:10px}.ron-portrait{left:22px;right:22px;background-size:1480px 987px;background-position:-1125px -62px;height:310px}.back-signature{font-size:12px}.back-footer{font-size:8px}.table-orbit{width:380px;left:-40px}.career-deck .card-stack{opacity:.65!important}#classic-dialog{padding:18px}#classic-content{font-size:17px}}
@media(max-height:540px) and (orientation:landscape){#app,#app[data-mode]{min-height:360px;height:100svh}.header{height:56px}.landing{top:56px}.hero-copy{padding-top:16px;width:50%;left:5%}.hero-copy h1{font-size:38px;margin-bottom:9px}.hero-copy>.eyebrow{font-size:8px;margin-bottom:7px}.hero-copy .role{font-size:17px}.hero-copy .specialties,.hero-copy .intro,.experience-note{display:none}.game{inset:56px 0 22px}.chapter-heading{top:10px!important}.chapter-heading h2{font-size:26px;margin:10px 0}.chapter-heading>p:last-child{display:none}.game-bottom{bottom:4px;display:flex;gap:15px}.touch-controls{width:auto}.touch-controls button{height:45px;width:48px}.touch-controls button:last-child{width:88px;margin-left:4px}.game-bottom>.text-button{min-height:44px}.footer{height:22px}.chapter-preview{bottom:75px;font-size:9px}.chapter-preview small{display:none}.checkpoint-label strong{font-size:36px;margin:0}.checkpoint-label p{display:none}.checkpoint-label>span{font-size:7px}.career-deck{top:56px}.game-progress{display:none}}
.hero-copy .intro,.hero-copy .experience-note{display:none}
.ron-portrait{background-size:1927px 1285px;background-position:-1467px -81px}
.career-story{position:relative;background:linear-gradient(90deg,#0c1c17f5,#0c1c17c7);padding:0 0 0 20px;border-left:1px solid #83b29b40}
.career-deck:is([data-phase="reveal"],[data-phase="collected"],[data-phase="next"]) .card-stack{opacity:.35!important}
@media(max-width:760px){.ron-portrait{background-size:1725px 1150px;background-position:-1314px -73px}.career-story{padding:0;border:0;background:none}.hero-copy .experience-note{display:block}.deck-table{margin-top:16px}.career-deck:is([data-phase="reveal"],[data-phase="collected"],[data-phase="next"]) .card-stack{opacity:.18!important}}
@media(max-height:540px) and (orientation:landscape){.hero-copy .experience-note{display:none}}
.deck-layout{overflow-x:clip;width:100%}
@media(max-height:540px) and (orientation:landscape){.hero-copy h1{font-size:32px}}
.career-deck{background:radial-gradient(ellipse at 35% 45%,#152c22,#07120f 80%)}
.systems-heading{font-size:11px}.infrastructure,.infrastructure b{font-size:10px}
.deck-layout{row-gap:18px}.deck-table{transition:transform .4s var(--ease)}
.career-deck:is([data-phase="impact"],[data-phase="shuffle"],[data-phase="draw"],[data-phase="flip"]) .deck-table{transform:scale(.80)!important;transform-origin:top center}
@media(max-height:800px) and (min-width:761px){.deck-layout{margin-top:10px;row-gap:8px}.deck-table{margin-top:0}.deck-narrative{min-height:24px}}
@media(max-height:540px) and (orientation:landscape){.checkpoint-label>span{display:none}.checkpoint-label strong{font-size:32px;line-height:1;margin:0}.checkpoint-label small{font-size:10px}.checkpoint-label p{display:none}}
@media(max-height:540px) and (orientation:landscape){#app[data-mode="playing"] .checkpoint-label strong{font-size:32px}}