:root{color-scheme:dark;--bg:#080a0e;--panel:#10151c;--panel-raised:#151b24;--edge:#2a323f;--muted:#8c97a7;--white:#f7f8fc;--red:#f12442;--red-dark:#ba102a;--radius:16px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;color:var(--white);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,rgba(152,21,44,.12),transparent 38%),radial-gradient(ellipse at 100% 30%,rgba(126,14,35,.05),transparent 40%),var(--bg);min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid #ff8496;outline-offset:4px}input:focus,select:focus{outline:none;border-color:#e74360;box-shadow:0 0 0 3px #f124421a}button{color:inherit}a{color:inherit}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{display:none}[hidden]{display:none!important}.app-shell{max-width:1512px;margin:auto;padding:0 40px}.app-header{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #252c36}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;flex-shrink:0}.brand strong{font-size:27px;letter-spacing:-.9px;line-height:1.1;font-weight:850}.brand b{color:var(--red);font-weight:850}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#85909e;margin-top:9px}.brand-cards{position:relative;width:65px;height:59px;display:block}.brand-cards i{position:absolute;width:34px;height:50px;border:1px solid #7c8797;border-radius:6px;font-style:normal;font-weight:900;font-size:25px;display:grid;place-items:center;top:4px;background:linear-gradient(150deg,#333c49,#141820);box-shadow:0 3px 8px #0008;transform:rotate(13deg);left:29px}.brand-cards i:first-child{left:3px;top:0;transform:rotate(-14deg);background:linear-gradient(150deg,#f43550,#b20b24);border-color:#ff7d91}.header-actions{display:flex;align-items:center;gap:18px}.simulation-pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.1px;font-weight:750;background:#49111f50;border:1px solid #75213666;border-radius:7px;padding:9px 11px;white-space:nowrap;color:#f6a0af}.simulation-pill i{width:5px;height:5px;border-radius:50%;background:#f34e6a;box-shadow:0 0 9px #e8415f88}.balance{display:flex;align-items:center;gap:12px;border-left:1px solid var(--edge);padding-left:22px}.balance svg{color:#a1aab7;width:21px;height:21px}.balance small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.balance strong{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.icon-button{position:relative;display:grid;place-items:center;background:#141a23;border:1px solid var(--edge);border-radius:9px;width:36px;height:36px;flex-shrink:0}.icon-button:hover{border-color:#687384}.sound-off{position:absolute;left:9px;top:16px;width:19px;height:2px;background:#8c97a7;transform:rotate(-43deg);box-shadow:0 0 0 2px #141a23}.sound-on .sound-off{display:none}.profile-button{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;background:transparent;border:1px solid var(--edge);font-size:12px;max-width:160px}.profile-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-header{display:flex;align-items:center;justify-content:space-between;margin:21px 0 30px;gap:16px}.tabs{display:flex;gap:5px;background:#11161e;border:1px solid #222a36;border-radius:10px;padding:5px}.tab{background:none;border:0;border-radius:7px;padding:9px 14px;color:#929dad;font-size:12px;white-space:nowrap}.tab.active{background:#252b36;color:var(--white);box-shadow:0 2px 6px #0003}.tab span{display:inline-grid;place-items:center;border-radius:4px;min-width:18px;height:17px;margin-left:5px;font-size:10px;background:#333c49;color:#c3cbd7}.connect-button{display:flex;gap:9px;align-items:center;border:1px solid #733043;background:#2b111a;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:650;color:#ffc6d1}.connect-button:hover{background:#461723}.coming-dot{width:5px;height:5px;background:#f15773;border-radius:50%;margin-left:8px}.intro-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{margin:0 0 10px;font-size:9px;letter-spacing:1.9px;font-weight:750;color:#d45d73}h1{font-size:30px;font-weight:650;letter-spacing:-1px;margin:0 0 9px}h2{font-size:16px;font-weight:650;letter-spacing:-.3px;margin:0;display:flex;align-items:center;gap:9px}h3{font-size:14px;margin:0 0 12px}.intro-row p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0;line-height:1.7}.virtual-notice{display:flex;align-items:center;gap:8px;color:#8a94a4;font-size:11px}.virtual-notice svg{width:15px;height:15px}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:20px;align-items:start}.board-main{min-width:0;display:grid;gap:18px}.panel{background:linear-gradient(130deg,#131922,#0d1219);border:1px solid var(--edge);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 34px #0002}.game-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.market-label{text-align:right;font-size:10px;color:#858f9d;display:flex;gap:8px;align-items:center}.market-label strong{font-size:11px;font-weight:500;background:#1b222c;padding:7px 10px;border:1px solid #343d4c;border-radius:6px;color:#d6dce5}.live-dot{width:5px;height:5px;border-radius:50%;background:#f95772;box-shadow:0 0 8px #e9476588}.live-dot.paused{background:#697180;box-shadow:none}.card-table{margin-top:24px;background:radial-gradient(ellipse at 85% 60%,#6e132423,transparent 50%);padding:0 1px}.playing-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end}.playing-card{height:clamp(150px,14.4vw,213px);min-width:0;position:relative;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #909bab;background:linear-gradient(145deg,#303945,#121820);color:#fff;box-shadow:0 8px 15px #0004,inset 0 0 35px #0002;user-select:none}.playing-card.odd{background:linear-gradient(145deg,#f3304b,#b70d27 90%);border-color:#ff8093}.playing-card .corner{position:absolute;left:11px;top:9px;font-size:20px;font-weight:700;line-height:1}.playing-card .bottom{left:auto;top:auto;right:11px;bottom:9px}.playing-card .card-number{font-size:clamp(57px,6.3vw,92px);font-weight:750;line-height:1;letter-spacing:-4px;margin-left:-4px}.playing-card.latest{outline:2px solid #ff7388;outline-offset:2px;box-shadow:0 0 18px #ee24484a,0 9px 20px #0006}.playing-card.incoming{animation:card-arrive .42s ease both;transform-origin:center}.card-under{display:flex;justify-content:space-between;margin-top:17px;gap:8px;min-height:14px}.chronology{font-size:8px;letter-spacing:1.1px;color:#677382;display:flex;align-items:center;gap:12px}.chronology span{color:#8993a0;font-size:13px;line-height:8px}#latestLabel{font-size:10px;color:#cbd2de}.legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 23px}.legend>span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3c4655;background:#21293466;border-radius:7px;padding:10px 7px;font-size:11px}.legend>span:last-child{background:#73112820;border-color:#7b283a80}.legend strong{font-size:10px}.legend small{font-size:11px;color:#bfc7d2}.black-dot,.red-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#3a4351;border:1px solid #7d8796;border-radius:50%}.red-dot{background:#e32444;border-color:#f36b82}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0a0e14;border:1px solid #283140;padding:4px;border-radius:8px;margin-bottom:20px}.mode-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;border-radius:5px;padding:9px 0;color:#7d8999;font-size:12px}.mode-tabs .selected{color:#e8ecf2;background:#222a36;box-shadow:inset 0 -2px 0 var(--red)}.mode-tabs svg{width:12px;height:12px}.trade-fields{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}label{display:block;font-size:11px;color:#9aa5b5;line-height:1.4}input,select{display:block;width:100%;min-width:0;background:#0f151e;color:#eef1f7;border:1px solid #333e4f;border-radius:7px;padding:11px 12px;min-height:41px;font-size:14px;font-weight:500;margin-top:7px}select{cursor:pointer;padding-right:23px}input[type=number]{appearance:textfield}.money-input{display:flex;align-items:center;gap:5px;background:#0f151e;border:1px solid #333e4f;border-radius:7px;min-height:41px;margin-top:7px;overflow:hidden}.money-input:focus-within{border-color:#e74360;box-shadow:0 0 0 3px #f124421a}.money-input>span{font-size:11px;color:#a5b0c0;padding-left:13px}.money-input input{border:0;box-shadow:none;margin:0;padding:9px 5px;background:none;font-weight:650;text-align:center;width:100%;min-height:39px}.money-input input:focus{box-shadow:none}.money-input button{border:0;background:#1d2633;color:#cdd5e1;border-radius:3px;width:27px;height:26px;flex-shrink:0}.money-input button:last-child{margin-right:6px}.money-input.simple input{text-align:right;padding-right:12px}.quote-row{display:flex;justify-content:space-between;gap:12px;margin:14px 0 20px;font-size:10px;color:#7f8b9c;flex-wrap:wrap}.quote-row strong{font-size:11px;color:#cbd3df;margin-left:5px;font-weight:550}.bet-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bet-button{border:1px solid #8995a6;background:linear-gradient(150deg,#333d4b,#181e28);border-radius:9px;padding:16px 5px;display:flex;flex-direction:column;gap:7px;align-items:center;transition:transform .15s,filter .15s,box-shadow .15s}.bet-button span{font-size:15px;font-weight:750;letter-spacing:.2px}.bet-button small{font-size:11px;font-weight:500;color:#c8d0dc;letter-spacing:2px}.bet-button.odd{background:linear-gradient(135deg,#f52b47,#c20e2a);border-color:#ff657d}.bet-button.odd small{color:#ffe7ec}.bet-button:hover:not(:disabled){filter:brightness(1.13);box-shadow:0 0 22px #f1244222;transform:translateY(-2px)}.bet-button:active:not(:disabled){transform:translateY(0)}.order-strip{display:flex;align-items:center;gap:8px;margin-top:17px;min-height:26px;font-size:10px;color:#7c899a}.order-strip>svg{width:13px;height:13px;flex-shrink:0}.order-strip>span{flex:1}.order-strip.pending{color:#f1a3b3}.order-strip>button{border:1px solid #2e3949;background:#18202b;border-radius:5px;padding:5px;display:flex;align-items:center;gap:5px}.order-strip button svg{width:12px;height:12px}.digits-panel{padding:19px 24px}.digits-panel .panel-heading h2{font-size:12px}.subtle{color:#778395;font-size:10px;font-weight:400;letter-spacing:0}.digit-row{display:flex;gap:8px;margin-top:17px;overflow:hidden}.digit-chip{flex:1;min-width:28px;height:42px;display:grid;place-items:center;font-size:22px;font-weight:650;border:1px solid #5c6776;border-radius:6px;background:linear-gradient(145deg,#2b3442,#171e28)}.digit-chip.odd{border-color:#bb364e;background:linear-gradient(145deg,#d6213e,#970c26)}.auto-panel{padding:24px 22px;position:sticky;top:20px}.auto-panel .panel-heading h2{font-size:15px}.status-pill{font-size:9px;white-space:nowrap;border:1px solid #394354;background:#222b37;border-radius:5px;padding:5px 7px;color:#9ba6b6}.status-pill.active{background:#65172b44;border-color:#a73a53;color:#ffb3c3}.field-caption{color:#8a97a9;font-size:11px;margin:25px 0 12px}.sequence{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:61px}.sequence-token{flex:1;min-width:55px;max-width:94px;height:58px;display:flex;align-items:center;justify-content:center;font-size:12px;position:relative;border-radius:7px;border:1px solid #6d7a8c;background:linear-gradient(145deg,#303c4c,#151e29);font-weight:650}.sequence-token.odd{border-color:#f96c84;background:linear-gradient(150deg,#d92341,#a20a24)}.sequence-token.matched{box-shadow:0 0 0 2px #ff9eaf,0 0 12px #f1244244}.sequence-arrow{font-size:13px;color:#687587}.sequence-tools{display:flex;gap:7px;margin:12px 0 21px}.sequence-tools button{background:#171f2b;border:1px solid #344154;border-radius:5px;padding:6px 10px;color:#a5b0bf;font-size:10px}.sequence-tools button:last-child{margin-left:auto;padding:5px 11px;font-size:14px}.target-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #28313f;border-bottom:1px solid #28313f;padding:17px 0;margin-bottom:21px;font-size:11px;color:#a1aebf}.side-picker{display:flex;border:1px solid #364357;border-radius:6px;background:#0d141d;padding:3px;gap:2px}.side-picker button{border:0;background:none;color:#738297;font-size:10px;padding:7px 16px;border-radius:3px}.side-picker button.selected{background:#313d4e;color:#fff;box-shadow:inset 0 -1px #abb7c9}.side-picker button:last-child.selected{background:#9a1831;box-shadow:inset 0 -1px #ff738b}.auto-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 13px}.auto-fields input,.auto-fields select{font-size:12px;padding:10px;min-height:39px}.auto-fields .money-input{min-height:39px}.auto-fields .money-input>span{font-size:10px;padding-left:10px}.auto-fields .money-input input{min-height:37px;padding:9px 9px 9px 0}.auto-run-summary{display:grid;gap:10px;border-top:1px solid #293342;margin:23px 0 20px;padding-top:18px;font-size:10px;color:#7e8fa4}.auto-run-summary span{display:flex;justify-content:space-between;gap:6px}.auto-run-summary b{color:#c6d1e0;font-weight:500;font-variant-numeric:tabular-nums}.auto-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 5px;border:1px solid #acb7c7;border-radius:7px;font-size:11px;font-weight:700;background:linear-gradient(140deg,#293546,#17202d);letter-spacing:.5px;transition:filter .15s}.auto-button:hover{filter:brightness(1.2)}.auto-button.active{background:linear-gradient(140deg,#d51e3b,#9a0e27);border-color:#ff6b85}.auto-button svg{width:14px;height:14px}.auto-explanation{font-size:10px;color:#a5b0c0;text-align:center;line-height:1.8;min-height:32px;margin:13px 0 10px}.responsible-note{font-size:9px;color:#6e7c90;text-align:center;line-height:1.8;margin:0}.recent-panel{margin-top:24px;padding:22px 24px}.recent-panel h2 .subtle{margin-left:4px}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#9ba9be;font-size:11px;padding:5px 0}.text-button svg{width:13px;height:13px}.empty-state{padding:35px 20px 29px;text-align:center;color:#68788f;font-size:12px;line-height:1.8}.empty-state svg{width:28px;height:28px;color:#4b5b70;margin-bottom:10px}.empty-state strong{display:block;color:#a5b1c2;font-size:13px;font-weight:500}.trade-table{width:100%;border-collapse:collapse;margin-top:19px;text-align:left;table-layout:fixed}.trade-table th{font-size:9px;color:#71839b;padding:0 10px 12px;font-weight:500;border-bottom:1px solid #2d394a}.trade-table td{font-size:11px;padding:15px 10px;border-bottom:1px solid #212c3b;color:#b4c0d2;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-table tr:last-child td{border:0}.trade-table td small{display:block;font-size:9px;color:#697d99;margin-top:5px}.trade-table td b{font-size:11px;font-weight:600;color:#ecf0f7}.trade-table .loss{color:#f26c86}.trade-table .side-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px}.origin-tag{font-size:9px;padding:4px 6px;border-radius:4px;border:1px solid #364458;color:#9dadc3}.result-tag{display:inline-flex;align-items:center;gap:5px}.result-tag svg{width:12px;height:12px}.result-tag.lost{color:#e56a83}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:23px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{border:1px solid var(--edge);border-radius:12px;background:linear-gradient(130deg,#181e28,#10161f);padding:24px;min-width:0}.stat-card>span{display:block;font-size:11px;color:#93a1b5}.stat-card>strong{display:block;font-size:27px;letter-spacing:-.7px;margin:14px 0 12px;font-weight:650;font-variant-numeric:tabular-nums}.stat-card>strong.pending-value{font-size:21px;letter-spacing:-.4px;margin-top:18px}.stat-card>small{color:#6f8099;font-size:10px;line-height:1.6}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #465369;border-radius:7px;padding:11px 15px;background:#1b2635;color:#c0ccdd;font-size:12px}.secondary-button:hover{background:#29384b}.secondary-button svg{width:15px;height:15px}.history-toolbar{padding:23px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.history-toolbar>div{display:flex;gap:9px}.history-toolbar select{margin:0;min-height:34px;font-size:11px;padding:8px}.view>.panel>.trade-table{width:calc(100% - 48px);margin-left:24px;margin-bottom:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-card{padding:25px}.admin-card>p{font-size:12px;line-height:1.8;color:#8293ab;max-width:490px}.integration-list{list-style:none;padding:0;margin:23px 0}.integration-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #293446;font-size:11px;color:#91a1b8}.integration-list b{font-size:10px;font-weight:500;color:#b8c4d7}.admin-card form input{font-size:12px}.admin-card form button{margin-top:13px}.field-help{font-size:10px!important;line-height:1.8!important;color:#71849f!important;margin:12px 0 0}.test-controls{display:flex;align-items:center;gap:15px;margin:23px 0 17px}.test-controls>span{font-size:10px;color:#7187a5}.inject-digits{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inject-digits button{height:44px;border:1px solid #64758d;border-radius:6px;background:#233044;font-size:20px;font-weight:600}.inject-digits button.odd{background:#8c1630;border-color:#b94b65}.inject-digits button:hover{filter:brightness(1.3)}.separator{height:1px;background:#2a3546;margin:25px 0}.admin-card h3+p{font-size:11px;color:#8093af;line-height:1.8;margin:0 0 15px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #222b38;margin-top:38px;padding:23px 0 28px;font-size:9px;color:#62758f}footer>span{display:flex;align-items:center;gap:7px;white-space:nowrap}footer p{margin:0;text-align:right;max-width:560px;line-height:1.7}dialog{background:linear-gradient(140deg,#1a2230,#0e1621);color:var(--white);border:1px solid #495972;border-radius:16px;width:min(460px,calc(100vw - 30px));padding:28px;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#03070cbd;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-heading .eyebrow{margin:0}.dialog-heading .icon-button{background:transparent;border-color:#3b495e;width:30px;height:30px}.dialog-heading svg{width:15px;height:15px}dialog h2{font-size:25px;letter-spacing:-.7px;line-height:1.25;margin:18px 0 12px}dialog p{font-size:12px;line-height:1.85;color:#9aaac0}dialog label{margin-top:18px}dialog input{font-size:13px}.primary-button{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #fc6e86;background:linear-gradient(135deg,#eb2747,#b50f2b);border-radius:8px;padding:14px 12px;font-size:12px;font-weight:650;margin-top:23px;letter-spacing:.35px}.primary-button:hover{filter:brightness(1.12)}.dialog-symbol{border:1px solid #86374d;background:#53142a66;width:47px;height:47px;border-radius:12px;display:grid;place-items:center;margin-top:20px;color:#f399af}.dialog-symbol svg{width:23px;height:23px}.connection-steps{display:grid;gap:15px;margin:24px 0 29px;font-size:12px;color:#b7c6dd}.connection-steps span{display:flex;align-items:center;gap:10px}.connection-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2a3548;color:#bdcbe0;font-size:10px}.full{width:100%;margin-top:10px}.toast{position:fixed;right:25px;bottom:25px;z-index:50;min-width:300px;max-width:calc(100vw - 36px);border:1px solid #d95a76;background:linear-gradient(150deg,#261c2c,#121d2d);border-radius:13px;padding:23px 46px 22px 25px;box-shadow:0 15px 70px #000a,0 0 30px #dd214d18;animation:toast-arrive .3s ease-out}.toast>button{position:absolute;right:10px;top:10px;width:23px;height:23px;border:0;background:none;display:grid;place-items:center;color:#a28598}.toast svg{width:14px;height:14px}.toast>span{font-size:10px;color:#d7a3b5;letter-spacing:1px;text-transform:uppercase}.toast>strong{display:block;font-size:31px;letter-spacing:-1px;margin:9px 0;font-variant-numeric:tabular-nums}.toast>p{font-size:10px;color:#98a9c3;line-height:1.7;margin:0}.toast.lost>strong{color:#ff7896}.snackbar{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#273449;border:1px solid #7b8eac;padding:13px 20px;border-radius:8px;font-size:12px;max-width:calc(100vw - 30px);box-shadow:0 10px 40px #0008;z-index:100;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes card-arrive{0%{transform:perspective(500px) rotateY(-70deg);opacity:.4}100%{transform:perspective(500px) rotateY(0);opacity:1}}@keyframes toast-arrive{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1450px){.playing-card{height:210px}.playing-card .card-number{font-size:94px}}
@media(max-width:1150px){.app-shell{padding:0 24px}.header-actions{gap:11px}.balance{padding-left:15px}.simulation-pill{font-size:8px;padding:8px}.profile-button span{display:none}.brand strong{font-size:25px}.brand{gap:10px}.board-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.game-panel{padding:20px}.playing-cards{gap:12px}.playing-card{height:157px}.playing-card .card-number{font-size:62px}.playing-card .corner{font-size:16px;left:8px}.playing-card .bottom{left:auto;right:8px}.market-label>span{display:none}.auto-panel{padding:21px 18px}.auto-panel .panel-heading h2{font-size:14px}.chronology{font-size:7px;gap:7px}.bet-button span{font-size:13px}.quote-row{font-size:9px}.stats-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-header{min-height:98px}.header-actions>.simulation-pill{display:none}.board-grid{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.intro-row{align-items:flex-start}.virtual-notice{font-size:10px;margin-top:17px}.virtual-notice svg{display:none}h1{font-size:26px}.playing-card{height:126px}.playing-card .card-number{font-size:52px;letter-spacing:-2px}.playing-card .corner{font-size:13px;top:7px;left:6px}.playing-card .bottom{top:auto;left:auto;right:6px;bottom:7px}.playing-cards{gap:10px}.game-panel{padding:18px}.legend{gap:10px}.legend>span{gap:6px;font-size:9px}.legend small{font-size:9px}.legend strong{font-size:9px}.card-under{margin-top:13px}.chronology{display:none}#latestLabel{margin-left:auto;font-size:9px}.bet-actions{gap:10px}.bet-button span{font-size:11px}.bet-button small{font-size:9px}.trade-fields{gap:10px}.auto-panel{padding:19px 16px}.auto-panel .panel-heading{gap:7px}.auto-panel .panel-heading h2{font-size:13px}.status-pill{font-size:8px;padding:5px}.sequence-token{font-size:11px;min-width:51px;height:50px}.auto-fields{gap:16px 9px}.auto-fields label{font-size:10px}.auto-fields input,.auto-fields select{font-size:11px}.auto-button{font-size:10px}.quote-row{gap:6px}.recent-panel{padding:21px 19px}.trade-table td{font-size:10px;padding:13px 7px}.trade-table th{font-size:8px}.trade-table td b{font-size:10px}.admin-grid{gap:16px}.admin-card{padding:20px}.stats-grid{gap:13px}.stat-card{padding:19px}.stat-card>strong{font-size:23px}footer{font-size:8px}}
@media(max-width:740px){.app-shell{padding:0 17px}.app-header{min-height:93px;gap:10px}.brand-cards{width:47px;height:47px}.brand-cards i{width:26px;height:39px;left:22px;top:4px;font-size:20px;border-radius:4px}.brand-cards i:first-child{left:1px;top:0}.brand{gap:9px}.brand strong{font-size:22px}.brand small{font-size:6px;letter-spacing:1.4px;margin-top:7px}.header-actions{gap:8px}.balance{padding-left:0;border:0;gap:0;text-align:right}.balance svg{display:none}.balance strong{font-size:16px}.balance small{font-size:8px}.profile-button{padding:7px;border-radius:7px;width:31px;height:31px}.profile-button svg{width:14px;height:14px}#soundToggle{width:31px;height:31px;border-radius:7px}#soundToggle svg{width:15px;height:15px}.sound-off{top:14px;left:8px;width:16px}.sub-header{margin:16px 0 24px;flex-wrap:wrap;gap:12px}.tabs{padding:4px;gap:3px;width:100%}.tab{flex:1;padding:9px 5px;font-size:10px}.tab span{font-size:8px;height:15px;min-width:15px;margin-left:3px}.connect-button{padding:8px 10px;font-size:10px;margin-left:auto}.connect-button svg{width:13px;height:13px}.coming-dot{margin-left:3px}.intro-row{margin-bottom:21px}.intro-row .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:25px;letter-spacing:-.7px}.intro-row p:not(.eyebrow){font-size:11px}.virtual-notice{display:none}.board-grid{display:flex;flex-direction:column;gap:18px}.board-main{width:100%;gap:16px}.auto-panel{width:100%;position:static;padding:22px}.game-panel{padding:21px 19px}.panel-heading h2{font-size:15px}.market-label strong{font-size:10px;padding:6px 8px}.playing-card{height:clamp(107px,25vw,165px)}.playing-card .card-number{font-size:clamp(44px,11vw,66px);letter-spacing:-2px}.playing-card .corner{font-size:15px;left:7px}.playing-card .bottom{left:auto;right:7px}.playing-cards{gap:12px}.card-table{margin-top:22px}.card-under{margin-top:16px}.chronology{display:flex;font-size:6px;letter-spacing:.5px;gap:5px}.chronology span{font-size:10px}#latestLabel{font-size:8px}.legend{margin:17px 0 20px;gap:12px}.legend small{font-size:10px}.legend strong{font-size:9px}.mode-tabs{margin-bottom:18px}.mode-tabs button{font-size:11px;padding:8px 0}.trade-fields{gap:13px}.trade-fields label{font-size:10px}.money-input input{font-size:13px}.trade-fields select{font-size:13px;padding:10px}.quote-row{margin:13px 0 18px;gap:8px}.quote-row strong{font-size:10px;margin-left:4px}.bet-actions{gap:13px}.bet-button{padding:15px 4px}.bet-button span{font-size:12px}.bet-button small{font-size:9px;letter-spacing:1.7px}.order-strip{font-size:9px;margin-top:15px}.auto-panel .panel-heading h2{font-size:16px}.status-pill{font-size:9px}.sequence{gap:8px}.sequence-token{height:62px;max-width:none;font-size:13px}.sequence-arrow{font-size:16px}.sequence-tools button{padding:7px 11px;font-size:11px}.auto-fields{gap:18px 16px}.auto-fields label{font-size:11px}.auto-fields input,.auto-fields select{font-size:13px}.auto-fields .money-input input{font-size:13px}.auto-button{font-size:12px;padding:16px}.auto-explanation{font-size:11px}.responsible-note{font-size:10px}.digits-panel{padding:20px}.digit-row{gap:7px}.digit-chip{min-width:22px;height:34px;font-size:19px;border-radius:5px}.digits-panel .subtle{font-size:9px}.recent-panel{padding:21px 19px}.recent-panel h2{font-size:14px}.recent-panel h2 .subtle{display:none}.recent-panel .text-button{font-size:10px}.trade-table{display:block;margin-top:14px}.trade-table thead{display:none}.trade-table tbody{display:block}.trade-table tr{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;border-bottom:1px solid #283447;padding:17px 0}.trade-table tr:last-child{border-bottom:0;padding-bottom:3px}.trade-table td{display:flex;flex-direction:column;padding:0;border:0;font-size:11px;overflow:visible;white-space:normal}.trade-table td::before{content:attr(data-label);display:block;font-size:8px;color:#6d829e;margin-bottom:6px}.trade-table td:last-child{align-items:flex-start}.trade-table td b{font-size:12px}.trade-table td small{font-size:9px}.trade-table .side-tag{font-size:11px}.trade-table .origin-tag{display:inline-flex;width:max-content;font-size:9px}.trade-table .result-tag{font-size:11px}.stats-grid{grid-template-columns:1fr;gap:11px}.stat-card{padding:19px 21px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9px;min-height:90px}.stat-card>span{font-size:10px}.stat-card>strong{font-size:23px;margin:0;text-align:right;grid-column:2;grid-row:1/3}.stat-card>small{font-size:9px;grid-column:1}.stat-card>strong.pending-value{font-size:16px;margin:0}.stats-grid.four{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-card{padding:22px}.history-toolbar{padding:21px 19px 0;align-items:flex-start}.history-toolbar>div{flex-direction:column;gap:7px}.history-toolbar select{min-height:32px;font-size:10px}.view>.panel>.trade-table{margin-left:19px;width:calc(100% - 38px);margin-bottom:19px}.intro-row>.secondary-button{font-size:0;gap:0;padding:10px;margin-top:16px}.intro-row>.secondary-button svg{width:17px;height:17px}.test-controls{flex-wrap:wrap}.test-controls .secondary-button{font-size:12px}.inject-digits button{height:45px}.intro-row>.simulation-pill{display:none}footer{align-items:flex-start;flex-direction:column;gap:12px;font-size:9px;margin-top:27px;padding:23px 0}footer p{text-align:left;font-size:9px}.toast{left:17px;right:17px;bottom:18px;min-width:0;max-width:none;padding:20px 35px 20px 23px}.toast>strong{font-size:30px}.toast>span{font-size:10px}.toast>p{font-size:10px}dialog{padding:23px}.snackbar{bottom:18px;font-size:11px;width:max-content;max-width:calc(100vw - 30px)}}
@media(max-width:370px){.app-shell{padding:0 12px}.brand strong{font-size:19px}.brand small{font-size:5.5px;letter-spacing:1.1px}.brand-cards{width:42px}.brand{gap:7px}.header-actions{gap:6px}.balance strong{font-size:14px}.profile-button{display:none}.playing-cards{gap:9px}.playing-card .card-number{font-size:41px}.playing-card .corner{font-size:12px}.game-panel{padding:18px 15px}.legend small{font-size:9px}.quote-row{font-size:8px}.quote-row strong{font-size:9px}.bet-button span{font-size:10px}.bet-button small{font-size:8px}.trade-fields{gap:10px}.money-input>span{padding-left:8px;font-size:10px}.money-input button{width:22px}.chronology{display:none}.market-label strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.goal-panel{padding:23px 24px}.goal-description{font-size:12px;line-height:1.7;color:#8c9db4;margin:12px 0 18px}.goal-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}.goal-form label{margin:0;min-width:0}.goal-form input{min-width:0;font-size:13px}.goal-form .money-input{min-height:42px}.goal-form .secondary-button{min-height:42px;margin:0;font-size:11px}.goal-summary{display:flex;justify-content:space-between;gap:12px;margin:23px 0 13px;font-size:10px;color:#889ab4}.goal-summary>span:last-child{text-align:right}.goal-summary strong{display:block;color:#ecf0f7;font-size:18px;font-weight:600;margin-top:7px;font-variant-numeric:tabular-nums}.goal-summary strong.negative{color:#f77894}#goalProgress{display:block;width:100%;height:7px;border:0;border-radius:8px;background:#283344;overflow:hidden;accent-color:#ef3d5e}#goalProgress::-webkit-progress-bar{background:#283344;border-radius:8px}#goalProgress::-webkit-progress-value{background:linear-gradient(90deg,#b81939,#ff6b87);border-radius:8px}#goalProgress::-moz-progress-bar{background:#ef3d5e;border-radius:8px}.goal-progress-text{font-size:10px;color:#acb9cc;line-height:1.7;margin:10px 0 0}.goal-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #293344;margin-top:18px;padding-top:14px}.goal-actions .text-button{font-size:10px}.goal-actions svg{width:14px;height:14px}.goal-dialog{background:radial-gradient(ellipse at 50% 5%,#67162e65,transparent 52%),linear-gradient(145deg,#1a2130,#0c131e);border-color:#a03e59;text-align:center;padding:28px 30px}.goal-dialog .dialog-heading{text-align:left}.goal-dialog .eyebrow{font-size:9px;letter-spacing:1.5px}.goal-emblem{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#ea3054,#93162f);border:1px solid #ff8da5;box-shadow:0 0 0 8px #ec365218,0 0 40px #ef365226;margin:32px auto 27px;animation:goal-arrive .45s ease-out}.goal-emblem svg{width:37px;height:37px;stroke-width:2.4}.goal-dialog h2{font-size:29px;line-height:1.18;letter-spacing:-.7px;max-width:345px;margin:0 auto 13px}.goal-dialog #goalDialogDescription{font-size:13px;margin:0;color:#d2a7b4}.goal-receipt{margin-top:25px;padding:20px;background:#080e1888;border:1px solid #453144;border-radius:10px;text-align:left}.goal-receipt>span{font-size:10px;color:#9baac0}.goal-receipt>strong{display:block;font-size:34px;font-weight:650;letter-spacing:-1px;margin:10px 0 16px;font-variant-numeric:tabular-nums}.goal-receipt>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #322e40;padding-top:13px;font-size:11px;color:#8397b4}.goal-receipt b{color:#c3cfe0;font-weight:500}.goal-dialog .goal-complete-note{font-size:10px;line-height:1.7;color:#9aaac1;margin:16px 0 0}.goal-dialog .primary-button{margin-top:20px}.goal-dialog .secondary-button{font-size:11px;background:transparent;border-color:#38475c}
@keyframes goal-arrive{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(max-width:740px){.goal-panel{padding:22px 19px}.goal-description{font-size:11px}.goal-form{gap:10px}.goal-form .secondary-button{font-size:10px;padding:11px}.goal-summary strong{font-size:18px}.goal-actions{gap:12px}.goal-dialog{padding:23px}.goal-dialog h2{font-size:27px}.goal-emblem{margin-top:29px}.goal-dialog .eyebrow{font-size:8px}.goal-receipt>strong{font-size:31px}}
@media(max-width:370px){.goal-form{grid-template-columns:1fr}.goal-form .secondary-button{width:100%}.goal-summary strong{font-size:16px}}
.deriv-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;margin:0 0 24px;border:1px solid #5e3b50;border-radius:9px;background:#26162688;font-size:11px;color:#c6b5c6}.deriv-banner strong{font-size:10px;color:#f7a8ba;font-weight:500}.coming-dot.connected{background:#82d2b8;box-shadow:0 0 8px #82d2b844}.public-client-info input{font-size:12px;color:#b7c6dc}.deriv-accounts{display:grid;gap:10px;margin:20px 0}.deriv-account{display:grid;gap:9px;width:100%;padding:17px;text-align:left;border:1px solid #3c4b62;border-radius:9px;background:#101a28;color:#d4deee}.deriv-account:hover{border-color:#a96b80}.deriv-account.selected{border-color:#f07190;background:#39182b66}.deriv-account strong{font-size:12px;font-weight:600}.deriv-account span{font-size:12px;color:#b7c8df;font-variant-numeric:tabular-nums}.deriv-account small{font-size:10px;color:#e59bb1}.deriv-account-actions{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}.deriv-account-actions button{font-size:10px}.deriv-mode-note{font-size:10px!important;color:#c6a0b1!important;background:#3c172344;border:1px solid #583044;border-radius:8px;padding:12px;margin:21px 0 0!important;line-height:1.8!important}#derivConnectionStatus{font-size:12px;color:#e0b4c4}#derivSiteSignIn{text-decoration:none;text-align:center}#derivLoginButton:disabled{cursor:default;opacity:.5}
@media(max-width:740px){.deriv-banner{align-items:flex-start;flex-direction:column;gap:7px;font-size:10px}.deriv-account-actions{gap:14px}.deriv-account strong{font-size:11px}}

.demo-panel{margin:18px auto 0;max-width:1440px;padding:20px 24px;border:1px solid #474d67;border-radius:16px;background:#181c2b;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.demo-panel p{margin:6px 0;color:#c5ccdf}.demo-panel small{color:#a4adc4}.demo-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#demoRecovery{width:100%;border-top:1px solid #353b4f;padding-top:14px}#demoRecovery input{max-width:220px;margin-right:8px}#demoPanel[hidden]{display:none}@media(max-width:700px){.demo-panel{margin:12px 14px 0;padding:16px}.demo-actions{width:100%}.demo-actions button{flex:1}}

.deriv-auth-recovery{margin:16px 0;padding:14px;border:1px solid #775266;border-radius:9px;background:#3b223055}.deriv-auth-recovery strong{font-size:12px;color:#ffd1dd}.deriv-auth-recovery p{font-size:11px;line-height:1.8;margin:9px 0 0}#derivAuthorizationLink{display:block;text-align:center;text-decoration:none;font-size:12px}

.sequence-help{font-size:11px;line-height:1.7;color:#9aa8bc;margin:10px 0 16px}.auto-toggle{display:flex!important;align-items:center;gap:9px;font-size:11px;line-height:1.5;cursor:pointer}.auto-toggle input[type=checkbox]{width:16px!important;height:16px;flex:0 0 16px;accent-color:#ef3153;margin:0}.auto-count-limit{grid-column:1/-1}.auto-count-limit .auto-toggle{margin-bottom:8px}.martingale-settings{min-width:0;border:1px solid #453344;border-radius:10px;margin:18px 0;padding:16px}.martingale-settings legend{padding:0 7px;color:#f4a8bb;font-size:12px}.martingale-settings .auto-fields{margin:15px 0 10px}.martingale-settings .field-help{line-height:1.7;font-size:10px;margin:10px 0 0}.span-two{grid-column:1/-1}.next-auto-entry{border:1px solid #684054;border-radius:9px;background:#321a2a66;padding:15px}.next-auto-entry>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#c7b9c4}.next-auto-entry strong{color:#fff;font-size:19px;font-variant-numeric:tabular-nums}.next-auto-entry small{display:block;font-size:10px;line-height:1.6;color:#bf9fb1;margin-top:7px}.auto-goal-summary{font-size:11px;line-height:1.8;color:#a6bacd;margin:13px 0}.auto-panel input:disabled{opacity:.55}.auto-explanation{overflow-wrap:anywhere}

/* Live wallet and operation feedback. Values always come from engine state. */
.mesa-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px}.mesa-intro .eyebrow{margin-bottom:6px}.mesa-intro h1{font-size:22px;margin:0;letter-spacing:-.5px}
body[data-view=board] .header-actions .balance{display:none}
.financial-overview{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:14px;margin-bottom:22px}
.financial-tile{min-width:0;padding:20px 20px 17px;border:1px solid #2b4051;border-radius:12px;background:radial-gradient(ellipse at 0 0,#1d394326,transparent 80%),linear-gradient(135deg,#101820,#0b1119);box-shadow:0 10px 24px #0002}
.financial-label{display:flex;align-items:center;gap:10px;color:#b3c9df;min-height:23px}.financial-label h2{font-size:10px;letter-spacing:1.1px;line-height:1.5;font-weight:600}.financial-label svg{width:23px;height:23px;color:#e0eaf4}.metric-symbol{font-size:25px;line-height:1;font-weight:700;color:#29e8a4}.losses-tile .metric-symbol{color:#ff4568}
.financial-amount{display:block;margin:14px 0 10px;font-size:clamp(23px,2.35vw,35px);font-weight:750;letter-spacing:-1px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.financial-tile p{color:#c1d3e6;font-size:11px;line-height:1.5;margin:0}.financial-tile small{display:block;color:#8da2b8;font-size:9px;line-height:1.65;margin-top:5px}.financial-tile .balance-stale{color:#f8c765}.positive{color:#26e8a4!important}.negative{color:#ff5577!important}
.operation-banner{--operation-accent:#8db3dd;--operation-border:#36516e;--operation-bg:#112235;position:relative;min-width:0;border:1px solid var(--operation-border);border-radius:10px;background:linear-gradient(110deg,var(--operation-bg),#10151d 92%);padding:18px 20px;margin:17px 0 23px;box-shadow:0 4px 20px #0002;scroll-margin:20px}
.operation-banner[data-tone=pending],.operation-banner[data-tone=warning]{--operation-accent:#ffc837;--operation-border:#d2a526;--operation-bg:#2c2411;box-shadow:0 0 0 1px #ffc32e18,0 6px 28px #d0a01b0a}
.operation-banner[data-tone=positive]{--operation-accent:#33ecab;--operation-border:#26896c;--operation-bg:#0c2923}.operation-banner[data-tone=negative]{--operation-accent:#ff6f8a;--operation-border:#9e4055;--operation-bg:#30141e}
.operation-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px 15px}.operation-title-row{display:flex;align-items:center;gap:12px;min-width:0}.operation-title-row h3{margin:0;color:var(--operation-accent);font-size:clamp(15px,1.55vw,21px);font-weight:800;letter-spacing:.1px;line-height:1.35;overflow-wrap:anywhere}.operation-light{display:block;width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--operation-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--operation-accent) 7%,transparent),0 0 15px color-mix(in srgb,var(--operation-accent) 35%,transparent)}
.operation-badge{border:1px solid var(--operation-border);border-radius:20px;font-size:9px;font-weight:650;padding:6px 10px;color:var(--operation-accent);line-height:1.3;max-width:100%}.operation-terms{font-size:17px;font-weight:700;line-height:1.5;margin:13px 0 5px;font-variant-numeric:tabular-nums}.operation-message{font-size:12px;line-height:1.7;color:#c1d4e8;margin:9px 0 0;overflow-wrap:anywhere}.operation-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.operation-footer>span{font-size:9px;line-height:1.5;color:#98acc2;overflow-wrap:anywhere}.operation-footer .text-button{font-size:10px;color:#dce7f5;min-height:28px}.operation-footer svg{width:15px;height:15px}.operation-activity{height:5px;border-radius:10px;overflow:hidden;background:#ffc8371a;margin-top:14px}.operation-activity span{display:block;width:36%;height:100%;border-radius:10px;background:var(--operation-accent);animation:operation-active 1.7s ease-in-out infinite}
.operation-details{margin:23px 0 18px;padding:0;border-top:1px solid #304052}.operation-details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:18px;padding:12px 0;border-bottom:1px solid #293545;font-size:12px;line-height:1.6}.operation-details dt{color:#99adc3}.operation-details dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.operation-dialog h2{font-size:23px}.operation-dialog #operationDialogStatus{color:#f7ca64;font-weight:650;font-size:12px;line-height:1.7}.mobile-financial-dock{display:none}
@keyframes operation-active{0%{transform:translateX(-105%)}100%{transform:translateX(380%)}}
@media(min-width:741px) and (max-width:1120px){.financial-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-amount{font-size:30px}.financial-tile{padding:17px 20px}.board-grid{grid-template-columns:minmax(0,1fr) 315px}.game-panel{padding:20px}.playing-cards{gap:10px}.operation-banner{padding:17px}.operation-title-row h3{font-size:16px}}
@media(max-width:740px){
 .mesa-intro{margin:0 0 17px}.mesa-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.mesa-intro h1{font-size:20px}.mesa-intro .virtual-notice{display:none}.sub-header{margin-bottom:21px}
 .financial-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.financial-tile{padding:15px 16px 14px;border-radius:10px}.wallet-tile,.net-tile{grid-column:1/-1}.financial-label{gap:9px;min-height:18px}.financial-label h2{font-size:9px;letter-spacing:1px}.financial-label svg{width:20px;height:20px}.metric-symbol{font-size:22px}.financial-amount{font-size:30px;margin:8px 0 5px;letter-spacing:-.7px}.gains-tile .financial-amount,.losses-tile .financial-amount{font-size:23px;margin:10px 0 6px}.financial-tile p{font-size:10px}.financial-tile small{font-size:9px;margin-top:3px}.gains-tile p,.losses-tile p{font-size:9px}
 .operation-banner{padding:15px 14px;margin:16px 0 20px}.operation-title-row{gap:9px}.operation-title-row h3{font-size:16px}.operation-light{width:11px;height:11px;flex-basis:11px}.operation-heading{gap:9px}.operation-badge{font-size:9px;padding:4px 8px}.operation-terms{font-size:14px;margin-top:12px}.operation-message{font-size:11px;line-height:1.65}.operation-footer{margin-top:9px}.operation-footer>span{font-size:9px}.operation-activity{margin-top:11px;height:4px}
 .mobile-financial-dock{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px;z-index:35;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));padding:12px 15px 10px;text-align:left;border:1px solid #405b72;border-radius:12px;background:#101a27f5;box-shadow:0 -5px 26px #0007;backdrop-filter:blur(12px)}.mobile-financial-dock>span{min-width:0}.mobile-financial-dock small{display:block;color:#a5b9cf;font-size:9px;margin-bottom:5px}.mobile-financial-dock strong{display:block;font-size:17px;line-height:1.2;letter-spacing:-.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mobile-financial-dock .dock-operation{grid-column:1/-1;border-top:1px solid #314052;margin-top:3px;padding-top:8px;font-size:8px;letter-spacing:.6px;line-height:1.5;color:#b8cbe0}.mobile-financial-dock[data-tone=pending] .dock-operation,.mobile-financial-dock[data-tone=warning] .dock-operation{color:#ffcf5b}.has-financial-dock{padding-bottom:130px}.toast{bottom:135px}.snackbar{bottom:135px}
}
@media(max-width:370px){.financial-tile{padding:14px}.gains-tile .financial-amount,.losses-tile .financial-amount{font-size:21px}.operation-title-row h3{font-size:14px}.operation-terms{font-size:13px}}
@media(prefers-reduced-motion:reduce){.operation-activity span{animation:none;width:100%;opacity:.55}}

.loss-limit-dialog{text-align:center;border-color:#d54463;background:radial-gradient(ellipse at 50% 0,#7b183850,transparent 65%),linear-gradient(145deg,#1b202c,#0c131e)}.loss-limit-dialog .eyebrow{display:block;color:#f7a2b5;font-size:9px;line-height:1.7;letter-spacing:1.4px}.loss-limit-emblem{display:grid;place-items:center;width:64px;height:64px;margin:25px auto 22px;border:1px solid #ff718d;border-radius:50%;background:#9c22403b;color:#ff91aa;font-size:35px;font-weight:650;box-shadow:0 0 0 7px #d8315710}.loss-limit-dialog h2{display:block;font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 auto 12px;max-width:340px}.loss-limit-dialog #lossLimitMessage{font-size:21px;line-height:1.4;color:#f3bac8;margin:0 0 23px}.loss-limit-receipt{margin:0;padding:5px 16px;background:#080d1780;border:1px solid #503044;border-radius:10px;text-align:left}.loss-limit-receipt>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;padding:13px 0;font-size:11px;line-height:1.5}.loss-limit-receipt>div+div{border-top:1px solid #3d2d40}.loss-limit-receipt dt{color:#aebdd0}.loss-limit-receipt dd{margin:0;text-align:right;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.loss-limit-dialog #lossLimitStopNote{font-size:11px;line-height:1.8;color:#bcaaba;margin:17px 0}.loss-limit-dialog .primary-button{width:100%;margin-top:0}
@media(max-width:370px){.loss-limit-dialog h2{font-size:24px}.loss-limit-receipt{padding:4px 12px}.loss-limit-receipt>div{font-size:10px}}

.mesa-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.mesa-actions .secondary-button{margin:0;min-height:40px;padding:10px 14px;font-size:11px;white-space:nowrap}.sound-previews{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.period-reset-note{padding:13px 15px;border:1px solid #375166;border-radius:9px;background:#14212c;color:#c2d8eb!important;font-size:12px!important;line-height:1.8!important}
@media(max-width:740px){.mesa-intro{flex-wrap:wrap;align-items:flex-start;gap:13px}.mesa-actions{gap:10px}.mesa-actions .secondary-button{font-size:10px;padding:10px 12px}.sound-previews{gap:14px 18px}}
/* Par e Ímpar: masthead, registration, market selection and installable layout. */
:root{color-scheme:dark}html{scroll-padding-bottom:100px}body{min-width:320px}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #fa6d85;outline-offset:4px}.app-shell{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.app-header{gap:24px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:200px;flex-shrink:0}.brand-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}.brand-tagline{font-size:8px;color:#7e8b9d;letter-spacing:2.2px;margin:0 0 9px 17px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.install-button{white-space:nowrap;font-size:11px;padding:10px 12px;min-height:40px}.profile-button{min-height:40px}.welcome-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);align-items:center;gap:28px;margin:0 0 26px;padding:25px 28px;border:1px solid #393043;border-radius:14px;background:radial-gradient(ellipse at 90% 0,#6d15332b,transparent 70%),#10151f}.welcome-panel h2{font-size:23px;letter-spacing:-.5px;margin:8px 0}.welcome-panel p:not(.eyebrow){font-size:13px;color:#9cabc0;line-height:1.7;margin:0}.journey{display:flex;flex-wrap:wrap;gap:22px;list-style:none;padding:0;margin:18px 0 0}.journey li{display:flex;gap:8px;align-items:center;font-size:11px;color:#99a9c0}.journey li>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #4e3340;border-radius:50%;font-size:10px;background:#201923;color:#f76a85}.journey li.complete>span{background:#17433a;color:#9de8ca;border-color:#32675a}.welcome-actions{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.welcome-actions .primary-button{margin:0;font-size:11px;width:100%}.welcome-actions small{color:#8293ad;font-size:10px;line-height:1.5}.broker-signup-link{font-size:11px;line-height:1.6;text-align:center}.broker-signup{padding:13px 0}.market-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin-top:18px;padding:15px;background:#080d15;border:1px solid #263143;border-radius:9px}.market-picker label{margin:0;color:#9baac0;font-size:10px;min-width:0}.market-picker select{display:block;width:100%;max-width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid #36445a;border-radius:7px;background:#141d2b;color:#f0f3f8;font:inherit;font-size:13px;text-overflow:ellipsis}.market-picker select:disabled{color:#a3aec1;opacity:.7}.market-picker .secondary-button{align-self:end;margin:0;min-height:44px;font-size:10px;padding:10px}.market-picker .field-help{grid-column:1/-1;margin:3px 0 0;font-size:10px;line-height:1.6}.market-label{max-width:58%;min-width:0}.market-label strong{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:right}.playing-cards{min-height:110px}.demo-panel>div{min-width:0}.demo-panel small{overflow-wrap:anywhere}.demo-actions{flex-wrap:wrap}#profileForm input{min-height:46px}#profileStatus{line-height:1.7}#profileConnect{margin-top:18px}.deriv-account strong,.deriv-account span{overflow-wrap:anywhere}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.mobile-financial-dock{padding-bottom:max(12px,env(safe-area-inset-bottom))}
@media(min-width:741px) and (max-width:1150px){.app-header{align-items:center;flex-wrap:wrap}.brand-logo{width:250px}.header-actions{gap:12px;flex:1;min-width:380px}.header-actions .simulation-pill{display:none}.sub-header{gap:18px}.tab{padding:12px 14px}.welcome-panel{gap:20px;padding:24px}.board-grid{grid-template-columns:minmax(0,1fr) 300px}.game-panel{padding:23px 19px}.playing-cards{gap:10px}.playing-card{min-width:0}.market-picker{grid-template-columns:minmax(0,1fr)}.market-picker .secondary-button{justify-self:end}.market-picker .field-help{grid-row:2}.auto-panel{min-width:0}.journey{gap:12px}.market-label{max-width:52%}}
@media(max-width:900px) and (min-width:741px){.board-grid{display:flex;flex-direction:column}.board-main,.auto-panel{width:100%}.auto-panel{position:static}.welcome-panel{grid-template-columns:1fr}.welcome-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left}.welcome-actions .primary-button{width:auto}.playing-card{height:170px}.market-picker{grid-template-columns:minmax(0,1fr) auto}.market-picker .field-help{grid-row:auto}}
@media(max-width:740px){.app-shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:12px}.brand{min-width:0}.brand-logo{width:205px;min-width:0}.brand-tagline{font-size:6px;letter-spacing:1.3px;margin-left:9px}.header-actions{display:flex;gap:8px;max-width:150px}.header-actions .balance{width:100%;order:0}.header-actions .balance strong{font-size:17px}.header-actions .profile-button{display:flex;width:auto;min-height:34px;padding:8px}.header-actions .profile-button span{display:inline;font-size:10px;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions .profile-button svg{width:15px;height:15px}.header-actions .install-button{order:4;min-height:32px;font-size:9px;padding:7px 9px}.header-actions #soundToggle{min-height:34px;min-width:34px}.sub-header{margin-top:14px;margin-bottom:18px}.sub-header .connect-button{min-height:40px;font-size:12px}.tab{min-height:40px;font-size:10px}.welcome-panel{grid-template-columns:minmax(0,1fr);gap:20px;padding:21px 19px;margin-bottom:21px}.welcome-panel h2{font-size:22px}.welcome-panel p:not(.eyebrow){font-size:12px}.welcome-panel .eyebrow{font-size:8px;letter-spacing:1.5px}.journey{gap:12px}.journey li{font-size:10px;gap:5px}.journey li>span{width:20px;height:20px}.welcome-actions{align-items:stretch}.welcome-actions .primary-button{min-height:46px}.market-picker{padding:12px;grid-template-columns:minmax(0,1fr);gap:9px}.market-picker .field-help{grid-row:2}.market-picker .secondary-button{justify-self:end}.market-picker select{font-size:16px;min-height:46px}.market-label{max-width:52%}.market-label strong{font-size:11px}.trade-fields input,.trade-fields select,.auto-fields input,.auto-fields select,dialog input{font-size:16px!important}.game-panel .panel-heading{gap:14px}.financial-amount{overflow-wrap:anywhere}.auto-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sequence{flex-wrap:wrap}.sequence-token{flex:0 0 52px;min-width:42px}.sequence-arrow{flex:0 0 12px}.demo-panel{padding:18px}.demo-actions .secondary-button{min-height:44px}.toast{bottom:calc(105px + env(safe-area-inset-bottom))}.snackbar{bottom:calc(100px + env(safe-area-inset-bottom))}dialog{width:calc(100vw - 28px);max-width:480px;box-sizing:border-box}}
@media(max-width:370px){.app-header{grid-template-columns:minmax(0,1fr) 119px;gap:5px}.brand-logo{width:172px}.header-actions{gap:5px}.header-actions .profile-button span{max-width:62px}.header-actions .balance strong{font-size:16px}.journey{gap:8px}.journey li{font-size:9px}.playing-cards{gap:7px}.market-label strong{font-size:10px}.sequence-token{flex-basis:46px}.welcome-panel{padding:18px 15px}}
@media(display-mode:standalone){.app-header{padding-top:max(14px,env(safe-area-inset-top))}.install-button{display:none}}
/* Application login: registration is immediate; the trading environment is gated. */
body[data-access="loading"] .app-shell,body[data-access="guest"] .app-shell{display:none}body[data-access="member"] .auth-page{display:none}.auth-page{min-height:100dvh;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,450px);align-items:center;gap:clamp(36px,7vw,110px);max-width:1180px;margin:0 auto;padding:46px max(28px,env(safe-area-inset-right)) 46px max(28px,env(safe-area-inset-left))}.auth-brand img{width:440px;max-width:100%;height:auto;display:block;margin-left:-28px}.auth-brand .eyebrow{font-size:10px;letter-spacing:2.8px;margin:10px 0 26px;color:#db536d}.auth-brand h1{font-size:clamp(36px,4.3vw,58px);letter-spacing:-2px;line-height:1.1;margin:0 0 22px}.auth-brand>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#9fadc2;max-width:410px}.auth-benefits{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.auth-benefits span{border:1px solid #3e2d39;background:#431a2b28;color:#e5bcc7;border-radius:30px;padding:8px 12px;font-size:11px}.auth-brand>small{color:#6e829e;font-size:10px;line-height:1.7}.auth-card{background:linear-gradient(150deg,#1b2331,#101721);border:1px solid #354052;border-radius:18px;padding:29px;box-shadow:0 24px 80px #0005}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#080e18;border:1px solid #2f394c;border-radius:10px}.auth-tabs button{border:0;border-radius:7px;background:transparent;min-height:42px;color:#8f9fb8;font:inherit;font-size:12px;cursor:pointer}.auth-tabs button[aria-selected="true"]{background:#d6294b;color:white}.auth-status{font-size:12px;line-height:1.8;color:#b2c0d4;min-height:42px;margin:19px 0}.auth-card label{display:block;margin:15px 0 0;font-size:12px;color:#b8c4d6}.auth-card input{display:block;width:100%;min-height:46px;box-sizing:border-box;border:1px solid #3a485d;border-radius:8px;padding:12px 13px;margin-top:7px;background:#0c1421;color:#f2f4f8;font:inherit;font-size:14px}.auth-card input::placeholder{color:#6f819a}.auth-card .primary-button{min-height:47px;margin-top:24px;font-size:12px;width:100%}.auth-card .auth-privacy{font-size:10px;line-height:1.8;color:#8193ac;margin:15px 0 0}.auth-card small{font-size:10px;color:#8294af;line-height:1.6;display:block;margin-top:6px}.logout-button{font-size:11px;min-height:40px;min-width:38px}#profileEmailInput[readonly]{color:#91a1b8;background:#111824}body[data-access="loading"] .auth-card input{opacity:.65}
@media(max-width:850px){.auth-page{grid-template-columns:minmax(0,1fr);gap:27px;max-width:620px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}.auth-brand img{width:310px;margin-left:-18px}.auth-brand h1{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.auth-brand h1 br{display:none}.auth-brand .eyebrow{margin:3px 0 15px;font-size:8px}.auth-brand>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:none}.auth-benefits{margin:17px 0 12px;gap:7px}.auth-benefits span{font-size:10px;padding:6px 10px}.auth-brand>small{font-size:9px}.auth-card{padding:24px}.auth-card input{font-size:16px;min-height:48px}.auth-tabs button{min-height:44px}.auth-status{margin:15px 0;min-height:0}.auth-page:has(#authRegisterForm:not([hidden])){align-items:start}}
@media(max-width:370px){.auth-page{padding-left:17px;padding-right:17px}.auth-card{padding:19px}.auth-brand h1{font-size:29px}.auth-brand img{width:270px}.auth-tabs button{font-size:11px}.header-actions .logout-button{font-size:9px;min-height:29px}.auth-benefits span{padding:6px 8px;font-size:9px}}
body[data-access="loading"] .mobile-financial-dock,body[data-access="guest"] .mobile-financial-dock{display:none!important}

.auth-disclaimer{font-size:10px;line-height:1.7;color:#778398;margin:12px 0 0;}

.risk-footer{display:block;max-width:1180px;margin:24px auto 0;padding:26px max(24px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border-top:1px solid #354052;box-sizing:border-box;color:#b2c0d4}.risk-footer h2{font-size:14px;color:#f0c4ce;margin:0 0 12px}.risk-footer p{font-size:12px;line-height:1.8;text-align:left;max-width:none;margin:8px 0}.risk-footer strong{color:#e8d7dd}.risk-footer .risk-source{font-size:11px;color:#93a4bd}.risk-footer a{color:#eeb2c0;text-decoration:underline;text-underline-offset:3px}.risk-footer a:focus-visible{outline:2px solid #eeb2c0;outline-offset:4px}