/* The brand stays charcoal and bronze; practice screens use distinct, readable app-like palettes. */
.game-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 25px}.game-mode-cards>button{--mode:#84d9bd;text-align:left;display:flex;gap:14px;align-items:center;border:1px solid #59716d;background:linear-gradient(125deg,#283e3d,#243139);border-radius:13px;padding:21px;color:#f1e9d9;transition:transform .2s,border-color .2s}.game-mode-cards>button:nth-child(2){--mode:#c3b1f4;background:linear-gradient(125deg,#35354c,#243139)}.game-mode-cards>button:nth-child(3){--mode:#f1bf84;background:linear-gradient(125deg,#443b33,#243139)}.game-mode-cards>button:hover{transform:translateY(-3px);border-color:var(--mode)}.game-mode-cards .mode-icon{display:grid;place-items:center;color:var(--mode);font-size:25px;background:#ffffff0a;width:46px;height:46px;border:1px solid #ffffff25;border-radius:12px;flex-shrink:0}.game-mode-cards strong{display:block;font-size:18px;font-weight:600}.game-mode-cards small{display:block;font-size:18px;line-height:1.6;color:#c3cccb;margin-top:5px}.game-mode-cards b{margin-left:auto;color:var(--mode)}
.table-player{--scene-accent:#88d8c1;border-color:#697871;background:#243139}.table-player[data-scene=payment],.table-player[data-scene=receipt],.table-player[data-scene=dashboard]{--scene-accent:#c4adf1}.table-player[data-scene=email],.table-player[data-scene=browser],.table-player[data-scene=signin]{--scene-accent:#a8cafa}.table-player[data-scene=permission],.table-player[data-scene=share]{--scene-accent:#f1be8a}.table-player .play-evidence{padding:28px;background:radial-gradient(ellipse at 35% 30%,#c59d740b,transparent 75%)}.table-player .play-evidence>h3{font-size:23px;max-width:440px}.table-player .play-decision{padding:32px}.table-player .play-label{color:#d9bd97}.scene-stage{margin:23px 0 18px;--ui:#173d35;--ui-muted:#45695f;--ui-bg:#e8f2ed;--ui-panel:#f7fbf8;--ui-line:#c9ddd4}.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font:18px monospace;letter-spacing:.7px;color:#c8d8d4;max-width:430px;margin:0 auto 13px}.scene-caption>span:first-child{display:flex;align-items:center;gap:6px}.scene-caption i{width:6px;height:6px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 0 3px #9ee0cd12}.sim-screen{background:var(--ui-panel);color:var(--ui);border-radius:15px;overflow:hidden;max-width:430px;margin:0 auto;border:1px solid #ffffff65;box-shadow:0 18px 35px #0003;animation:sceneArrive .35s ease both}.sim-screen h4{font-size:20px;line-height:1.4;color:var(--ui);margin:12px 0}.sim-screen b{font-weight:600;color:inherit}.sim-screen small{color:var(--ui-muted);font-size:18px;line-height:1.6}.sim-screen .scene-copy{font-size:18px;line-height:1.7;color:var(--ui);margin:0;overflow-wrap:anywhere}.scene-stage .scene-inspect{border:1px solid #5d7771;border-radius:8px;padding:13px 15px;margin:18px auto 0;max-width:430px;background:#ffffff04}.scene-inspect summary{color:var(--scene-accent);font-size:18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.scene-inspect p{color:#d2dcd6;font-size:18px;line-height:1.8;margin:13px 0}.scene-inspect small{font-size:18px;color:#aebfba}.scene-disclaimer{font-size:18px;color:#aebeb7;line-height:1.7;max-width:430px;margin:12px auto 0}.phone-screen{max-width:340px;border:5px solid #101b20;border-radius:28px;box-shadow:0 2px 0 #89918c,0 18px 35px #0003}.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:650;padding:13px 18px 8px;background:#f5faf7;color:#183e34}.chat-header{display:flex;align-items:center;gap:11px;background:#d7e9e0;padding:14px 17px;color:#1b4339}.chat-header>div{flex:1}.chat-header b{display:block;font-size:18px}.chat-header small{display:block;font-size:18px}.scene-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#badbcd;color:#235445;flex-shrink:0;font-size:18px;font-weight:650}.chat-wall{min-height:230px;background-color:#e7eee8;background-image:radial-gradient(#b9cfc482 .7px,transparent .7px);background-size:15px 15px;padding:16px 14px 30px}.chat-today{display:block;text-align:center;font-size:18px;color:#587368;margin:0 auto 18px;background:#d8e8df;border-radius:8px;max-width:95px;padding:4px}.incoming-message{background:#fffef9;padding:15px 16px 10px;border-radius:0 13px 13px 13px;box-shadow:0 2px 3px #324e3b16;animation:messageArrive .5s ease both;max-width:96%}.message-time{display:block!important;text-align:right;font-size:18px!important;margin-top:7px}.scene-url{font-size:18px;color:#265d98;background:#e5eef7;border:1px solid #c1d6e9;border-radius:6px;padding:9px;word-break:break-word;margin-top:11px}.chat-input{display:flex;gap:10px;align-items:center;background:#f3f8f2;padding:14px;font-size:18px;color:#547565}.chat-input>span{flex:1;background:#e3ede4;border-radius:20px;padding:9px 12px}.chat-input b{background:#387962;color:white;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.scene-file{display:flex;align-items:center;gap:12px;background:#e9edf1;border:1px solid #c8d3db;border-radius:8px;padding:13px;margin:16px 0 5px;overflow-wrap:anywhere}.scene-file>span{color:#486b8d;font-size:26px}.scene-file b{display:block;font-size:18px}.scene-file small{display:block;font-size:18px}.voice-message{display:flex;gap:10px;align-items:center;margin-bottom:12px}.voice-message>span{color:#286a54}.voice-message>small{font-size:18px}.waveform{display:flex;align-items:center;gap:2px;flex:1}.waveform i{width:3px;height:var(--bar);background:#71aa91;border-radius:2px}
.scene-payment,.scene-credit,.scene-receipt,.scene-dashboard{--ui:#34245d;--ui-muted:#675c80;--ui-bg:#ede8fa;--ui-panel:#faf8ff;--ui-line:#d7ccec}.payment-head{display:flex;gap:11px;align-items:center;background:#5b428c;color:white;padding:17px 20px;font-size:18px}.payment-head>span:first-child{width:28px;height:28px;border-radius:8px;background:#ffffff20;display:grid;place-items:center;font-size:20px}.payment-head>span:last-child{margin-left:auto;font:18px monospace;border:1px solid #ffffff80;border-radius:5px;padding:4px}.payment-body{text-align:center;padding:23px}.payment-tag{display:inline-block;font-size:18px;border:1px solid #cfc1e7;border-radius:25px;padding:6px 12px;color:#634e82;background:#f1eafa}.payee-avatar{width:44px;height:44px;border-radius:50%;background:#e4daf6;color:#62498a;display:grid;place-items:center;font-size:22px;margin:18px auto 0}.payment-body h4{font-size:18px}.payment-amount{font-size:38px;color:#412c69;letter-spacing:-1px;margin:10px 0 19px;line-height:1.2;overflow-wrap:anywhere}.payment-body .scene-copy{font-size:18px;text-align:left;background:#f0ebf8;border-radius:8px;padding:13px;margin-top:15px}.payment-direction{display:grid;gap:6px;border:1px solid #d0c2e5;border-radius:8px;padding:13px;margin:16px 0;text-align:left}.payment-direction span{font-size:18px;color:#6a5c80}.payment-direction strong{font-size:18px;color:#4e3677}.inert-control{display:block;font-size:18px;background:#eee9f6;border:1px dashed #c6b8dd;border-radius:7px;padding:11px;margin-top:17px;color:#65567e;text-align:center}.training-qr{margin:18px auto;max-width:125px;color:var(--ui);border:1px solid var(--ui-line);padding:7px;background:white;border-radius:6px}.training-qr svg{width:90px;height:90px;display:block;margin:auto}.training-qr>span{display:block;font:18px monospace;text-align:center;margin-top:5px;letter-spacing:.3px}.credit-check{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#d6ecdf;color:#266447;font-size:29px;margin:auto}.credit-body .payment-amount{color:#286447}.credit-body .rule-field{text-align:left}
.scene-email,.scene-browser,.scene-rules,.scene-signin{--ui:#203b58;--ui-muted:#536b83;--ui-bg:#e9f0fa;--ui-panel:#fbfcff;--ui-line:#cad8e9}.mail-toolbar{display:flex;justify-content:space-between;align-items:center;background:#dce8f7;color:#3c5e83;padding:17px 18px;font-size:18px}.mail-body{padding:23px}.mail-body h4{font-size:21px;margin:0 0 20px}.mail-sender{display:flex;align-items:center;gap:11px;margin-bottom:12px;font-size:18px}.mail-sender small{display:block}.scene-email .scene-avatar{background:#d7e5f8;color:#3d608c}.sender-inspect{padding:0 0 15px!important;border:0!important}.sender-inspect>summary{font-size:18px!important;color:#3f658f!important;cursor:pointer;display:list-item!important}.sender-inspect code{display:block;font-size:18px;margin:9px 0;overflow-wrap:anywhere}.sender-inspect small{display:block;font-size:18px}.mail-reply{font-size:18px;color:#6b7f93;border-top:1px solid #d5deeb;padding-top:18px;margin-top:27px}.scene-mini-label{font:18px monospace;letter-spacing:.7px;color:var(--ui-muted)}.browser-chrome{display:flex;align-items:center;gap:6px;background:#d6e1ed;padding:13px 16px;color:#3e566f;font-size:18px}.browser-chrome i{width:7px;height:7px;border-radius:50%;background:#95acc0}.browser-chrome i:first-child{background:#d8a29c}.browser-chrome i:nth-child(2){background:#d5bd88}.browser-chrome i:nth-child(3){background:#91b8a5}.browser-chrome>span{margin-left:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-address{background:#eef3f9;border-top:1px solid #c4d4e4;border-bottom:1px solid #c4d4e4;padding:12px 16px;font:18px monospace;color:#4c6683;overflow-wrap:anywhere}.browser-page{padding:26px}.browser-page .inert-control{background:#e8eff7;border-color:#c4d2e2;color:#4b6887}.browser-alert-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f5e3d7;color:#8e4a2d;font-size:24px;font-weight:600}.rule-field{display:grid;gap:7px;border:1px solid var(--ui-line);border-radius:8px;padding:14px;margin:15px 0;overflow-wrap:anywhere}.rule-field b{font-size:18px}.rule-field small{font-size:18px}
.scene-permission,.scene-share,.scene-link{--ui:#614629;--ui-muted:#806b55;--ui-bg:#f4eade;--ui-panel:#fffcf7;--ui-line:#e0cfb9}.permission-head{display:flex;align-items:center;gap:10px;padding:17px 20px;background:#eee1ce;font-size:18px}.permission-head>span{font-size:20px;color:#9d743c}.permission-body{padding:25px;text-align:center}.permission-app{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;margin:auto;background:#edd6b3;color:#795425;font-size:24px}.permission-body h4{font-size:21px}.permission-body .scene-copy{text-align:left;font-size:18px}.permission-scopes{text-align:left;display:grid;gap:10px;margin:18px 0}.permission-scopes>div{display:flex;gap:10px;font-size:18px;align-items:center;line-height:1.6;background:#f5edde;border:1px solid #e4d2b9;border-radius:8px;padding:12px}.permission-scopes>div>span{color:#9d7949}.mock-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:24px 0 13px;font-size:18px;color:var(--ui-muted)}.mock-actions>span:last-child{border-radius:20px;background:var(--ui);color:var(--ui-panel);padding:9px 20px}.permission-body>small{font-size:18px}.share-title{display:flex;justify-content:space-between;padding:19px 22px;background:#eee2d1;font-size:18px;font-weight:600;gap:10px}.share-body{padding:23px}.share-body .scene-copy{font-size:18px}.share-person{display:flex;align-items:center;gap:12px;margin:23px 0;font-size:18px}.share-person small{display:block}.share-person .scene-avatar{background:#ead3af;color:#79552c}.access-preview{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 13px;border:1px solid #d7bd99;border-radius:8px;margin-bottom:11px;font-size:18px;background:#fbf0df}.access-preview>b{font-size:18px;white-space:nowrap}.share-body>small{font-size:18px}
.mfa-head{padding:14px 17px;background:#d6e7ef;font-size:18px;color:#31576a}.mfa-body{padding:24px 19px;text-align:center;background:#f5fafc;color:#264a60;min-height:300px}.mfa-lock{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin:0 auto 17px;background:#d3e8ed;font-size:28px;color:#34728a}.mfa-body h4{color:#24495e}.mfa-body .scene-copy{color:#31586a;font-size:18px;text-align:left}.mfa-number{font-size:37px;letter-spacing:3px;color:#315b72;background:#e1eef5;border:1px solid #b9d4e4;border-radius:12px;width:90px;padding:10px;margin:19px auto 10px}.mfa-body>small{display:block;font-size:18px;color:#547384}.mfa-body .mock-actions{color:#486f83}.mfa-body .mock-actions>span:last-child{background:#326781;color:white}.prompt-stack{display:grid;gap:7px;margin:19px 0;text-align:left}.prompt-stack i{font-style:normal;font-size:18px;background:#e0eef5;border:1px solid #bdd8e6;border-radius:7px;padding:10px;animation:promptArrive .5s both}.prompt-stack i:nth-child(2){animation-delay:.15s}.prompt-stack i:nth-child(3){animation-delay:.3s}
.scene-video .sim-screen{background:#242c43;color:#e8e8f0;border-color:#59627d}.video-title{display:flex;justify-content:space-between;font-size:18px;padding:17px 19px;color:#c2b9df}.video-title>span{font-size:18px;border:1px solid #797293;border-radius:5px;padding:3px 5px}.video-window{height:200px;position:relative;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#5e6683,#343d59);overflow:hidden}.video-window>span{z-index:1;font-size:18px;color:white;background:#20253a90;padding:7px 13px;border-radius:7px;margin-bottom:11px}.video-person{position:absolute;width:140px;bottom:0;top:29px;left:50%;transform:translateX(-50%)}.video-person i{position:absolute;display:block;width:58px;height:68px;border-radius:50%;background:#a2abc3;left:41px;top:12px}.video-person b{position:absolute;width:136px;height:102px;border-radius:65px 65px 0 0;background:#7d89ab;bottom:-15px;left:2px}.video-self{position:absolute;right:12px;bottom:12px;border-radius:7px;background:#2b314b;border:1px solid #69718d;padding:20px;font-size:18px;color:#c1c6dc}.video-caption{padding:20px}.video-caption .scene-copy{color:#edf0ff;font-size:18px}.video-controls{display:flex;justify-content:center;gap:18px;padding:0 0 20px}.video-controls>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#4a526a;color:#dce1f4}.video-controls>span:last-child{background:#a05264;color:white}.notification-wall{min-height:320px;padding:25px 14px 35px;background:linear-gradient(155deg,#d4e2f0,#dcd7ef 55%,#e7d5c4);color:#344d68}.lock-clock{text-align:center;font-size:45px;font-weight:500;letter-spacing:-2px;line-height:1.2;margin:8px 0 35px}.lock-clock small{display:block;font-size:18px;letter-spacing:0;margin-top:7px;color:#4e6480}.notification-card{display:flex;align-items:flex-start;gap:8px;padding:14px 12px;background:#ffffffd9;border:1px solid #fff;border-radius:14px;box-shadow:0 8px 18px #5c709620}.notification-card>div{flex:1}.notification-card b{font-size:18px;color:#324e68}.notification-card .scene-copy{font-size:18px;color:#35516b;margin-top:7px}.notification-card>small{font-size:18px}.notification-icon{color:#7184a2}.screen-sharing-flag{display:flex;gap:7px;align-items:center;justify-content:center;font-size:18px;background:#5e5489;color:white;padding:9px;border-radius:20px;margin-top:22px}.screen-sharing-flag i{width:6px;height:6px;background:#f1b0c2;border-radius:50%}.receipt-body,.dashboard-body,.document-body,.files-body{padding:24px}.receipt-image{padding:23px;margin:17px 0 20px;background:white;border:1px solid #d7cce7;border-radius:10px;text-align:center;transform:rotate(-2deg);box-shadow:0 5px 10px #4b2c7020}.receipt-image>span{display:grid;place-items:center;width:35px;height:35px;background:#d6eee2;color:#347252;border-radius:50%;margin:auto}.receipt-image h4{font-size:18px}.receipt-lines{height:35px;margin:15px auto 0;width:80%;background:repeating-linear-gradient(0deg,#e4dff0 0 2px,transparent 2px 10px)}.dashboard-head{padding:18px 22px;background:#ddd5f0;color:#4e3978;font-size:18px}.fake-chart{height:135px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #c3b4db;margin:23px 0}.fake-chart i{flex:1;background:linear-gradient(#a088cf,#725a9e);border-radius:5px 5px 0 0;animation:barArrive .5s ease both}.document-preview{background:white;border:1px solid #cbd7df;border-radius:5px;padding:20px;display:grid;gap:12px;margin:18px 0 22px;font-size:18px;color:#597284;box-shadow:4px 4px #dce4ec}.document-preview b{font-size:18px;letter-spacing:1px;color:#324d64}.sync-devices{display:flex;align-items:center;justify-content:center;gap:22px;margin:25px 0;font-size:47px;color:#637f8c}.sync-devices small{display:block;font-size:18px;text-align:center}.sync-devices b{font-size:20px;color:#8c84a7}.file-deleted{font-size:18px;color:#88585e;border:1px solid #dcc6c7;background:#f6e9e9;border-radius:8px;padding:13px;margin:19px 0}.scene-followup{max-width:430px;margin:15px auto 0;border:1px solid #6a8178;background:#30443f;padding:15px;border-radius:9px;animation:messageArrive .35s ease}.scene-followup>span{font:18px monospace;letter-spacing:1px;color:#9bd6c0}.scene-followup>p{font-size:18px;color:#dfede4;line-height:1.7;margin-top:8px}
.table-player .play-options button{border-radius:11px;background:#2b3b43;border-color:#5c7578;min-height:68px}.table-player .play-options button>span{border-radius:7px;color:var(--scene-accent);border-color:#77908b}.table-player .play-options button:hover:not(:disabled){border-color:var(--scene-accent);background:#344750}.table-player .play-options button.chosen-safe{background:#284d43;border-color:#81c8aa}.table-player .play-options button.chosen-review{background:#57423a;border-color:#d5a180}.round-safe .play-explanation{border-color:#8ed5b5;background:#8ad8b30c}.round-safe .play-explanation>strong{color:#a5e4c8}.round-reviewing .play-explanation{border-color:#e0b38a}.table-player .decision-progress i.done{background:#8bd1b2}.table-player .decision-progress i.current{background:var(--scene-accent)}.point-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.play-explanation{position:relative;overflow:hidden}.point-sparkles i{position:absolute;left:calc(9% + var(--n)*10%);top:20px;width:5px;height:9px;border-radius:2px;background:#88d8ba;animation:pointSprinkle .8s ease-out both;animation-delay:calc(var(--n)*.025s)}.point-sparkles i:nth-child(3n){background:#c7b3ef}.point-sparkles i:nth-child(3n + 1){background:#e5be80}.result-medal{width:66px;height:66px;border:1px solid #d4b17c;background:linear-gradient(135deg,#715b3a,#3d443c);color:#f0d2a2;font-size:35px;display:grid;place-items:center;margin:0 auto 21px;clip-path:polygon(50% 0,88% 20%,100% 65%,75% 100%,25% 100%,0 65%,12% 20%)}
@keyframes sceneArrive{from{opacity:1;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@keyframes messageArrive{from{opacity:1;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes promptArrive{from{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes barArrive{from{transform:scaleY(.2);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes pointSprinkle{0%{opacity:1;transform:translateY(-25px) rotate(0)}100%{opacity:0;transform:translateY(100px) rotate(100deg)}}
@media(max-width:1000px){.game-mode-cards>button{padding:16px;gap:10px}.game-mode-cards .mode-icon{width:35px;height:35px;font-size:20px}.game-mode-cards strong{font-size:18px}.game-mode-cards small{font-size:18px}.table-player .play-evidence,.table-player .play-decision{padding:25px}.payment-body{padding:20px}.payment-amount{font-size:33px}}
@media(max-width:760px){.game-mode-cards{grid-template-columns:1fr;gap:9px}.game-mode-cards>button{padding:15px 18px}.game-mode-cards small{font-size:18px}.game-mode-cards .mode-icon{width:40px;height:40px}.game-mode-cards strong{font-size:18px}.table-player .play-evidence,.table-player .play-decision{padding:21px}.table-player .play-evidence>h3{font-size:22px}.sim-screen{max-width:390px}.phone-screen{max-width:320px}.scene-copy{font-size:18px}.play-columns{grid-template-columns:1fr}.payment-amount{font-size:35px}.scene-caption{font-size:18px}.scene-disclaimer{font-size:18px}.play-explanation strong{font-size:18px}.table-player .play-options button{font-size:18px}.scene-stage{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.sim-screen,.incoming-message,.prompt-stack i,.fake-chart i,.scene-followup,.point-sparkles i{animation:none!important}.point-sparkles{display:none}.game-mode-cards>button{transition:none}}
body.motion-paused .sim-screen,body.motion-paused .incoming-message,body.motion-paused .prompt-stack i,body.motion-paused .fake-chart i,body.motion-paused .scene-followup,body.motion-paused .point-sparkles i{animation:none!important}body.motion-paused .point-sparkles{display:none}body.motion-paused .game-mode-cards>button{transition:none}