@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@500;600;700&display=swap');
:root{--navy:#12221c;--night:#1c3027;--ink:#29372e;--blue:#b83d25;--violet:#9e7053;--pale:#eee5d3;--line:#c7b99e;--muted:#716651;background:#eee5d3;color:#29372e}
body{background:#eee5d3}.topbar{background:#10211b;border-color:#d3c49b28;color:#eee5d3}.brand small{color:#d3c49b}.top-board{color:#eee5d3;border-color:#9f9478}.landing-how-link{font-size:13px;margin-left:auto;margin-right:24px}.home-view .topbar{position:absolute;top:0;left:0;right:0;background:transparent;border:0}.home-view .brand strong{display:none}.home-view .brand small{font-size:16px;color:#eee5d3;letter-spacing:0}.home-view .top-board{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:#10211bd9;color:#eee5d3;border-color:#b6a488;white-space:nowrap}.retro-home{background:#10211b;color:#eee5d3}.retro-scene{position:relative;aspect-ratio:1672/941;container-type:inline-size;isolation:isolate}.retro-room{display:block;width:100%;height:auto;filter:saturate(.8)}.retro-role{position:absolute;top:16%;width:24%;z-index:2}.retro-kol{left:5.2%}.retro-ugc{right:4.5%;top:21%}.retro-role h1,.retro-role h2{font-family:'Archivo Black',Arial,sans-serif;font-size:4cqw;line-height:.98;letter-spacing:-.045em;margin:0 0 1.2cqw}.retro-kol h1{color:#cf4328}.retro-role p{font-family:'Barlow Condensed',Arial,sans-serif;font-size:2.65cqw;line-height:1.08;font-weight:600;margin:0 0 1.5cqw}.retro-role button{display:block;width:100%;background:#b83d25;color:#fff0d4;border:1px solid #d0623a;border-radius:5px;font:600 1.9cqw 'Barlow Condensed',sans-serif;text-transform:uppercase;padding:.7cqw;min-height:44px}.retro-role small{font-size:1.2cqw;line-height:1.3;display:block;margin-top:.5cqw}.retro-tv{position:absolute;left:35.8%;top:26%;width:25.6%;height:37.5%;border-radius:12%/8%;overflow:hidden;color:#eee5d3}.retro-channels{position:absolute;z-index:3;top:7%;left:4%;width:92%;display:flex;gap:6%;justify-content:center}.retro-channels button{background:#12221be8;border:0;color:#c6bfa8;font:1cqw monospace;text-transform:uppercase;padding:.4em 0;min-height:30px}.retro-channels button[aria-pressed=true]{color:#f3dfb4;border-bottom:2px solid #cfad6d}.retro-scroll{position:absolute;inset:27% 5% 8%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 12% 88%,transparent)}.retro-scroll::-webkit-scrollbar{display:none}.retro-credits{padding-top:30%;text-align:center;font:1.65cqw/1.55 monospace;animation:retro-credits 11s linear infinite}.retro-credits p{margin:0 0 40%}.retro-credits.manual{animation:none;padding-top:8%;padding-bottom:30%}.retro-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,#f0e8be20,transparent 75%);animation:retro-light 7s ease-in-out infinite}.retro-spill{position:absolute;left:23%;top:55%;width:50%;height:40%;pointer-events:none;background:radial-gradient(ellipse,#c4d3a329,transparent 65%);animation:retro-light 7s ease-in-out infinite}.retro-dust{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:10}.retro-dust i{position:absolute;width:1px;height:1px;background:#e3d9b4;border-radius:50%;animation:retro-drift 28s linear infinite;opacity:0}.landing-explainer{max-width:1100px;margin:auto;padding:70px 35px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.landing-explainer h2{font:600 42px/1.1 'Barlow Condensed',sans-serif}.launch-label{font:12px monospace;letter-spacing:.08em;color:#c8b992}.explain-copy{line-height:1.7}.explain-note{font-size:13px;color:#bdbaa9}.landing-footer{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid #d6c49d33;font-size:13px}.primary{background:#b83d25;color:#fff1d7}.primary:hover:not(:disabled){background:#b83d25}.secondary,.text-back{color:#6f3d2b;border-color:#b6a488}.secondary:hover{background:#e3d7bf;border-color:#9f8162}.overline,.panel-label{color:#866546}.setup-screen,.ugc-screen,.board-screen,.results-screen,.share-screen{background:#eee5d3}.setup-form,.ugc-form{background:#f7f0e3;border-color:#cbb99d;box-shadow:0 20px 60px #392a1610}input,select,textarea{accent-color:#b83d25}.screen h1 em{color:#8e4c31}.ugc-guide,.ugc-rate-note{background:#e7dcc5;color:#4d4738;border-color:#cbbb9e}.retro-home .retro-role h1{color:#cf4328}.retro-home .retro-role h2{color:#eee5d3}@keyframes retro-credits{to{transform:translateY(-62%)}}@keyframes retro-light{0%,100%{opacity:.35}50%{opacity:.85}}@keyframes retro-drift{0%{transform:translate(0,20px);opacity:0}20%,75%{opacity:.32}100%{transform:translate(22px,-90px);opacity:0}}@media(hover:hover){.retro-role button:hover{background:#b83d25}.retro-channels button:hover{color:#fff1d7}}@media(prefers-reduced-motion:reduce){.retro-credits,.retro-glow,.retro-spill,.retro-dust i{animation:none}.retro-credits{padding-top:5%}.retro-dust{display:none}}
@media(max-width:700px){.home-view .topbar{position:relative;background:#10211b;height:60px}.retro-scene{aspect-ratio:auto;padding:24px 22px 30px;display:grid;grid-template-columns:1fr;gap:24px;overflow:hidden}.retro-room{position:absolute;top:180px;left:50%;width:900px;max-width:none;transform:translateX(-50%)}.retro-role{position:relative;inset:auto;width:100%;max-width:440px;margin:auto}.retro-role h1,.retro-role h2{font-size:38px;max-width:340px;margin-bottom:12px}.retro-role p{font-size:25px;margin-bottom:16px}.retro-role small{font-size:13px;margin-top:9px}.retro-role button{font-size:23px;padding:12px}.retro-kol{min-height:250px}.retro-ugc{margin-top:0;background:#10211bf5;padding:24px;border:1px solid #b6a48855;border-radius:5px}.retro-tv{position:relative;left:auto;top:auto;width:232px;height:190px;margin:0 auto 90px;transform:translateX(-13px)}.retro-channels button{font-size:9px;min-height:35px}.retro-credits{font-size:15px}.retro-spill{top:350px}.landing-explainer{display:block;padding:32px 24px}.landing-explainer h2{font-size:32px}.landing-how-link{margin-right:0}.topbar .brand strong{font-size:14px}.top-board{font-size:11px;padding:8px}.retro-dust i:nth-child(even){display:none}}
@media(min-width:701px){.retro-kol{top:15%}.retro-role p{font-size:2.4cqw;margin-bottom:1.1cqw}.retro-role h1{font-size:3.8cqw}.retro-role small{font-size:1.1cqw}body:not(.home-view) .landing-how-link{display:none}}
/* Cream pages with forest green structure and vermilion actions. */
.play-screen,.setup-screen,.ugc-screen,.results-screen,.board-screen{background:#f2eadb;color:#20392e}
.play-top{background:#e9dfcb;border-color:#c8b995}.play-top>div,.overline,.panel-label,.choice-no{color:#b83d25}
.play-main h1,.setup-layout h1,.ugc-story h1,.ugc-form h2,.result-head h1,.board-wrap h1{color:#193c2d}
.step-lead,.setup-layout p,.choice p{color:#526052}
.choice{background:#faf4e8;border-color:#c5c8ac;box-shadow:0 5px 18px #1b382b08;color:#20392e}
.choice strong{color:#20392e}.choice b{color:#b83d25}
.choice.selected{background:#214b38;border-color:#214b38;color:#fff1d8}
.choice.selected strong,.choice.selected p,.choice.selected .choice-no,.choice.selected b,.choice.selected .candidate-evidence span,.choice.selected .candidate-evidence small{color:#fff1d8}
.choice.selected .candidate-evidence{border-color:#e4dfbc55}
.artifact{background:#e3e6d3;border-color:#aebc9c;color:#234332}
.artifact-title,.artifact-row strong{color:#214b38}.artifact-head,.artifact-row span,.artifact-empty,.artifact-foot{color:#52684f}
.artifact-head,.artifact-row{border-color:#b6c3a7}.artifact-head b{color:#b83d25}
.progress i{background:#cbcbb2}.progress i.active{background:#b83d25}
.primary,.share-actions .primary{background:#b83d25;border-color:#b83d25;color:#fff3de}
.primary:hover:not(:disabled),.share-actions .primary:hover{background:#b83d25;border-color:#b83d25;color:#fff3de}
.secondary{border-color:#6f8971;color:#214b38}.secondary:hover{background:#e0e6d4;color:#193c2d;border-color:#214b38}
.evidence-strip{background:#e5e8d7;border-color:#aaba9c}.evidence-head,.evidence-strip>p,.evidence-strip dt{color:#416347}
.result-score,.score-row span,.result-head h1 em,.board-wrap h1 em{color:#b83d25}
.ugc-guide,.ugc-rate-note{background:#e3e6d3;border-color:#b2c09f;color:#294834}
@media(hover:hover){.choice:hover:not(.selected){background:#edf0dd;border-color:#527657}}

.ugc-guide .ugc-mascot-stage{background:none!important}.ugc-guide .ugc-flow-mascot{display:block!important;object-fit:contain;animation:none!important;opacity:1}

.primary,.share-actions .primary,.retro-role button{background:#b83d25;border-color:#b83d25;color:#fff0d4}.primary:hover:not(:disabled),.share-actions .primary:hover,.retro-role button:hover{background:#96321f;border-color:#96321f;color:#fff0d4}

/* Keep result copy readable on the cream journey background. */
.share-screen .share-heading,.share-screen .share-heading h1,.share-screen .share-summary,.share-screen .share-help,.share-screen .card-tools .secondary,.share-screen .share-rank{color:#18352b}
.share-screen .overline{color:#576049}
.share-screen .card-tools .secondary{border-color:#738071}

/* Fine airborne dust remains visible on both cream and dark screens. */
.retro-dust{z-index:40}
.retro-dust i{width:1.4px;height:1.4px;background:#776344;box-shadow:0 0 1px currentColor;animation-name:retro-dust-visible}
.retro-dust i:nth-child(3n){width:1px;height:1px}
.home-view .retro-dust i{background:#f8e7bb;box-shadow:0 0 2px #ffe7ac}
.retro-room-light{position:fixed;inset:-15%;z-index:39;pointer-events:none;background:linear-gradient(118deg,transparent 24%,rgba(255,216,139,.11) 35%,rgba(255,236,190,.19) 42%,transparent 57%);mix-blend-mode:soft-light;animation:retro-room-breathe 12s ease-in-out infinite alternate}
.home-view .retro-room-light{mix-blend-mode:screen}
.retro-glow{background:radial-gradient(ellipse,rgba(240,232,190,.22),transparent 75%)}
.retro-spill{background:radial-gradient(ellipse,rgba(225,212,154,.23),transparent 68%)}
@keyframes retro-dust-visible{0%{transform:translate3d(-12px,45px,0);opacity:0}15%,75%{opacity:.68}100%{transform:translate3d(38px,-115px,0);opacity:0}}
@keyframes retro-room-breathe{from{transform:translate3d(-2%,0,0);opacity:.6}to{transform:translate3d(3%,1%,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.retro-room-light{animation:none;opacity:.65}.retro-dust{display:none}}

/* Mobile review: readable result details and usable phone controls. */
.share-screen .share-board,.share-screen .share-board h2,.share-screen .share-apply h3,.share-screen .share-apply label{color:#18352b}
.share-screen .share-board>p,.share-screen .share-board-empty,.share-screen .share-apply>p,.share-screen .copy-status,.share-screen .share-board-row>span,.share-screen .share-board-pagination span{color:#4c5b49}
.share-screen .share-board-row b,.share-screen .share-board-pagination button,.share-screen .share-apply #quickApplyStatus{color:#254d38}
.share-screen .share-board-row,.share-screen .share-apply{border-color:#aab397;background:#f7f0e3}
.share-screen .share-board-row.is-you{background:#dce5ce;border-color:#557c5e}
.share-screen .share-board-row strong small{color:#244c35;background:#c7d6b7}
html{-webkit-text-size-adjust:100%}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:700px){
 input,select,textarea,.share-apply input[type=email]{font-size:16px}
 .topbar{gap:10px;flex-wrap:wrap;height:auto;min-height:64px;padding:12px 18px}
 body:not(.home-view) .landing-how-link{display:none}
 .top-board{min-height:44px;margin-left:auto}
 .share-actions .primary,.card-tools button,.ugc-actions button,.ugc-done .share-buttons button{min-height:44px;white-space:normal}
 .share-board-row{grid-template-columns:28px minmax(0,1fr) 40px;gap:8px}
 .share-board-row strong{overflow-wrap:anywhere}
 .share-board-pagination{flex-wrap:wrap}
 .ugc-form textarea{width:100%;min-height:120px;font:inherit;font-size:16px;padding:14px;border:1px solid #b2c09f;border-radius:8px}
 .ugc-guide p{margin:8px 0 16px}
 .ugc-guide p:last-child{margin-bottom:0}
 .ugc-actions{flex-wrap:wrap}
}
@media(max-width:700px){
 .ugc-guide{display:block;padding:18px}
 .ugc-guide .ugc-mascot-stage{width:60px;height:70px;margin:0 0 8px}
 .ugc-guide .ugc-flow-mascot{width:60px;height:70px}
 .ugc-guide p{font-size:15px;line-height:1.55}
 .ugc-guide strong{font-size:14px}
}
@media(max-width:380px){.board-wrap h1{font-size:48px;letter-spacing:-.055em}.board-wrap h1 em{overflow-wrap:anywhere}}

@media(max-width:700px){.home-view .topbar{padding:0 14px;gap:10px}.home-view .brand small{font-size:12px}.home-view .landing-how-link{font-size:11px;margin-left:auto;margin-right:0}.home-view .top-board{font-size:11px;padding:8px 10px;flex-shrink:0}}