:root{--bg:#0d0e12;--panel:#191b21;--line:#464036;--gold:#e5c28b;--muted:#b7b1a8;--text:#f5f1eb}
body{background:#0d0e12}#app{position:relative;z-index:1;min-height:100dvh}.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#090b0f}.hotel-view{position:absolute;inset:-3%;background:url('./macau-luxury.png') center 38%/cover no-repeat;opacity:.58;transform-origin:60% 35%;animation:hotel-drift 28s ease-in-out infinite alternate;will-change:transform}.hotel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.28),rgba(7,9,13,.58) 28%,rgba(9,11,15,.94) 85%),linear-gradient(90deg,rgba(9,11,15,.35),rgba(9,11,15,.68) 42%,rgba(9,11,15,.72) 68%,rgba(9,11,15,.25))}.amber-halo{position:absolute;border-radius:50%;filter:blur(55px);opacity:.18;animation:ambient-breathe 10s ease-in-out infinite alternate}.halo-left{width:320px;height:240px;background:#d99740;top:-70px;left:-120px}.halo-right{width:230px;height:340px;background:#ac5c20;right:-120px;top:35%;animation-delay:-5s}.gold-motes{position:absolute;inset:0;opacity:.5}.mote{position:absolute;width:3px;height:3px;border-radius:50%;background:#f8dca4;box-shadow:0 0 12px 2px #d6ac615c;opacity:0;animation:mote-rise 14s linear infinite}.mote-0{left:4%;top:78%;animation-delay:-1s}.mote-1{left:12%;top:45%;animation-delay:-7s}.mote-2{left:23%;top:28%;animation-delay:-11s}.mote-3{left:88%;top:74%;animation-delay:-4s}.mote-4{left:94%;top:35%;animation-delay:-10s}.mote-5{left:79%;top:12%;animation-delay:-6s}.mote-6{left:8%;top:12%;animation-delay:-13s}.mote-7{left:97%;top:89%;animation-delay:-2s}.mote-8{left:1%;top:52%;animation-delay:-9s}
header{position:relative;border-bottom-color:#d2ad6a40;background:linear-gradient(90deg,#10111328,#211c1240,#10111328)}header:after{content:'';position:absolute;bottom:-1px;left:8%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#f3d8a4,transparent);opacity:.65;animation:header-glimmer 14s ease-in-out infinite}.brand b{color:#efce97;text-shadow:0 1px 16px #d9a34732}.brand span{border-left-color:#e3be7a3b;color:#c5bba9}.header-tools{display:flex;align-items:center;gap:22px}.meta{color:#b8afa0}.motion-control{display:flex;align-items:center;gap:8px;color:#d0b88e;border:1px solid #b490553d;background:#1615138c;border-radius:20px;padding:6px 11px;font-size:12px;line-height:1.5;white-space:nowrap;min-height:34px;box-shadow:inset 0 1px 0 #e2c48c0d}.motion-control:hover{border-color:#d2ad6a80;background:#29231ac9}.motion-control:disabled{opacity:.65;cursor:default}.motion-state{color:#aba08d;font-size:12px}.motion-icon{display:flex;align-items:center;gap:2px;height:12px}.motion-icon i{width:2px;height:5px;border-radius:1px;background:#dfbd82;animation:motion-indicator 2.5s ease-in-out infinite}.motion-icon i:nth-child(2){height:11px;animation-delay:-.7s}.motion-icon i:nth-child(3){height:7px;animation-delay:-1.6s}
main{position:relative}.topline{color:#c0b7a7}.topline strong{color:#f0d2a4}.progress{gap:8px}.tick{background:#75634447}.tick.done{background:linear-gradient(90deg,#a18149,#edd0a0,#cfa968);box-shadow:0 0 9px #d6ad6024}.workspace{gap:42px;align-items:start}.scene{border:1px solid #c7a36b45;border-radius:11px;padding:22px 20px 24px;background:linear-gradient(155deg,#29221ba8,#13151cea 72%);box-shadow:inset 0 1px 0 #f4d59b18,0 18px 45px -22px #000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}.scene:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e5c38e9e,transparent)}.scene h2{color:#f2dfbd}.scene .eyebrow{color:#dabb84}.chip{border-color:#e2be7733;color:#cec0a8;background:#ddba7410}.scene dl div{border-bottom-color:#bc96552b}.scene dt{color:#b5aa99}.scene dd{color:#eee1cb}.scene .hint{color:#b7b0a7}.question{background:linear-gradient(130deg,rgba(30,29,28,.94),rgba(19,22,28,.96));padding:29px 30px 24px;border:1px solid #c5a26540;border-radius:12px;box-shadow:inset 0 1px 0 #ffe0a914,0 24px 60px -28px #0009;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.question h1{color:#faf4e9}.question .eyebrow{color:#e7c187}.lead{color:#bfb9b0}.option{border-color:#b2956c32;background:linear-gradient(115deg,#262527b8,#1d2027d9);box-shadow:inset 0 1px 0 #ffe6b606;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.option:hover{border-color:#d3b17c78;background:#38322bdd;transform:translateY(-1px)}.option.selected{border-color:#e5c28b;background:linear-gradient(110deg,#4e3e2c,#2c2925);box-shadow:inset 3px 0 0 #e5c28b,0 0 24px -16px #e5c28b94}.option .reason{color:#c4beb4}.option.selected .reason{color:#e2d4c0}.key{border-color:#b8a17b72;color:#cdbd9f}.selected .key{background:linear-gradient(130deg,#f3deb3,#be914e);box-shadow:0 2px 8px #0003}.handfields input{background:linear-gradient(145deg,#f9f2e5,#e4d7c0);color:#282119;box-shadow:inset 0 1px 0 #fff,0 6px 16px #0002;border:1px solid #bca2715c}.handfields input::placeholder{color:#807560}.handfields input:focus{outline:2px solid #ebc78e;outline-offset:4px;box-shadow:0 0 28px -13px #edc98d;transform:translateY(-2px)}.handfields label span{color:#bfb3a1}.format{color:#b5ac9f}.uncertain{color:#c1b6a4;border-color:#92774e50;background:#1b1b1b88}.uncertain.active{border-color:#d8b273;color:#f1cd91}.actions{border-top-color:#ad8d592e}.primary{position:relative;isolation:isolate;overflow:hidden;border-color:#d4af76;background:linear-gradient(125deg,#f4ddb4,#dab57b 55%,#b68d51);color:#292117;box-shadow:inset 0 1px 0 #fff6,0 5px 22px -12px #e4b46380;transition:box-shadow .2s,transform .2s,background .2s}.primary:after{content:'';position:absolute;z-index:-1;inset:-50% -130%;background:linear-gradient(110deg,transparent 40%,#fff8 49%,transparent 58%);transform:translateX(-38%);animation:button-sheen 12s ease-in-out infinite}.primary:hover{background:linear-gradient(125deg,#fff0d2,#e4c28b,#c9a264);box-shadow:0 7px 25px -10px #e4b4638c;transform:translateY(-1px)}.secondary{border-color:#9f885d40;color:#cabfae;background:#1d1e22a8}.secondary:hover:not(:disabled){border-color:#d5b37c91;color:#f1dcc0;background:#342c23}.card{background:linear-gradient(145deg,#fffaf0,#e8ddca);box-shadow:0 3px 0 #b2a083,0 6px 12px #0005;border:1px solid #f2e1c9;animation:card-arrive .45s cubic-bezier(.2,.7,.3,1) both}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.footer{color:#b3aa9d}
.summary{border:1px solid #c6a16961;border-left:3px solid #e4c18a;background:linear-gradient(115deg,#30271ddd,#191d25f0);box-shadow:inset 0 1px 0 #ecd4a61a,0 15px 40px -24px #000;backdrop-filter:blur(16px)}.summary h2{color:#f8ead5}.summary p{color:#d1c4b0}.summary .synthesis-evidence{color:#bfb29d;border-top-color:#c19b5e33}.risk-card{background:linear-gradient(145deg,#272522ed,#161c26ed);border-color:#af905d40;box-shadow:inset 0 1px 0 #e4c4890d}.risk-number{color:#dfbd84}.risk-board{color:#bfb19c}.risk-card p{color:#c1b8ac}.range-section{border-bottom-color:#9e814c3b}.range-row{border-top-color:#c2a16e31}.range-row p{color:#c1b7a8}.range-note,.plan-note,.notice{color:#b8ad9c}.badge{background:#172521b8}.badge.review{background:#332a1d9c;border-color:#b998604c;color:#e4c797}.learning-section{border-color:#cfaa6a75;background:linear-gradient(130deg,#31271cf0,#1a1d24f5);box-shadow:inset 0 1px 0 #f5d99a1f,0 22px 45px -35px #000}.learning-section h2{color:#f1e2c7}.duration strong{color:#edc995;text-shadow:0 0 22px #cd9d4130}.duration{border-bottom-color:#c1a06d38}.duration p{color:#e1d1b7}.duration p span{color:#beb09c}.learning-block{border-bottom-color:#c3a16b2e}.learning-block p{color:#d1c3b0}.learning-block .deliverable{color:#bdb09c}.completion{background:#0f151cd9;border:1px solid #b28e542e}.completion p{color:#c4baa9}details{border-color:#b996613b;background:#171a208c}.answer-row{border-bottom-color:#b58f5236}.quiet{color:#d1b584}
@keyframes hotel-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.7%,.4%,0)}}@keyframes ambient-breathe{from{opacity:.1;transform:scale(.96)}to{opacity:.24;transform:scale(1.08)}}@keyframes mote-rise{0%{opacity:0;transform:translate3d(0,18px,0)}15%{opacity:.28}65%{opacity:.16}100%{opacity:0;transform:translate3d(18px,-70px,0)}}@keyframes header-glimmer{0%,35%{transform:translateX(0);opacity:.25}70%{opacity:.7}100%{transform:translateX(165%);opacity:.15}}@keyframes button-sheen{0%,80%{transform:translateX(-38%)}100%{transform:translateX(38%)}}@keyframes motion-indicator{0%,100%{transform:scaleY(.65);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes card-arrive{from{opacity:0;transform:translateY(9px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.motion-paused .atmosphere *,.motion-paused header:after,.motion-paused .primary:after,.motion-paused .motion-icon i,.tab-hidden .atmosphere *,.tab-hidden header:after,.tab-hidden .primary:after,.tab-hidden .motion-icon i{animation-play-state:paused!important}.motion-paused .mote{opacity:0!important}.motion-paused .card{animation:none!important}.motion-paused .motion-icon i{opacity:.4}.motion-paused .primary:after{display:none}
@media(max-width:1080px){.workspace{gap:27px}.question{padding:26px}.scene{padding:20px 17px}}
@media(max-width:760px){.hotel-view{background-position:70% top;opacity:.48}.hotel-shade{background:linear-gradient(180deg,#080c1250,#080c12bc 35%,#0a0d11f5 78%)}header{gap:10px}.header-tools{gap:0}.motion-control{font-size:12px;padding:5px 9px;gap:6px}.motion-icon{display:none}.halo-left{width:180px;height:180px;filter:blur(40px)}.halo-right{width:170px;height:190px;filter:blur(40px)}.workspace{gap:18px}.scene{padding:17px 16px 15px;border-radius:9px;background:linear-gradient(125deg,#372918ad,#151923eb)}.scene .chips{gap:6px}.scene .chip{font-size:12px;padding:2px 7px}.scene .hint{font-size:13px;line-height:1.75}.question{padding:23px 20px 20px;border-radius:10px}.question h1{font-size:24px}.lead{font-size:15px}.option{padding:14px 12px}.option .reason{font-size:14px}.handfields input{padding:18px 4px}.mote-2,.mote-5,.mote-6{display:none}.report h1{font-size:29px}.summary,.risk-card,.learning-section{backdrop-filter:none}.footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){.atmosphere *,header:after,.primary:after,.motion-icon i,.card{animation:none!important;transition:none!important}.hotel-view{will-change:auto}.mote,.primary:after{display:none!important}}
@media print{.atmosphere,.motion-control{display:none!important}#app{color:black}.summary,.risk-card,.learning-section,details{background:white!important;color:black!important;box-shadow:none!important;backdrop-filter:none!important}.summary h2,.summary p,.risk-card p,.learning-section h2,.duration p,.learning-block p,.completion p,.range-row p{color:black!important}}

.scene .cards{gap:6px}.scene .card{width:38px;height:56px;font-size:21px}.scene .card small{font-size:20px}@media(max-width:760px){.scene .cards{grid-column:1/-1;grid-row:auto;margin:13px 0 0;gap:6px}.scene .card{width:35px;height:49px;font-size:19px}.scene .card small{font-size:18px}}@media(max-width:380px){.scene .chips{grid-column:1/-1}}
.hotel-view{opacity:.9;animation:hotel-visible-drift 11s ease-in-out infinite alternate;animation-delay:-3s;transition:opacity .45s,filter .45s}.hotel-shade{background:linear-gradient(180deg,#06090d16,#090c104d 40%,#090b0fde 90%),linear-gradient(90deg,#090b0f20,#090b0f8c 35%,#090b0f9c 74%,#090b0f10)}.amber-halo{opacity:.3;animation-duration:5s}.ambient-foreground{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none;contain:layout paint}.drift-spark{position:absolute;left:var(--spark-x);top:var(--spark-y);width:var(--spark-size);height:var(--spark-size);border-radius:50%;background:#ffe6ab;box-shadow:0 0 9px 2px #f3bb6599,0 0 23px 3px #d891383d;opacity:.65;animation:visible-gold-drift var(--spark-duration) linear var(--spark-delay) infinite;will-change:transform,opacity}.drift-spark:nth-child(3n){filter:blur(.6px);background:#ffd287}.question,.summary{position:relative;overflow:hidden}.question:after,.summary:after{content:'';position:absolute;top:0;left:0;width:36%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#d2a15a 25%,#fff1c7 55%,#e9be75 80%,transparent);box-shadow:0 0 13px 2px #e8b96677;animation:visible-border-travel 4.5s linear -1s infinite;z-index:2}.scene{box-shadow:inset 0 1px 0 #f4d59b30,0 18px 45px -22px #000,0 0 30px -18px #dba14780}.light-vignette{height:130px;margin-top:22px;position:relative;overflow:hidden;border-radius:6px;border:1px solid #d3aa6957;background:#171310}.vignette-view{position:absolute;inset:-8%;background:linear-gradient(180deg,#15100908,#15100955),url('./macau-luxury.png') 46% 25%/cover;animation:vignette-drift 9s ease-in-out -2s infinite alternate;transition:filter .4s,opacity .4s}.vignette-sweep{position:absolute;top:-40%;left:-80%;width:55%;height:190%;background:linear-gradient(90deg,transparent,#ffda8130,#fff0c283,#ffdc932b,transparent);transform:rotate(22deg);mix-blend-mode:screen;animation:vignette-light-pass 4s linear -1.5s infinite;pointer-events:none}.vignette-glow{position:absolute;inset:0;box-shadow:inset 0 0 28px #c9953e33;animation:vignette-gold-breathe 3.8s ease-in-out infinite alternate}.primary:after{animation:visible-button-sheen 4.8s linear -1.2s infinite}header:after{width:38%;animation:visible-header-travel 5s linear -1.5s infinite}.motion-control[aria-pressed=true]{border-color:#ebc07a;background:linear-gradient(120deg,#604722,#31271a);box-shadow:0 0 16px -8px #e3b970}.motion-control[aria-pressed=true] .motion-state{color:#ffe3b2}.motion-control[aria-pressed=false]{border-color:#766a5666;background:#171a20;box-shadow:none}.motion-control[aria-pressed=false] .motion-state{color:#aaa79f}
@keyframes hotel-visible-drift{from{transform:scale(1.02) translate3d(-.7%,0,0)}to{transform:scale(1.09) translate3d(.8%,1%,0)}}@keyframes visible-gold-drift{0%{opacity:0;transform:translate3d(0,85px,0) scale(.8)}10%{opacity:.75}78%{opacity:.65}100%{opacity:0;transform:translate3d(var(--spark-drift),-230px,0) scale(1.1)}}@keyframes visible-border-travel{from{transform:translateX(-100%)}to{transform:translateX(380%)}}@keyframes vignette-light-pass{from{left:-80%}to{left:140%}}@keyframes vignette-drift{from{transform:scale(1) translateX(-2%)}to{transform:scale(1.1) translateX(2%)}}@keyframes vignette-gold-breathe{from{opacity:.3}to{opacity:1}}@keyframes visible-button-sheen{0%{transform:translateX(-38%)}75%,100%{transform:translateX(38%)}}@keyframes visible-header-travel{from{transform:translateX(-70%);opacity:.5}to{transform:translateX(210%);opacity:.85}}
.motion-paused .hotel-view{opacity:.32;filter:saturate(.4);animation-play-state:paused!important}.motion-paused .amber-halo{opacity:.07!important}.motion-paused .ambient-foreground,.motion-paused .question:after,.motion-paused .summary:after,.motion-paused header:after,.motion-paused .vignette-sweep,.motion-paused .vignette-glow{display:none!important}.motion-paused .vignette-view{animation-play-state:paused!important;filter:saturate(.35) brightness(.7)}.tab-hidden .ambient-foreground *,.tab-hidden .question:after,.tab-hidden .summary:after,.tab-hidden .light-vignette *{animation-play-state:paused!important}
@media(max-width:760px){.hotel-view{opacity:.76}.hotel-shade{background:linear-gradient(180deg,#080b111a,#080c1280 35%,#0a0d11e8 85%)}.light-vignette{display:none}.drift-spark{width:4px;height:4px}.drift-spark:nth-child(2n){left:96%}.drift-spark:nth-child(2n+1){left:3%}.drift-spark:nth-child(n+19){display:none}.question:after{height:2px;animation-duration:3.8s}}
@media(prefers-reduced-motion:reduce){.ambient-foreground,.question:after,.summary:after,.vignette-sweep,.vignette-glow{display:none!important}.hotel-view,.light-vignette *{animation:none!important;transition:none!important;will-change:auto}.hotel-view{opacity:.32;filter:saturate(.4)}.vignette-view{filter:saturate(.35) brightness(.7)}}
@media print{.ambient-foreground,.light-vignette,.question:after,.summary:after{display:none!important}}

/* A consistent reading rhythm for the assessment and learning path. */
.answer-convention{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.answer-convention>span{font-size:13px;color:var(--muted)}.answer-convention .uncertain{flex-shrink:0}.summary .finding-header{align-items:center;margin-bottom:17px}.report-label{display:block;font-size:13px;letter-spacing:.06em;color:#e1bd83;margin-bottom:8px}.awareness-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:23px}.awareness-pair>div+div{border-left:1px solid #c19b5e38;padding-left:25px}.awareness-pair p{font-size:15px;line-height:1.85}.synthesis-evidence>span{display:block;font-size:12px;color:#dac49f;margin-bottom:5px}.standard-card{padding:23px 26px;background:linear-gradient(135deg,#25221fea,#141a21f2);border:1px solid #bc9a603d;border-radius:10px}.standard-card h2{font-size:21px;font-weight:500;line-height:1.7;margin:0 0 20px;color:#f0e3ce}.standard-list{list-style:none;counter-reset:standard;padding:0;margin:0;display:grid;gap:13px}.standard-list li{counter-increment:standard;display:flex;align-items:flex-start;gap:14px;font-size:15px;color:#d0c4b2}.standard-list li:before{content:counter(standard,decimal-leading-zero);color:#e2bc7e;font:18px/1.5 Georgia,serif;flex:0 0 24px}.learning-section{margin-top:36px}.start-today{padding:19px 20px;margin-top:23px;border-left:2px solid #e4bc7e;background:#0d131bb3;border-radius:0 6px 6px 0}.start-today p{margin:0;color:#eee0c9;font-size:15px}.review-adaptation{font-size:14px;color:#c6b89f;line-height:1.85;margin:18px 0 4px}.learning-block>div{min-width:0}.period{min-width:86px}.period small{display:block;font-size:11px;letter-spacing:.09em;color:#a9987c;margin:0 0 6px}.learning-steps{margin:13px 0 0}.learning-steps>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:15px;margin-top:12px}.learning-steps dt{font-size:13px;color:#b8a98f;padding-top:1px;white-space:nowrap}.learning-steps dd{margin:0;color:#d4c7b3;font-size:14px;line-height:1.85}.learning-steps .stage-pass{padding:13px 14px;margin:17px -14px 0;background:#0d141a99;border:1px solid #b7935330;border-radius:6px}.stage-pass dt{color:#e2bd83}.stage-pass dd{color:#eee0c8}.report .range-section{margin-top:35px}
@media(max-width:760px){.answer-convention{align-items:flex-start;flex-direction:column;gap:10px}.awareness-pair{grid-template-columns:1fr;gap:18px;margin-top:19px}.awareness-pair>div+div{border-left:0;border-top:1px solid #c19b5e38;padding:17px 0 0}.standard-card{padding:21px 19px}.standard-card h2{font-size:19px}.standard-list li{gap:10px;font-size:14px}.start-today{padding:16px}.learning-steps>div{gap:11px}.learning-steps .stage-pass{margin-left:0;margin-right:0;grid-template-columns:1fr;gap:5px}.learning-section h2{font-size:20px}.summary .finding-header{gap:9px}.summary .finding-header .eyebrow{letter-spacing:1px}.period small{display:inline-block;margin-right:12px}.duration{align-items:flex-start}.duration p{min-width:0}}
@media print{.standard-card,.start-today,.learning-steps .stage-pass{background:white!important;box-shadow:none!important;break-inside:avoid}.standard-card h2,.standard-list li,.standard-list li:before,.report-label,.start-today p,.review-adaptation,.learning-steps dt,.learning-steps dd,.period,.period small{color:black!important}.learning-block{break-inside:avoid}}