/* Rationale is a companion to the prototype, never a customer-facing module. */
.overview-note{border-top:1px solid #d8ccbf;padding-top:20px}.rationale-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.overview-note h2{font-size:18px;line-height:1.55;letter-spacing:-.3px;margin:10px 0}.overview-note>p,.overview-note details>p{font-size:12px;line-height:1.9;color:#88776b}.overview-note summary{font-size:12px;font-weight:650;color:#a35535;padding:12px 0;cursor:pointer}.voice-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 9px;min-height:32px;border:1px solid #e0cfbc;background:#fff8ee;border-radius:30px;font-size:10px;color:#8d5e3d}.voice-button[aria-pressed=true]{background:#503842;border-color:#503842;color:#fff}.rationale-module{display:flex;gap:11px;margin:15px 0}.rationale-module>span{font-size:10px;color:#b29a83;line-height:23px;font-variant-numeric:tabular-nums}.rationale-module strong{font-size:12px;color:#64504c;line-height:1.7}.rationale-module p{font-size:11px;line-height:1.85;color:#8c7a6e;margin:3px 0!important}.rationale-measure{padding:11px 12px;border-left:2px solid #c79b78;background:#f0e7dd;font-size:11px!important;line-height:1.8}#narration-status{font-size:10px;color:#aa9382}.design-note #design-title{font-size:16px;line-height:1.7}.review-sheet .voice-button{float:right}.review-sheet .rationale-module strong{font-size:14px}.review-sheet .rationale-module p{font-size:12px}.preview-column{align-self:start}.review-panel{padding-bottom:30px}#review-narrator{display:none}
#plus-layer .plus-fab{display:flex;bottom:85px;right:15px}.on-discover #plus-layer{display:block}.on-discover .video-action-dock{padding-bottom:57px}.on-discover .video-stage{min-height:265px}.on-discover .discover-content{overflow-y:auto;scrollbar-width:none}.on-discover .video-action-dock{flex-shrink:0}
.preview-film{margin:4px -4px 18px;overflow:hidden;background:#25192f;border-radius:16px}.preview-film video{display:block;width:100%;aspect-ratio:8/5;background:#25192f;object-fit:contain}.preview-film>div{display:flex;flex-direction:column;padding:10px 13px;gap:4px;color:#ead9ef}.preview-film span{font-size:9px;letter-spacing:1.3px}.preview-film small{font-size:10px;color:#c1aec9}.preview-game-top.compact{gap:12px;margin-top:4px}.preview-game-top.compact .art{width:48px;height:48px;border-radius:12px}.preview-game-top.compact h3{font-size:18px;margin:6px 0}.preview-game-top.compact .tag{font-size:8px}
.section-intro{font-size:11px;line-height:1.6;color:#99868c;margin:-4px 0 11px}.newcomer-card{display:flex;width:100%;align-items:center;gap:9px;padding:14px 12px;text-align:left;background:#fff0df;border:1px solid #f0d7ba;border-radius:16px;margin:12px 0 20px}.newcomer-mark{color:#b76e30;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff8ed;flex-shrink:0}.newcomer-card>span:nth-child(2){flex:1}.newcomer-card strong{font-size:12px;line-height:1.4;display:block}.newcomer-card small{display:block;font-size:9px;line-height:1.5;color:#a38163;margin-top:4px}.newcomer-value{display:flex;align-items:center;flex-wrap:wrap;width:49px;font-size:8px;color:#b56736;gap:2px}.newcomer-value b{font-size:19px}.newcomer-value svg{flex-shrink:0}.next-tier-card{display:block;text-align:left;width:100%;background:white;border:1px solid #e8dfd5;border-radius:16px;padding:13px;margin:10px 0;box-shadow:0 3px 7px #5b3d2410}.tier-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.tier-heading>strong{font-size:12px;line-height:1.6}.tier-heading small{font-size:8px;letter-spacing:.5px;background:#f7efe5;padding:4px 6px;border-radius:4px;color:#a4896f;flex-shrink:0}.tier-benefit{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 0}.tier-benefit>span{font-size:11px;color:#9b8991}.tier-benefit b{display:block;font-size:20px;letter-spacing:-.6px;color:#473841;margin-bottom:4px}.tier-benefit>strong{font-size:24px;color:#ad6041;text-align:right;font-weight:650}.tier-benefit small{display:block;font-size:9px;color:#aa9180;font-weight:400}.next-tier-card .progress-track{height:5px;display:block;margin:0}.tier-footer{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:#aa999e;margin-top:10px}.tier-footer b{font-weight:550;color:#a56540;display:inline-flex;align-items:center}.task-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 19px}.task-tabs .chip{font-size:10px}.task-tabs .selected{background:#403347;border-color:#403347;color:#fff}.newcomer-detail{background:#fff0de;padding:22px;border-radius:16px;margin:15px 0}.newcomer-detail>span{display:block;color:#ae845e;font-size:12px}.newcomer-detail strong{font-size:52px;color:#b36736;letter-spacing:-2px}.newcomer-detail p{margin:0}.tier-ladder{display:grid;gap:10px;margin:16px 0}.ladder-stage{border:1px solid #e8dfd5;border-radius:14px;padding:14px;background:white}.ladder-stage.current{border-color:#d49a79;background:#fff6ed}.ladder-stage>div:first-child{display:flex;align-items:center;justify-content:space-between}.ladder-stage>div>span{font-size:10px;color:#ad876b}.ladder-stage strong{font-size:22px;color:#9d634a}.ladder-stage p{margin:5px 0 10px}.ladder-stage small{font-size:10px;color:#a58c8b}.ladder-stage .progress-track{height:5px;margin:8px 0}.popular-searches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.popular-searches button{padding:12px 8px;background:#f6efe6;border-radius:10px;text-align:left;display:flex;align-items:center;gap:7px;font-size:11px;min-height:48px}.popular-searches button>span{font-size:9px;color:#c28562}.popular-searches button>svg{margin-left:auto;flex-shrink:0;color:#ae9281}
.watch-envelope{position:absolute;right:13px;top:74px;z-index:3;display:flex;flex-direction:column;align-items:center;color:#fff;max-width:94px;filter:drop-shadow(0 3px 7px #160b2066)}.envelope-symbol{display:grid;place-items:center;width:43px;height:46px;border-radius:13px;background:linear-gradient(150deg,#ffb453,#ed613e);border:3px solid #ffdb8b;color:#fff3c7;position:relative}.envelope-symbol:after{content:'';position:absolute;inset:-6px;border-radius:16px;background:conic-gradient(#ffe294 var(--watch-progress,0%),#ffffff30 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:2px}.watch-envelope strong{font-size:9px;line-height:1.2;padding:5px 8px;border-radius:20px;background:#ee753b;margin-top:-2px;z-index:1}.watch-envelope small{font-size:8px;line-height:1.5;color:#ffe7c0;margin-top:4px;text-shadow:0 1px 3px #000}.watch-envelope.ready .envelope-symbol{background:linear-gradient(150deg,#ffb849,#e34829)}.watch-hero{border-radius:18px;background:linear-gradient(140deg,#ffe6c2,#ffc789);padding:20px;color:#653b29}.watch-hero h3{font-size:25px;line-height:1.15;letter-spacing:-1px;margin:14px 0 23px}.watch-hero .tag{background:#fff2de;color:#b77743;font-size:8px}.watch-balances{display:flex;gap:25px}.watch-balances>span{flex:1}.watch-balances small{display:block;font-size:10px;color:#b47c54}.watch-balances strong{font-size:32px;letter-spacing:-1px;display:block;margin-top:6px}.watch-balances em{font-size:10px;font-style:normal;margin-left:5px;letter-spacing:0}.watch-hero p{font-size:10px;color:#a36b45;margin:15px 0 0}.watch-summary{padding:15px 1px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.watch-summary strong{font-size:11px}.watch-summary span{font-size:9px;color:#a58c7b;text-align:right;max-width:115px;line-height:1.6}.watch-task{display:flex;align-items:center;gap:10px;background:white;border:1px solid #eee3d8;border-radius:14px;padding:13px 10px;margin:9px 0}.watch-task-icon{width:33px;height:38px;background:#fff0de;color:#bd8249;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.watch-task>div{min-width:0;flex:1}.watch-task strong{font-size:11px;line-height:1.6;display:block}.watch-task small{font-size:9px;color:#a59080;display:block;line-height:1.5;margin-top:3px}.watch-task .progress-track{height:3px;margin:8px 0 0}.watch-task button{padding:9px 10px;font-size:9px;min-height:34px}.watch-task button:disabled{opacity:.45;cursor:default}.watch-task+.block{margin-top:18px}
@media(max-width:780px){.review-access{gap:7px;height:40px;justify-content:flex-start;padding:0 10px;max-width:100%;background:#f6ede3}.review-access .voice-button{font-size:9px;padding:4px 7px;min-height:27px}.review-access>button{font-size:10px;white-space:nowrap}.review-access>button:nth-of-type(3){margin-left:auto}.review-access .voice-button svg{width:13px;height:13px}.review-panel .overview-note{margin-top:20px}}
@media(max-width:440px){.phone{height:calc(100dvh - 40px);min-height:550px}.watch-envelope{right:12px;top:69px}.on-discover .video-stage{min-height:250px}.on-discover .video-action-dock{padding-bottom:57px}}
@media(max-width:360px){.tier-heading>strong{font-size:11px}.newcomer-card{padding:12px 8px;gap:7px}.newcomer-card strong{font-size:11px}.newcomer-card small{font-size:8px}.watch-balances{gap:10px}.watch-task{gap:7px}.watch-task button{padding:8px}.watch-task-icon{display:none}}
.points-tabs{display:flex;position:sticky;top:-4px;z-index:2;background:var(--paper);border-bottom:1px solid #e7dace;margin:-4px -4px 17px;padding:3px 4px 0;gap:12px}.points-tabs button{position:relative;flex:1;padding:12px 3px;font-size:13px;color:#a78f80;white-space:nowrap}.points-tabs [aria-selected=true]{color:#633d2e;font-weight:700}.points-tabs [aria-selected=true]:after{content:'';position:absolute;bottom:0;left:calc(50% - 11px);height:3px;width:22px;border-radius:3px;background:#e87c4e}.mall-balance{display:flex;justify-content:space-between;align-items:center;border-radius:14px;padding:17px 14px;background:#f7eada;margin:7px 0 16px;font-size:11px;color:#9e7758}.mall-balance strong{display:block;font-size:27px;color:#774d37;margin-top:5px}.mall-balance button{font-size:11px;display:flex;align-items:center;gap:6px}.mall-categories{display:flex;justify-content:space-between;gap:6px;margin:19px 0}.mall-categories button{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;color:#9d795d}.mall-categories svg{color:#b97e49}.mall-toggle{display:flex;gap:7px;align-items:center;font-size:10px;color:#a18d7c;padding:9px 0}.mall-toggle input{accent-color:#dc8c53}.mall-catalogue{text-align:center;border:1px dashed #d9c5b0;border-radius:16px;padding:25px 14px;margin:9px 0 18px}.mall-catalogue>span{display:inline-flex;color:#bd936e}.mall-catalogue h3{font-size:17px}.mall-catalogue p{font-size:11px}.mall-catalogue small{font-size:10px;line-height:1.8;display:block;margin-top:10px;color:#ac9886}.points-history-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.points-history-row strong{font-size:12px}.points-history-row small{display:block;font-size:10px;color:#a28c7a;margin-top:4px;line-height:1.7}.points-history-row>b{color:#b67946;font-size:19px}
@media(max-width:780px){.preview-column{align-self:center}}
.next-tier-card{padding:11px 12px}.tier-benefit{padding:8px 0}.tier-benefit b{font-size:19px;margin-bottom:3px}.tier-benefit>strong{font-size:22px}.tier-footer{margin-top:8px}.newcomer-card{margin-bottom:16px}.section-intro{margin-bottom:8px}
/* Keep player controls above the author row, including short review windows. */
.on-discover .video-stage{min-height:300px}.video-play{width:44px;height:44px;left:calc(50% - 22px);top:clamp(48px,calc(100% - 253px),25%);z-index:2}.watch-envelope{display:grid;grid-template-columns:24px 1fr;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;top:48px;right:12px;width:112px;max-width:112px;height:48px;padding:6px 8px;border:1px solid #ffce85;border-radius:12px;background:linear-gradient(135deg,#f69c48,#d66532);text-align:left}.watch-envelope .envelope-symbol{grid-row:1/3;width:24px;height:29px;border-width:1px;border-radius:7px;background:#f5a34d}.watch-envelope .envelope-symbol svg{width:16px;height:16px}.watch-envelope .envelope-symbol:after{inset:-4px;border-radius:10px;padding:1.5px}.watch-envelope strong{background:none;font-size:8px;padding:0;margin:0;line-height:1.25}.watch-envelope small{font-size:7px;line-height:1.2;margin:0;color:#ffeac7;white-space:nowrap}.watch-envelope.ready{background:linear-gradient(135deg,#ee8e3d,#d44d2e)}
/* Expanded rationale: explicit problems, navigation tradeoff and a bottom exit. */
.overview-principle{padding:13px;border-radius:12px;background:#ede3d7;font-size:12px!important;line-height:1.9!important;color:#796355!important}.navigation-rationale{margin:22px 0;padding:16px;border:1px solid #ddc8b1;border-radius:14px;background:#fff7ec}.navigation-rationale h3,.overview-criteria h3{font-size:14px;line-height:1.7;margin:0 0 10px;color:#65493b}.nav-order{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:12px 0}.nav-order span{font-size:8px;font-weight:650;line-height:1.6;text-align:center;padding:7px 1px;border-radius:5px;background:#f1e1cf;color:#9b7351}.nav-order span:nth-child(3){background:#e6c5a5;color:#714728}.navigation-rationale>strong{display:block;font-size:12px;line-height:1.8;margin-top:14px;color:#735541}.navigation-rationale p{font-size:11px;line-height:1.9;color:#927b66;margin:7px 0}.overview-criteria{padding-top:12px;border-top:1px solid #ddcfbf}.collapse-overview{display:block;width:100%;margin:20px 0 5px;border:1px solid #d7bda6;border-radius:10px;background:#f7ebdf;color:#8c5637;min-height:40px;font-size:12px;font-weight:650}.collapse-overview:hover{background:#efe0ce}.collapse-overview:focus-visible{outline:2px solid #ad7652;outline-offset:3px}.review-sheet .navigation-rationale{padding:14px}.review-sheet .navigation-rationale p{font-size:12px}.review-sheet .nav-order span{font-size:9px}.review-sheet .overview-criteria h3{font-size:15px}

/* Account essentials and search across content types. */
.account-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f0e8;border:1px solid #e9dfd3;border-radius:15px;padding:12px 15px;margin:2px 0 15px}
.balance-label{font-size:10px;color:#8a7767;display:flex;align-items:center;gap:7px}
.balance-label small{font-size:7px;letter-spacing:1px;color:#a29182;border:1px solid #e0d5c6;padding:2px 4px;border-radius:4px}
.balance-value{display:flex;align-items:center;gap:9px;margin-top:3px}.balance-amount{font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:750;color:#44362c;text-align:left;font-variant-numeric:tabular-nums}
.balance-visibility{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#a18c79;border-radius:50%}.balance-visibility:hover{background:#eae1d5}.balance-details{padding:10px 0 10px 8px;color:#ab8d74}.balance-signin{font-size:13px;color:#83603f;margin-top:8px;display:flex;align-items:center;gap:8px}
.account-balance-large{padding:16px;margin-top:5px;margin-bottom:10px;background:linear-gradient(115deg,#f4e7d6,#fbf5ec)}.account-balance-large .balance-amount{font-size:31px}.account-primary{margin:10px 0 14px;gap:8px}.account-primary button{padding:12px 4px;position:relative;gap:7px;min-height:82px;justify-content:center}.account-primary small{font-size:8px;color:#a98a76;margin-top:-3px}.account-primary button:first-child{background:#f8e5d3;color:#a7683b}
.search-types{display:flex;gap:5px;margin:-3px 0 20px;border-bottom:1px solid #eadfd5;padding-bottom:10px}.search-types button{flex:1;min-height:35px;border-radius:9px;font-size:11px;color:#968372}.search-types button[aria-selected=true]{background:#f2e6d7;color:#755230;font-weight:700}.search-feature-picks{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 21px}.search-feature-picks button{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid #e4d5e7;border-radius:9px;background:#f6f0fa;color:#80638b;font-size:10px}.search-type-icon{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:#f2e9dd;color:#a68053;display:flex;align-items:center;justify-content:center}.search-type-icon.purple{background:#eee6f5;color:#9073a4}.feature-result>span:nth-child(2){min-width:0}.search-result small{line-height:1.6}.search-group .result-label{margin-top:20px}.search-types button:focus-visible,.balance-visibility:focus-visible{outline:2px solid #b37e57;outline-offset:2px}
@media(max-width:355px){.account-balance{padding:10px 12px;margin-bottom:12px}.balance-amount{font-size:23px}.account-balance-large .balance-amount{font-size:28px}.account-primary{gap:6px}.search-types{gap:3px}.search-feature-picks button{font-size:9px}}