.history-trend-panel{position:relative;overflow:visible;margin-right:36px}.number-tool-live-entry{right:-36px!important;top:80px!important;writing-mode:vertical-rl;padding:18px 9px!important;border-radius:0 9px 9px 0!important;box-shadow:3px 3px 8px #3e617a19;font-size:16px!important}.history-source-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:14px 0 5px;flex-shrink:0}.history-source-tabs button{font-size:12px;padding:10px 3px;border:1px solid currentColor;border-radius:7px;opacity:.7}.history-source-tabs button[data-history-source=history]{color:#7852a5}.history-source-tabs button[data-history-source=base]{color:#a77328}.history-source-tabs button[data-history-source=personal]{color:#19799e}.history-source-tabs button.active{opacity:1;color:white;background:#19799e;border-color:#19799e;font-weight:700}.history-source-tabs button[data-history-source=history].active{background:#7852a5;border-color:#7852a5}.history-source-tabs button[data-history-source=base].active{background:#a77328;border-color:#a77328}.vip-key-entry{display:block;text-align:center;color:#246b91;font-size:13px;padding:10px 0 15px;text-decoration:underline;flex-shrink:0}.block-play-form .choice{min-width:100px}.block-play-form input[value=YES]+span,.block-play-form input[value=PAIR]+span{color:#bb3e43}.block-play-form input[value=NO]+span,.block-play-form input[value=NO_PAIR]+span{color:#178657}.block-play-rule{line-height:1.7;font-size:14px}.side-shape.is-red{color:#b83243;background:#fff0f1;border-color:#ebbdc5}.side-shape.is-green{color:#167b4e;background:#edf9f2;border-color:#b8e0cd}.side-block-detail{font-size:12px;color:#7892a0;line-height:1.8;margin:8px 0 0}.single-challenge-badge{display:inline-block;color:#a35e17;background:#fff0d7;border:1px solid #e5c894;padding:2px 5px;border-radius:4px;font-size:11px}@media(min-width:761px){.play-layout{margin-right:36px}}@media(max-width:760px){.history-trend-panel{margin-right:0}.number-tool-live-entry{right:8px!important;top:auto!important;bottom:-36px;writing-mode:horizontal-tb;padding:8px 16px!important;border-radius:0 0 8px 8px!important}.history-source-tabs button{font-size:14px}}

.block-play-form input:checked+span{background:#174b6c;color:#fff!important;box-shadow:0 3px 8px #173e6b22}.block-play-form .choice span{min-width:100px;min-height:50px;font-size:19px}.block-play-form input[value=YES]:checked+span,.block-play-form input[value=PAIR]:checked+span{background:#ba3e4a;border-color:#ba3e4a}.block-play-form input[value=NO]:checked+span,.block-play-form input[value=NO_PAIR]:checked+span{background:#15885a;border-color:#15885a}

.native-stake-shortcuts{grid-column:1/-1;border-top:1px solid #d6e6ed;padding-top:12px;margin-top:8px}.money-control-row{display:grid;grid-template-columns:65px 1fr;gap:10px;align-items:center;margin:7px 0}.money-control-row b,.money-budget-row>b{font-size:13px;color:#668494}.money-preset-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.native-stake-shortcuts button{border:1px solid #bad4e1;background:#f2f8fc;color:#31728d;padding:7px 6px;border-radius:6px;font-size:13px;transition:background .12s,transform .1s}.native-stake-shortcuts button.active{background:#236a88;border-color:#236a88;color:white}.native-stake-shortcuts button:active{transform:scale(.96);background:#d9edf6}.money-budget-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}.money-budget-row>b{min-width:65px}.money-budget-row small{font-size:11px;color:#8298a3}.custom-budget-buttons{display:flex;gap:6px;flex-wrap:wrap}.money-shortcut-status{color:#286c88;font-size:12px;line-height:1.6;margin:5px 0}.money-shortcut-dialog{width:min(460px,calc(100vw - 30px));border:1px solid #accddb;border-radius:14px;padding:25px;color:#24566f;background:#f7fbfe}.money-shortcut-dialog::backdrop{background:#234c6b66;backdrop-filter:blur(4px)}.money-shortcut-dialog h2{font-size:21px}.money-shortcut-dialog p{font-size:13px;line-height:1.7}.money-shortcut-dialog input{width:100%;box-sizing:border-box;padding:12px;font:inherit;border:1px solid #adc7d5;border-radius:7px}.money-shortcut-dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.money-shortcut-dialog button{padding:9px 18px;border:1px solid #abc8d5;border-radius:6px;background:#226c89;color:white}@media(max-width:760px){.money-preset-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.money-control-row{grid-template-columns:45px 1fr}.money-budget-row>b{min-width:45px}}
.block-return-rate{display:block;font-size:12px;line-height:1.8;margin:3px 0 0}.block-play-form .choice span{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;min-width:150px}

/* Same-page workspaces and compact native betting controls. */
[hidden]{display:none!important}
.workspace-switcher{position:relative;margin-right:44px}
.workspace-tabs{position:absolute;left:100%;top:10px;display:flex;flex-direction:column;gap:8px;z-index:4;width:42px}
.workspace-tabs button{writing-mode:vertical-rl;letter-spacing:5px;padding:16px 10px;border:1px solid #dfb96d;border-radius:0 9px 9px 0;background:#ffe2a6;color:#805b23;font:700 16px system-ui;cursor:pointer}
.workspace-tabs button.active{background:#157b98;color:white;border-color:#157b98;box-shadow:0 3px 9px #155e7733}
#numberToolFrame{display:block;width:100%;height:800px;height:max(680px,calc(100dvh - 230px));border:0;border-radius:18px;background:#f6fbfd}
.game-banner #experienceButton{align-self:center;border:1px solid #e0ad4b;background:linear-gradient(135deg,#ffdb8c,#efb23e);color:#624512;border-radius:10px;padding:14px 18px;font-weight:800;box-shadow:0 4px 14px #b77d2530;cursor:pointer;white-space:nowrap}
.notice-bar[hidden]{display:none!important}
.test-source-strip{justify-content:center;text-align:center;min-height:32px}
.selection-note:has(#selectionHint:empty)>i{display:none}
.stake-editor{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center}
.stake-editor .native-stake-shortcuts{grid-column:1/-1;grid-row:2;margin:0}
.stake-editor .bet-actions{grid-column:3;grid-row:1}
.stake-editor .stake-help,.stake-editor .bet-action-status{grid-column:1/-1}
.native-stake-shortcuts .money-control-row,.native-stake-shortcuts .money-budget-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0}
.native-stake-shortcuts .money-preset-buttons{display:flex;flex-wrap:wrap;gap:5px}
@media(max-width:700px){.workspace-switcher{margin-right:36px}.workspace-tabs{width:36px}.workspace-tabs button{padding:12px 8px}.stake-editor{grid-template-columns:1fr auto}.stake-editor .bet-actions{grid-column:1/-1;grid-row:3}.stake-editor .native-stake-shortcuts{grid-row:2}.game-banner #experienceButton{padding:10px;font-size:12px}#numberToolFrame{height:calc(100dvh - 180px);min-height:680px}}

@media(min-width:1000px){.game-banner{grid-template-columns:minmax(270px,1.2fr) minmax(180px,.7fr) auto minmax(290px,1fr);gap:16px}.history-trend-panel,.play-layout{margin-right:0}}
@media(max-width:999px){.game-banner #experienceButton{grid-column:1;grid-row:2;justify-self:start}.game-banner .last-result{grid-column:1/-1}}

/* Annotated betting layout: amount/multiplier left, budget shortcuts right. */
.native-stake-shortcuts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.money-primary,.money-budgets{min-width:0}.money-budgets .money-budget-row{margin:6px 0}.money-budgets .money-shortcut-status:empty{display:none}
.stake-editor{grid-template-columns:auto minmax(190px,1fr) auto auto;gap:12px}
.stake-editor .bet-actions{grid-column:4;grid-row:1}.selection-money-summary{color:#178548;font-size:14px;font-weight:650;line-height:1.7;text-align:center}
.block-play-form .choice-grid{display:flex;gap:30px;flex-wrap:wrap}
.block-play-form .choice span{display:flex;align-items:center;justify-content:center;min-width:160px;min-height:44px;padding:8px 24px;border-radius:12px;font-size:16px;background:transparent;box-shadow:none;border:3px solid currentColor}
.block-play-form input[value=YES]+span,.block-play-form input[value=PAIR]+span{color:#e52b35;border-color:#e52b35}
.block-play-form input[value=NO]+span,.block-play-form input[value=NO_PAIR]+span{color:#20aa55;border-color:#20aa55}
.block-play-form input[value=YES]:checked+span,.block-play-form input[value=PAIR]:checked+span{color:#fff!important;background:#e52b35;border-color:#e52b35}
.block-play-form input[value=NO]:checked+span,.block-play-form input[value=NO_PAIR]:checked+span{color:#fff!important;background:#20aa55;border-color:#20aa55}
@media(max-width:1100px){.stake-editor{grid-template-columns:1fr auto}.stake-editor .selection-money-summary{grid-column:1/-1;grid-row:2;text-align:left}.stake-editor .native-stake-shortcuts{grid-row:3}.stake-editor .bet-actions{grid-column:1/-1;grid-row:4}.native-stake-shortcuts{grid-template-columns:1fr;gap:5px}}

/* Tactile color options share the platform's soft, dimensional surfaces. */
.selection-area .block-play-form .choice-grid{gap:16px;padding:2px 0 5px}
.selection-area .block-play-form .choice-grid .choice{position:relative;margin:0}
.selection-area .block-play-form .choice-grid .choice span{--ink:#b53745;--edge:#e9afb7;--pale:#fff0f2;--shade:174,57,75;--top:#d64b5d;--bottom:#af2e44;position:relative;isolation:isolate;min-width:120px;min-height:52px;padding:12px 30px;border:1px solid var(--edge);border-bottom-width:2px;border-radius:12px;color:var(--ink);background:linear-gradient(165deg,#ffffff 0%,var(--pale) 100%);box-shadow:inset 0 1px 0 #ffffff,0 3px 0 rgba(var(--shade),.10),0 6px 12px rgba(var(--shade),.09);font-size:16px;font-weight:750;letter-spacing:.05em;line-height:1.2;text-shadow:0 1px 0 #ffffff90;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;user-select:none}
.selection-area .block-play-form .choice-grid .choice input[value=NO]+span,.selection-area .block-play-form .choice-grid .choice input[value=NO_PAIR]+span{--ink:#237451;--edge:#9fceb7;--pale:#eaf8f0;--shade:27,113,77;--top:#27825f;--bottom:#176344;color:var(--ink);border-color:var(--edge)}
.selection-area .block-play-form .choice-grid .choice input[value=YES]+span,.selection-area .block-play-form .choice-grid .choice input[value=PAIR]+span{color:var(--ink);border-color:var(--edge)}
.selection-area .block-play-form .choice-grid .choice span::before{content:"";position:absolute;inset:1px 1px auto;height:45%;border-radius:10px 10px 35% 35%;background:linear-gradient(#ffffff2e,#ffffff00);pointer-events:none;z-index:-1}
.selection-area .block-play-form .choice-grid .choice input:checked+span{color:#fff!important;border-color:var(--bottom);background:linear-gradient(155deg,var(--top),var(--bottom));box-shadow:inset 0 1px 0 #ffffff5c,inset 0 -1px 0 #00000016,0 3px 0 rgba(var(--shade),.32),0 7px 15px rgba(var(--shade),.20);text-shadow:0 1px 1px #00000020}
.selection-area .block-play-form .choice-grid .choice input:checked+span::after{content:"✓";position:absolute;top:5px;right:6px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #ffffff63;border-radius:50%;background:#ffffff1f;color:#fff;font:700 10px/1 system-ui;text-shadow:none}
@media(hover:hover){.selection-area .block-play-form .choice-grid .choice:hover span{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff77,0 4px 0 rgba(var(--shade),.14),0 10px 18px rgba(var(--shade),.16)}}
.selection-area .block-play-form .choice-grid .choice:active span{transform:translateY(2px);box-shadow:inset 0 2px 4px #00000012,0 1px 0 rgba(var(--shade),.22),0 2px 5px rgba(var(--shade),.10)}
.selection-area .block-play-form .choice-grid .choice input:focus-visible+span{outline:3px solid #3898be;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.selection-area .block-play-form .choice-grid .choice span{transition:none}}

.money-shortcut-dialog .custom-amount-error{color:#bd3447;min-height:1.5em;margin:7px 0;font-size:13px}.money-shortcut-dialog input[aria-invalid=true]{border-color:#d16c78;box-shadow:0 0 0 2px #e5738420}

/* A compact floating rail keeps page sections within reach. */
.page-section-nav{position:fixed;left:max(12px,calc((100vw - 1460px)/2 - 44px));top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:9px;width:62px;padding:7px;border:1px solid #ffffffc9;border-radius:18px;background:linear-gradient(155deg,#f7fcffe6,#e2f0f7c9);box-shadow:inset 0 1px 0 #fff,0 9px 25px #21536d20;backdrop-filter:blur(12px)}
.page-section-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:12px 7px;border:1px solid transparent;border-radius:12px;color:#537b90;text-decoration:none;background:linear-gradient(145deg,#ffffffa6,#edf6fa88);box-shadow:0 1px 2px #376a8210;font-size:13px;font-weight:650;transition:transform .16s,background .16s,box-shadow .16s,color .16s}
.page-section-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-section-nav a>span{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:2px;line-height:1.5;white-space:nowrap}
.page-section-nav a.active{color:#fff;border-color:#2c819c;background:linear-gradient(145deg,#3c9bb6,#1c6988);box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 #174d6b22,0 5px 12px #266b8b24;text-shadow:0 1px 1px #17435833}
.page-section-nav a.active::after{content:"";position:absolute;left:-4px;top:calc(50% - 11px);width:3px;height:22px;border-radius:3px;background:#edb957;box-shadow:0 0 0 2px #fff9}
.page-section-nav a:focus-visible,.records-back-top:focus-visible{outline:3px solid #308eb8;outline-offset:3px}
@media(hover:hover){.page-section-nav a:hover{transform:translateX(2px);box-shadow:0 5px 12px #27607922}.records-back-top:hover{border-color:#80b5c9;background:linear-gradient(#fff,#e6f3f9);transform:translateY(-1px)}}
.page-section-nav a:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #194d6520}
#betting,#ticket,#records{scroll-margin-top:20px}
#betting:focus,#ticket:focus,#records:focus,#gameTitle:focus{outline:none}
.records-back-top{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;border:1px solid #bdd6e2;border-radius:9px;color:#3d7893;background:linear-gradient(150deg,#fff,#edf6fb);box-shadow:inset 0 1px 0 #fff,0 2px 5px #285d7610;font-family:inherit;font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}
.records-back-top svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.records-back-top:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #1f597b18}
@media(min-width:901px){.app-shell{padding-left:max(28px,calc(92px - max(0px,(100vw - 1460px)/2)))}}
@media(max-width:900px){.page-section-nav{left:50%;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:auto;max-width:calc(100vw - 24px);flex-direction:row;gap:5px;padding:5px;border-radius:15px}.page-section-nav a{flex-direction:row;gap:6px;min-height:42px;padding:9px 12px;font-size:12px;border-radius:10px}.page-section-nav a>span{writing-mode:horizontal-tb;letter-spacing:0}.page-section-nav svg{width:17px;height:17px}.page-section-nav a.active::after{left:calc(50% - 10px);top:auto;bottom:-3px;width:20px;height:3px}.app-shell{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}.records-account{flex-wrap:wrap;gap:8px}.records-back-top{min-height:32px;padding:6px 9px}}
@media(max-height:620px) and (min-width:901px){.page-section-nav a{min-height:82px;padding:8px 6px;gap:5px}.page-section-nav a>span{font-size:12px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.page-section-nav a,.records-back-top{transition:none}}