:root{color-scheme:dark;--bg:#1d2221;--frame:#272d2c;--panel:#303635;--panel-2:#343b3a;--deep:#202524;--line:#3d4543;--text:#f3f6f5;--muted:#a7b0ae;--green:#24e79a;--green-2:#13c981;--yellow:#d7c943;--blue:#24a8d0;--red:#ff615d;--shadow:0 20px 55px #0d111043}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,#303a37 0,#1d2221 45%);color:var(--text);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-shell{width:min(1240px,calc(100% - 24px));margin:0 auto;padding:12px 0 28px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#35efa5,#18b979);color:#123b2c;font-weight:950;box-shadow:0 9px 25px #14c6803c}.brand-mark span{opacity:.56}.brand b{display:block;font-size:18px;letter-spacing:.2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.4px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.balance-pill{height:46px;min-width:164px;padding:5px 13px 5px 8px;border:1px solid var(--line);border-radius:12px;background:#272d2c;display:flex;align-items:center;gap:9px}.coin{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--green);color:var(--green);font-size:10px;font-style:normal;font-weight:900;box-shadow:inset 0 0 0 2px #24e79a20}.balance-pill small{display:block;color:#8f9997;font-size:8px;letter-spacing:1.1px}.balance-pill b{display:block;font-size:14px;margin-top:2px}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#272d2c;cursor:pointer;color:#c6cecc}.icon-button:hover{background:#343b39;color:white}.game-frame{min-height:660px;display:grid;grid-template-columns:360px 1fr;overflow:hidden;border:1px solid #333a38;border-radius:14px;background:var(--frame);box-shadow:var(--shadow)}.bet-panel{padding:15px 11px;border-right:1px solid var(--line);background:#303635}.field-head{display:flex;align-items:center;gap:6px;margin:0 3px 8px;color:#b8c0be;font-size:12px;font-weight:700}.field-head span{color:var(--green)}.amount-control{height:42px;border:1px solid #3d4543;border-radius:9px;background:#272d2c;display:grid;grid-template-columns:29px minmax(0,1fr) 52px 52px 42px;align-items:center;overflow:hidden}.amount-control>.coin{margin-left:8px;width:20px;height:20px}.amount-control input{width:100%;min-width:0;border:0;background:transparent;color:#f3f6f5;font-weight:800;padding:0 8px}.amount-control button,.quick-row button{height:100%;border:0;border-left:1px solid #343b39;background:#2b3130;color:#a8b0ae;font-weight:800;cursor:pointer}.amount-control button:hover,.quick-row button:hover{background:#39413f;color:white}.stepper{height:42px;display:grid;grid-template-rows:1fr 1fr}.stepper button{height:auto;font-size:10px}.stepper button+button{border-top:1px solid #3c4442}.quick-row{height:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0 11px}.quick-row button{border:0;border-radius:7px;background:#343b3a;color:#9ea8a5;font-size:12px}.side-predictions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px}.prediction-button{min-height:51px;border:1px solid #414a48;border-radius:8px;background:#3a4140;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 10px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.prediction-button:hover:not(:disabled){transform:translateY(-1px);border-color:#5b6764;background:#414947}.prediction-button:disabled,.stage-choice:disabled{opacity:.38;cursor:not-allowed}.prediction-button .arrow{font-size:25px;font-weight:900}.prediction-button.higher .arrow{color:var(--yellow)}.prediction-button.lower .arrow{color:var(--blue)}.prediction-button.same{width:100%;margin-bottom:11px}.same-icon{color:#b6c0bd;font-size:19px}.prediction-button b{display:block;font-size:12px}.prediction-button small{display:block;color:#a4aeab;font-size:10px;margin-top:3px}.prediction-button i{font-style:normal}.primary-action,.cashout-action{width:100%;min-height:43px;border:0;border-radius:8px;font-weight:900;cursor:pointer}.primary-action{background:linear-gradient(180deg,#28eca0,#19d489);color:#082b1e;box-shadow:0 8px 25px #1dd58a24}.primary-action:hover{filter:brightness(1.06)}.primary-action:disabled,.cashout-action:disabled{opacity:.5;cursor:wait}.cashout-action{background:linear-gradient(180deg,#f0d450,#cbb529);color:#302a09;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.cashout-action[hidden]{display:none}.panel-note{min-height:34px;margin:10px 4px 0;text-align:center;color:#919b98;font-size:10px;line-height:1.5}.play-panel{min-width:0;display:grid;grid-template-rows:auto 288px auto minmax(126px,1fr) 50px;gap:0;padding:9px 16px 0}.result-strip{height:40px;border-radius:8px;background:#303735;display:grid;place-items:center;color:#b6bfbd;font-size:12px;letter-spacing:.1px}.result-strip.win{color:#43eca8;background:#203f34}.result-strip.loss{color:#ff817d;background:#452827}.result-strip.cash{color:#f4dc6b;background:#403a22}.game-stage{display:grid;grid-template-columns:1fr 176px 1fr;align-items:center;justify-items:center;gap:18px;padding-top:10px}.stage-choice{border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:170px}.choice-copy{text-align:center}.choice-copy b{display:block;color:#aeb6b4;font-size:14px}.choice-copy small{display:block;color:#7e8986;font-size:10px;margin-top:4px}.choice-copy i{font-style:normal}.triangle{position:relative;width:150px;height:112px;display:grid;place-items:center;filter:drop-shadow(0 8px 16px #0002)}.triangle:before,.triangle:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--yellow)}.triangle:after{inset:4px 5px 5px;background:#303635}.triangle.down{transform:rotate(180deg);--yellow:var(--blue)}.triangle i{position:relative;z-index:1;font-style:normal;font-size:17px;font-weight:900;color:#aeb4a6}.triangle.down i{transform:rotate(180deg);color:#9fc1ca}.stage-choice:hover:not(:disabled) .triangle{filter:drop-shadow(0 7px 14px #d7c94330)}.stage-low:hover:not(:disabled) .triangle{filter:drop-shadow(0 7px 14px #24a8d038)}.card-zone{display:flex;flex-direction:column;align-items:center;gap:8px}.playing-card{width:142px;height:208px;perspective:900px}.card-inner{position:relative;width:100%;height:100%;transition:transform .48s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.playing-card.is-back .card-inner{transform:rotateY(180deg)}.playing-card.is-revealing .card-inner{animation:cardReveal .56s cubic-bezier(.2,.7,.2,1)}.card-front,.card-back{position:absolute;inset:0;border:7px solid #f7f7f5;border-radius:11px;overflow:hidden;backface-visibility:hidden;box-shadow:0 12px 22px #0008}.card-front{background:linear-gradient(145deg,#fff,#ecefeb);color:#171b1a}.card-front.red{color:#ec4e4b}.card-back{transform:rotateY(180deg);display:grid;place-items:center;background:repeating-linear-gradient(135deg,#ef5550 0 22px,#f2645f 22px 44px);box-shadow:inset 0 0 0 3px #fff6,0 12px 22px #0008}.back-gem{width:62px;height:88px;border:3px solid white;border-radius:8px 22px 8px 22px;display:grid;place-items:center;color:white;font-size:32px;transform:rotate(45deg);text-shadow:0 2px 3px #a62424}.back-gem::first-letter{transform:rotate(-45deg)}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.9}.corner.top{top:10px;left:10px}.corner.bottom{right:10px;bottom:10px;transform:rotate(180deg)}.corner b{font-size:24px}.corner i{font-style:normal;font-size:17px}.center-suit{position:absolute;inset:0;display:grid;place-items:center;font-size:64px}.deck-count{font-size:9px;color:#818b88;display:flex;align-items:center;gap:5px}.deck-stack{width:18px;height:13px;border:1px solid #69716f;border-radius:2px;box-shadow:3px -3px 0 -1px #272d2c,3px -3px 0 0 #69716f}.profit-band{min-height:78px;border-radius:12px;background:#3a4140;padding:10px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profit-band>div{min-width:0;border-radius:8px;background:#303635;padding:8px 10px}.profit-band span{display:block;font-size:10px;color:#c2c9c7;margin-bottom:7px}.profit-band b{font-size:13px}.profit-band em{font-style:normal}.coin.small{display:inline-grid;width:17px;height:17px;font-size:7px;margin-right:3px}.history-panel{margin-top:15px;border-radius:9px 9px 0 0;background:#202524;overflow:hidden;min-height:115px}.history-panel header{height:36px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b3230}.history-panel header span{font-size:9px;color:#6f7b78;letter-spacing:1.2px;font-weight:900}.history-panel header b{font-size:9px;color:#8b9693;font-weight:600}.card-history{height:85px;padding:12px;display:flex;align-items:center;gap:8px;overflow-x:auto}.history-empty{color:#66716e;font-size:11px;margin:auto}.history-card{flex:0 0 auto;width:44px;height:59px;border:3px solid #f5f5f2;border-radius:5px;background:#fff;color:#171b1a;padding:4px;display:flex;flex-direction:column;justify-content:space-between;font-weight:900;box-shadow:0 5px 10px #0005}.history-card.red{color:#e44a46}.history-card.win{outline:2px solid #28dc95;outline-offset:2px}.history-card.loss{outline:2px solid #f35e5a;outline-offset:2px}.history-card small{align-self:flex-end;font-size:17px}.history-arrow{color:#56615e;font-size:12px}.game-footer{height:50px;margin:0 -16px;padding:0 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;color:#acb6b3}.game-footer button{border:0;background:transparent;color:#acb6b3;cursor:pointer;font-size:11px}.game-footer button:hover{color:white}.footer-stat{font-size:10px}.connection{margin-left:auto;font-size:9px}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:4px}.toast-stack{position:fixed;right:18px;top:18px;z-index:20;display:grid;gap:8px}.toast{max-width:330px;padding:12px 15px;border-radius:9px;background:#38413f;border-left:3px solid var(--green);box-shadow:0 12px 30px #0008;font-size:12px;animation:toastIn .2s ease}.toast.error{border-color:var(--red)}.modal{width:min(480px,calc(100% - 28px));border:1px solid #454e4c;border-radius:15px;background:#2c3331;color:var(--text);padding:25px;box-shadow:0 25px 80px #000b}.modal::backdrop{background:#101513c9;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#b6bfbd;font-size:25px;cursor:pointer}.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.6px;color:var(--green)}.modal h2{margin:7px 0 18px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #3d4543}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#8f9996;font-size:10px;margin-top:4px}.toggle-row input{accent-color:var(--green);width:38px;height:19px}.limits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.limits span{background:#232927;border-radius:8px;padding:11px;color:#8f9996;font-size:10px}.limits b{display:block;color:white;margin-top:5px}.fair-modal p{color:#a4aeab;font-size:12px;line-height:1.65}.fair-modal label{display:block;color:#8e9996;font-size:10px;margin-top:12px}.fair-modal code{display:block;margin-top:5px;padding:9px;border-radius:6px;background:#202624;color:#c9d0ce;font-size:9px;overflow-wrap:anywhere}.fair-modal>small{display:block;color:#71807c;line-height:1.6;margin-top:14px}@keyframes cardReveal{0%{transform:translateY(0) rotateY(0)}45%{transform:translateY(-10px) rotateY(90deg)}55%{transform:translateY(-10px) rotateY(90deg)}100%{transform:translateY(0) rotateY(0)}}@keyframes toastIn{from{opacity:0;transform:translateX(12px)}}
body.reduced-motion *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
@media(max-width:900px){.game-frame{grid-template-columns:310px 1fr}.game-stage{grid-template-columns:1fr 145px 1fr;gap:5px}.stage-choice{min-width:125px}.triangle{width:118px;height:90px}.playing-card{width:126px;height:185px}}
@media(max-width:720px){.app-shell{width:100%;padding-top:0}.topbar{position:sticky;top:0;z-index:12;padding:7px 12px;height:60px;background:#1d2422eF;border-bottom:1px solid #303735;backdrop-filter:blur(10px)}.brand small{display:none}.balance-pill{min-width:135px}.icon-button{width:38px;height:38px}.game-frame{display:flex;flex-direction:column;border-radius:0;border-left:0;border-right:0}.play-panel{order:1;padding:8px 10px 0;grid-template-rows:auto 260px auto minmax(115px,1fr) 46px}.bet-panel{order:2;border:0;border-top:1px solid var(--line);padding:12px}.game-stage{grid-template-columns:1fr 132px 1fr;gap:2px}.stage-choice{min-width:92px}.choice-copy b{font-size:10px}.choice-copy small{font-size:8px}.triangle{width:92px;height:72px}.playing-card{width:116px;height:171px}.profit-band{min-height:71px;padding:7px}.profit-band>div{padding:7px}.history-panel{margin-top:9px}.game-footer{height:46px;margin:0 -10px;padding:0 12px;gap:12px}.footer-stat:nth-of-type(2){display:none}.bet-panel .panel-note{min-height:16px}.side-predictions{margin-top:4px}.can-cashout .cashout-action{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:14;width:calc(100% - 24px);box-shadow:0 9px 30px #000b}}
@media(max-width:430px){.top-actions .icon-button:first-of-type{display:none}.brand-mark{width:36px;height:36px}.balance-pill{min-width:125px;height:40px}.game-stage{grid-template-columns:1fr 118px 1fr}.playing-card{width:104px;height:154px}.triangle{width:74px;height:62px}.triangle i{font-size:12px}.stage-choice{min-width:70px}.profit-band span{font-size:8px}.profit-band b{font-size:11px}.game-footer{gap:8px}.connection{display:none}.amount-control{grid-template-columns:27px minmax(0,1fr) 48px 48px 38px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
