/* SmilhY Dice v5: standalone premium Dice UI. Other screens unchanged. */
#dice-screen{max-width:none;padding:0!important;background:transparent!important}#dice-screen .dice-legacy{display:none!important}
#dice-screen .dicepro{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f8ff;--dp-line:#263448;--dp-ink:#a3aec2;--dp-green:#34efab;--dp-dark:#111920;--dp-violet:#a68cf8;position:relative;width:100%;padding:8px 0 25px;isolation:isolate}
.dicepro button,.dicepro input{font:inherit}.dicepro button{transition:transform .18s,background .18s,border-color .18s,filter .18s}.dicepro button:hover:not(:disabled){filter:brightness(1.14)}.dicepro button:active:not(:disabled){transform:scale(.985)}.dicepro button:focus-visible,.dicepro input:focus-visible{outline:2px solid #75ffe0;outline-offset:2px}
.dp-pagebar{display:flex;align-items:center;gap:15px;min-height:44px;padding:0 3px 12px;font-size:12px}.dp-back,.dp-fair-link{color:#aebdd3;background:#0d1827;border:1px solid #253b4e;border-radius:9px;padding:9px 12px}.dp-fair-link{margin-left:auto}.dp-live{font-size:11px;letter-spacing:.1em;font-weight:800;color:#b8ceea}.dp-live i,.dp-active-dot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30e9a7;box-shadow:0 0 12px #35fab9;margin-right:5px}.dp-live b{font-size:10px;border:1px solid #3d645e;border-radius:6px;color:#4af6b1;padding:3px 6px}
.dp-grid{display:grid;grid-template-columns:minmax(242px,29%) minmax(0,1fr) minmax(190px,23%);gap:14px;align-items:stretch}.dp-card{min-width:0;background:linear-gradient(148deg,rgba(27,36,46,.95),rgba(12,18,28,.96));border:1px solid rgba(140,163,187,.16);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff12,0 12px 42px #01050a5e;backdrop-filter:blur(14px)}.dp-controls{padding:20px 18px;display:flex;flex-direction:column;gap:15px}.dp-intro h1{margin:8px 0 4px;font-size:clamp(21px,2vw,31px);line-height:1;letter-spacing:-.055em}.dp-intro em{color:#47f5b1;font-style:normal}.dp-intro p{margin:0;color:var(--dp-ink);font-size:11px}.dp-chip{font-size:9px;letter-spacing:.13em;color:#91dce1;font-weight:800}.dp-segment{display:flex;gap:3px;padding:4px;border-radius:9px;background:#0e121a;box-shadow:inset 0 0 0 1px #ffffff0d}.dp-segment>button{background:transparent;border:1px solid transparent;color:#9caabd;font-size:11px;font-weight:800;letter-spacing:.02em;padding:11px 5px;border-radius:7px;flex:1;white-space:nowrap}.dp-segment>button.selected{color:#efffff;background:linear-gradient(110deg,#1c3a39,#153128);border-color:#32e9a4;box-shadow:0 0 13px #2be6a01f}.dp-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;letter-spacing:.055em;font-weight:800;color:#b8c4d6}.dp-row strong{color:#fff}.dp-row>label:last-child{text-align:right}.dp-controls input[type=range]{width:100%;accent-color:#3cf4ab;cursor:pointer}.dp-stake-title{margin-top:0}.dp-stake{display:flex;align-items:stretch;gap:4px;background:#111820;border:1px solid #3b4755;border-radius:9px;padding:5px}.dp-stake button{width:37px;flex-shrink:0;border:0;border-radius:7px;background:#303b48;color:#f1f9ff;font-size:19px}.dp-stake>div{min-width:0;flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center}.dp-stake input{width:100%;min-width:0;text-align:center;background:transparent;border:0;color:#fff;font-size:20px;font-weight:750;outline:0;appearance:textfield}.dp-stake input::-webkit-inner-spin-button{appearance:none}.dp-stake small{font-size:9px;color:#94a5bb}.dp-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dp-quick button{padding:8px 0;border:1px solid #354557;background:#1d2936;color:#b8c6d6;border-radius:7px;font-size:10px;font-weight:800}.dp-outcome{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #28323a;font-size:10px;color:#a9bbcb;letter-spacing:.05em}.dp-outcome strong{font-size:12px;color:#44f3a6}.dp-gradient{width:100%;border:0;border-radius:10px;color:#101922;background:linear-gradient(100deg,#70ecd3,#e1ee8a 40%,#ffa7a5 75%,#b895ff);padding:14px 12px;box-shadow:0 9px 26px #59e7c321,0 1px 0 #ffffff8c inset;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.dp-gradient strong{font-size:15px;font-weight:950;letter-spacing:.055em}.dp-gradient small{width:100%;font-size:10px;color:#273543}.dp-secondary{display:grid;grid-template-columns:1.4fr 1fr;gap:7px}.dp-secondary button,.dp-side-info button{font-size:11px;font-weight:750;color:#e1eff3;border:1px solid #30465b;border-radius:8px;background:#1a2a38;min-height:37px}.dp-disclaimer{color:#8291a8;font-size:10px;line-height:1.5;margin:0}.dp-wallet-warning{padding:12px;background:#392436;border:1px solid #884d75;border-radius:9px;font-size:11px;color:#f5d8e1}
.dp-stage{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:550px;background:radial-gradient(ellipse at 50% 53%,#143d302f,#0d141d 51%,#0b121a);padding:18px}.dp-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 80%,#26eaa710,transparent 58%),repeating-linear-gradient(0deg,transparent 0 38px,#ffffff04 39px 40px);mask-image:linear-gradient(180deg,transparent,black 20%,black 84%,transparent)}.dp-stage-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:11px;font-weight:850;letter-spacing:.05em}.dp-stage-head-right{display:flex;gap:6px;align-items:center}.dp-house-edge{font-size:9px;color:#8293ab}.dp-badge{font-size:9px;color:#64f3c2;border:1px solid #287956;border-radius:6px;padding:4px 5px}.dp-scene{flex:1;min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.dp-die{position:relative;z-index:2;width:99px;height:99px;border-radius:25px;border:1px solid #9affe9;box-shadow:0 0 0 6px #6dffd00d,0 10px 22px #0008,0 0 45px #5ff2c34b;background:linear-gradient(145deg,#294b45,#081c1b 58%,#09141b);transform:perspective(500px) rotateX(18deg) rotateY(-18deg) rotateZ(-15deg);animation:dpFloat 4.1s ease-in-out infinite;will-change:transform}.dp-die::before{content:"";position:absolute;inset:8px;border:1px solid #92ffdb30;border-radius:17px}.dp-pip{position:absolute;width:15px;height:15px;border-radius:50%;background:#55ffc4;box-shadow:0 0 12px #33ffaaaa,inset -3px -3px 3px #14865f}.dp-pip.p1{top:18%;left:18%}.dp-pip.p2{top:18%;right:18%}.dp-pip.p3{top:43%;left:43%}.dp-pip.p4{bottom:16%;left:18%}.dp-pip.p5{bottom:16%;right:18%}.dp-orbit{position:absolute;top:33%;width:250px;height:120px;border:1px solid #19b48832;border-radius:50%;transform:rotate(-17deg)}.dp-o2{width:300px;height:160px;opacity:.36;transform:rotate(16deg)}.dp-glow-floor{position:absolute;top:70%;height:70px;width:75%;border-radius:50%;background:radial-gradient(ellipse,#39ffa42a,transparent 70%);filter:blur(6px)}.dp-result{z-index:3;position:relative;margin-top:42px;color:#e7f6f6;font-size:clamp(42px,5.2vw,84px);letter-spacing:.1em;line-height:1.15;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #7afed02a}.dp-result.win{color:#58ffc2;text-shadow:0 0 24px #21f7af70}.dp-result.lose{color:#ff7287;text-shadow:0 0 24px #ff54734d}.dp-result-message{font-size:12px;color:#aeb7c7;z-index:2;margin-top:9px}.dp-scene.rolling .dp-die{animation:dpRoll .44s linear infinite}.dp-scale-bar{height:11px;background:#26323c;border-radius:8px;position:relative;overflow:visible;border:1px solid #ffffff27}.dp-scale-bar span{position:absolute;left:0;top:0;bottom:0;width:49.5%;background:linear-gradient(90deg,#26caff,#38ffc3);border-radius:8px}.dp-scale-bar i{position:absolute;top:-5px;width:4px;height:21px;background:#fff;border-radius:3px;box-shadow:0 0 9px white}.dp-scale-nums{display:flex;justify-content:space-between;color:#71819b;font-size:9px;margin-top:7px}.dp-session{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-top:1px solid #24333b;margin-top:20px;padding-top:15px}.dp-session>div{display:flex;flex-direction:column;gap:5px}.dp-session span{font-size:9px;color:#9cacc3}.dp-session strong{font-size:clamp(11px,1.2vw,17px);font-variant-numeric:tabular-nums}.dp-session strong.win{color:#48f5b3}.dp-session strong.lose{color:#ff6d83}
.dp-side{display:flex;flex-direction:column;gap:13px}.dp-side .dp-card{padding:15px}.dp-side h3{font-size:13px;margin:0 0 10px}.dp-side-info h3 span{color:#40efb5}.dp-side-info p,.dp-side-tip p{color:#94a4bb;font-size:11px;line-height:1.6}.dp-active-dot{font-size:10px;color:#61f2b8;margin:15px 0}.dp-side-info button{width:100%}.dp-side-feed{flex:1}.dp-side-feed .dp-win-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #263447;font-size:10px}.dp-win-row b{color:#49f7ad;font-variant-numeric:tabular-nums}.dp-side-tip{display:flex;gap:10px;align-items:flex-start}.dp-side-tip>span{color:#4af8b3;font-size:24px}.dp-side-tip b{font-size:11px}.dp-side-tip p{margin:5px 0 0;font-size:10px}.dp-empty{font-size:11px;color:#91a4bb;padding:16px 0}
.dp-history{grid-column:1/3;padding:18px;min-height:245px}.dp-history-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.dp-history-tabs{max-width:550px;width:100%}.dp-history-tabs button{padding:10px}.dp-history-top>span{color:#92a6b6;font-size:10px;text-align:right}.dp-history-scroll{overflow-x:auto}.dp-history table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:520px;font-variant-numeric:tabular-nums}.dp-history thead{color:#8ca0b6;font-size:9px;letter-spacing:.07em}.dp-history th{font-weight:700;padding:7px 9px 12px}.dp-history td{padding:12px 9px;color:#d5e0ec;border-bottom:1px solid #243141}.dp-history tbody tr:nth-child(odd){background:#ffffff06}.dp-history td.pos{color:#46ecad}.dp-history td.neg{color:#ff7385}
.dp-shade{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:15px;overflow:auto}.dp-auto-backdrop{position:fixed;inset:0;background:#01040dce;backdrop-filter:blur(7px)}.dp-auto-modal,.dp-fair-modal{z-index:1;width:min(420px,100%);padding:23px;max-height:calc(100dvh - 30px);overflow:auto;background:linear-gradient(140deg,#242529,#111c24);border:1px solid #456471;box-shadow:0 25px 80px #000b,0 0 30px #32e8a112}.dp-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dp-modal-head h2{font-size:14px;letter-spacing:.06em;margin:0}.dp-modal-head button{font-size:18px;background:#263640;border:1px solid #455968;border-radius:8px;color:#fff;width:38px;height:38px}.dp-auto-modal>label,.dp-fair-modal>label{display:block;font-size:10px;letter-spacing:.075em;font-weight:900;margin:16px 0 10px}.dp-number{display:flex;align-items:center;gap:5px;border-radius:9px;border:1px solid #55616b;background:#1c242c;padding:6px}.dp-number input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:white;font-size:15px;font-weight:800;padding:8px}.dp-number>button{border:0;background:#34404a;color:#fff;border-radius:6px;width:34px;height:34px;font-size:18px}.dp-percent{margin-top:8px}.dp-percent span{margin-right:8px;font-weight:800;color:#bdcedd}.dp-hint{font-size:10px;color:#9aadc0;line-height:1.5}.dp-autostop{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dp-autostop label{font-size:10px;color:#b6c4d5}.dp-autostop input{width:100%;margin-top:7px;padding:10px;background:#19232d;border:1px solid #495768;border-radius:8px;color:#fff}.dp-auto-modal .dp-gradient{margin-top:17px}.dp-fair-modal{width:min(570px,100%)}.dp-fair-modal p{font-size:12px;color:#b6c6d4;line-height:1.6}.dp-fair-modal input{display:block;width:100%;padding:12px;margin-top:7px;background:#121d29;border:1px solid #405565;border-radius:8px;color:#fff;font-size:12px}.dp-fair-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#bfd5d8;margin:16px 0}.dp-reveal{border-top:1px solid #39515c;margin-top:16px;padding-top:11px}.dp-reveal h3{font-size:12px}.dp-reveal code{display:block;word-break:break-all;font-size:11px;color:#45dcae}.dp-reveal button{background:#1a3741;border:1px solid #356b66;padding:12px;color:#a4ffdb;border-radius:8px;margin-top:13px}.dp-toast{position:fixed;z-index:350;left:50%;bottom:20px;transform:translateX(-50%);max-width:min(600px,90vw);background:#172a30;border:1px solid #48b99f;box-shadow:0 12px 38px #000b;color:#dcfff1;border-radius:10px;font-size:12px;padding:12px 20px;text-align:center}
@keyframes dpFloat{0%,100%{transform:perspective(500px) rotateX(18deg) rotateY(-18deg) rotateZ(-15deg) translateY(0)}50%{transform:perspective(500px) rotateX(22deg) rotateY(-23deg) rotateZ(-13deg) translateY(-15px)}}@keyframes dpRoll{from{transform:rotateX(0) rotateY(0) rotateZ(0)}to{transform:rotateX(360deg) rotateY(540deg) rotateZ(360deg)}}
@media(max-width:1160px){.dp-grid{grid-template-columns:minmax(210px,33%) 1fr}.dp-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.dp-stage{min-height:510px}.dp-history{grid-column:1/-1}}@media(max-width:760px){.dp-grid{grid-template-columns:1fr}.dp-controls,.dp-stage,.dp-history,.dp-side{grid-column:1}.dp-controls{order:2}.dp-stage{order:1;min-height:440px}.dp-history{order:3}.dp-side{order:4;display:grid;grid-template-columns:1fr 1fr}.dp-side-tip{grid-column:1/-1}.dp-pagebar{flex-wrap:wrap}.dp-controls{gap:12px}.dp-stage{padding:14px}.dp-history{padding:12px}.dp-stage .dp-scene{min-height:270px}.dp-result{margin-top:32px}}@media(max-width:480px){.dp-pagebar{gap:7px;font-size:10px}.dp-fair-link{font-size:10px}.dp-stage{min-height:390px}.dp-stage-head{flex-wrap:wrap}.dp-session{grid-template-columns:repeat(2,1fr);gap:14px}.dp-side{grid-template-columns:1fr}.dp-side-tip{grid-column:1}.dp-history-top{flex-direction:column;align-items:stretch}.dp-history-top>span{text-align:left}.dp-stage .dp-scene{min-height:235px}.dp-die{width:85px;height:85px}.dp-result{font-size:46px}.dp-auto-modal{padding:17px}.dp-autostop{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dp-die{animation:none!important}.dp-scene.rolling .dp-die{animation:none!important}.dicepro *{transition:none!important}}

/* =====================================================================
   SmilhY Dice v5.1 — COSMIC GLASS PREMIUM DESIGN
   Scoped ONLY to Dice. Real Supabase logic remains in dice-pro.js.
   Reference: approved neon/navy/mint/cosmic design.
   ===================================================================== */
#dice-screen .dicepro {
  --dp-line:rgba(112,134,247,.39);
  --dp-ink:#aebee9;
  --dp-green:#24efb5;
  --dp-violet:#9270ff;
  color:#f4f7ff;
  width:100%; padding:12px 0 27px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
#dice-screen .dicepro *,#dice-screen .dicepro *::before,#dice-screen .dicepro *::after {box-sizing:border-box}
#dice-screen .dp-pagebar {min-height:54px; padding:0 0 17px; gap:14px; font-size:13px; color:#dae7ff}
#dice-screen .dp-back,#dice-screen .dp-fair-link {
  min-height:39px; border:1px solid rgba(113,148,245,.38); border-radius:12px;
  background:linear-gradient(150deg,rgba(22,42,91,.65),rgba(7,19,48,.82));
  color:#dceaff; padding:9px 16px; box-shadow:inset 0 1px rgba(255,255,255,.1),0 6px 18px #0002;
  font-size:12px;font-weight:680;letter-spacing:0;
}
#dice-screen .dp-fair-link {margin-left:auto}
#dice-screen .dp-back:hover,#dice-screen .dp-fair-link:hover {border-color:rgba(123,239,254,.68)}
#dice-screen .dp-live {font-size:15px;letter-spacing:-.015em;display:flex;align-items:center;gap:9px;color:#f9faff}
#dice-screen .dp-live::before {content:"🎲";font-size:19px;filter:drop-shadow(0 0 6px #8064ff)}
#dice-screen .dp-live i {display:none}
#dice-screen .dp-live b,#dice-screen .dp-badge {color:#40ffc2;border:1px solid #12dcb2;background:rgba(0,50,59,.57);font-size:10px;letter-spacing:.035em;padding:6px 10px;border-radius:7px}
#dice-screen .dp-grid {grid-template-columns:minmax(260px,28%) minmax(0,1fr) minmax(245px,25%);gap:14px;align-items:stretch}
#dice-screen .dp-card {
  background:
    linear-gradient(125deg,rgba(255,255,255,.048),transparent 36%),
    radial-gradient(ellipse at 100% 0%,rgba(96,54,232,.18),transparent 64%),
    linear-gradient(157deg,rgba(14,34,85,.9),rgba(7,18,49,.95) 65%,rgba(8,20,51,.96));
  border:1px solid rgba(107,123,242,.60);border-radius:15px;
  box-shadow:inset 0 1px 0 rgba(236,243,255,.18),inset 0 0 22px rgba(50,80,212,.09),0 9px 27px rgba(1,6,37,.23),0 0 17px rgba(83,86,241,.105);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
#dice-screen .dp-controls {padding:23px 21px 20px;gap:16px;position:relative;overflow:hidden}
#dice-screen .dp-controls:before{content:"";position:absolute;pointer-events:none;inset:0 0 auto 0;height:50px;background:linear-gradient(180deg,rgba(65,131,255,.08),transparent)}
#dice-screen .dp-intro {position:relative;padding-right:50px}
#dice-screen .dp-intro:after {content:"🎲";position:absolute;right:2px;top:8px;font-size:37px;transform:rotate(-13deg);filter:drop-shadow(0 0 10px #7344ff)}
#dice-screen .dp-chip {color:#b4d5ff;letter-spacing:.105em;font-size:10px}
#dice-screen .dp-intro h1 {font-size:clamp(23px,2.0vw,32px);line-height:1.12;letter-spacing:-.05em;margin:9px 0 7px;font-weight:850}
#dice-screen .dp-intro em {color:#33eeb9}
#dice-screen .dp-intro p {font-size:12px;color:#bac8eb;line-height:1.5}
#dice-screen .dp-segment {background:linear-gradient(180deg,rgba(5,13,38,.83),rgba(6,13,33,.63));border:1px solid rgba(67,98,173,.42);padding:4px;gap:5px;border-radius:9px;box-shadow:inset 0 1px 4px rgba(0,0,0,.3)}
#dice-screen .dp-segment>button {font-size:11.5px;letter-spacing:0;font-weight:780;padding:11px 8px;border-radius:7px;color:#b4c3e8;min-height:40px}
#dice-screen .dp-segment>button.selected {color:#effffa;background:linear-gradient(125deg,rgba(10,81,89,.8),rgba(6,56,68,.9));border:1px solid #19eec3;box-shadow:0 0 0 1px #14dab015 inset,0 4px 17px #04c4b527}
#dice-screen .dp-row {font-size:11px;letter-spacing:.015em;font-weight:660;color:#b6c9f3}
#dice-screen .dp-row strong {display:inline-block;color:#f9fbff;font-size:16px;margin-left:4px;letter-spacing:-.035em}
#dice-screen .dp-controls input[type=range] {accent-color:#37f5c5;height:14px;cursor:pointer;margin:2px 0 5px}
#dice-screen .dp-stake-title {margin-top:1px}
#dice-screen .dp-stake {border:1px solid rgba(104,142,220,.58);background:linear-gradient(180deg,rgba(11,29,65,.86),rgba(8,19,47,.96));box-shadow:inset 0 1px rgba(255,255,255,.065);padding:5px;border-radius:9px;min-height:54px}
#dice-screen .dp-stake button {background:linear-gradient(155deg,#273d70,#1c335c);color:#e9f2ff;border:1px solid #4966a1;border-radius:7px;width:38px;font-size:22px}
#dice-screen .dp-stake input {font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}
#dice-screen .dp-stake small {font-size:9px;color:#91a8d5;letter-spacing:.05em}
#dice-screen .dp-quick {gap:7px}
#dice-screen .dp-quick button,#dice-screen .dp-secondary button {background:linear-gradient(160deg,rgba(34,63,126,.74),rgba(15,37,87,.95));border:1px solid rgba(92,130,223,.51);color:#eff4ff;border-radius:7px;font-size:11px;font-weight:770;min-height:35px;box-shadow:inset 0 1px 0 #fff1}
#dice-screen .dp-secondary button {min-height:43px;font-size:11.5px}
#dice-screen .dp-outcome {font-size:11px;border-top:1px solid rgba(99,133,216,.30);padding:13px 0 0;letter-spacing:.01em}
#dice-screen .dp-outcome strong {color:#24f7b6;font-size:14px}
#dice-screen .dp-gradient {min-height:70px;border-radius:11px;background:linear-gradient(102deg,#56e9dc 1%,#b7f19d 35%,#fee0a0 55%,#f89ecc 79%,#b080ff 100%);box-shadow:inset 0 1px 0 #fff9,0 0 24px #4fead04a,0 9px 30px #183bd643;color:#0b1840;padding:12px}
#dice-screen .dp-gradient strong {font-size:16px;font-weight:900;letter-spacing:.03em}
#dice-screen .dp-gradient small {font-size:11px;color:#1b3055}
#dice-screen .dp-disclaimer {font-size:10px;color:#859bc7;line-height:1.55}
#dice-screen .dp-stage {min-height:552px;padding:20px;isolation:isolate;background:linear-gradient(180deg,rgba(6,15,49,.66),rgba(4,12,43,.93)),radial-gradient(ellipse at 50% 42%,rgba(62,56,201,.27),transparent 65%);overflow:hidden}
#dice-screen .dp-stage:before {content:"";position:absolute;inset:0;pointer-events:none;opacity:1;mask-image:none;background:
  radial-gradient(1px 1px at 12% 15%,#b8b4ff 97%,transparent),
  radial-gradient(2px 2px at 32% 22%,#33a7ff 97%,transparent),
  radial-gradient(1px 1px at 74% 11%,#e9a1ff 97%,transparent),
  radial-gradient(1.5px 1.5px at 88% 37%,#b0b1ff 97%,transparent),
  radial-gradient(1px 1px at 24% 63%,#34deff 97%,transparent),
  radial-gradient(1px 1px at 77% 76%,#aa67ff 97%,transparent),
  radial-gradient(ellipse at 50% 41%,rgba(115,44,240,.34),transparent 62%),
  radial-gradient(ellipse at 42% 55%,rgba(3,86,230,.28),transparent 75%);
}
#dice-screen .dp-stage:after {content:"";z-index:0;position:absolute;inset:15% -12% 26%;background:radial-gradient(ellipse at center,rgba(42,29,183,.37),transparent 68%);filter:blur(30px);pointer-events:none}
#dice-screen .dp-stage-head {z-index:2;letter-spacing:.025em;font-size:12px;color:#f1f5ff}
#dice-screen .dp-house-edge {font-size:10px;color:#a7bbeb}
#dice-screen .dp-scene {z-index:1;min-height:320px;justify-content:flex-start;padding-top:8px}
#dice-screen .dp-scene-art {display:block;position:relative;z-index:2;width:min(100%,560px);height:auto;max-height:230px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 21px rgba(104,42,246,.36));animation:dp-art-hover 5s ease-in-out infinite;pointer-events:none;user-select:none}
#dice-screen .dp-die {display:none}
#dice-screen .dp-orbit {top:21%;width:58%;height:125px;border-color:rgba(29,128,255,.26);box-shadow:0 0 15px #3158ff16}
#dice-screen .dp-o2 {top:23%;width:68%;height:160px;border-color:rgba(183,55,255,.23)}
#dice-screen .dp-glow-floor {top:63%;background:radial-gradient(ellipse,rgba(4,227,244,.26),rgba(72,26,217,.07) 45%,transparent 70%);filter:blur(18px);width:90%}
#dice-screen .dp-result {font-family:Inter,ui-sans-serif,system-ui,sans-serif;z-index:3;font-size:clamp(49px,5.6vw,85px);font-weight:920;line-height:1.05;letter-spacing:.045em;margin-top:-6px;color:#d6e8ff;text-shadow:0 0 26px #469cfb53;font-variant-numeric:tabular-nums}
#dice-screen .dp-result.lose {color:#ff6b92;text-shadow:0 0 23px rgba(255,65,120,.52)}
#dice-screen .dp-result.win {color:#38f4c4;text-shadow:0 0 23px #30ffd27a}
#dice-screen .dp-result-message {font-size:12px;margin-top:8px;color:#b4c9f2;z-index:3;min-height:18px}
#dice-screen .dp-scale-bar {height:10px;background:#112443;border:1px solid rgba(126,173,247,.43);box-shadow:inset 0 1px 3px #0008;border-radius:30px}
#dice-screen .dp-scale-bar span {background:linear-gradient(90deg,#1fc8ff,#42f4c4);box-shadow:0 0 17px #25eae536;border-radius:30px}
#dice-screen .dp-scale-bar i {background:#fff;box-shadow:0 0 10px 3px #94d2ffb8}
#dice-screen .dp-scale-nums {font-size:10px;color:#9bb0dc;margin-top:10px}
#dice-screen .dp-session {gap:5px;border-top-color:rgba(92,133,234,.41);margin-top:19px;padding-top:17px}
#dice-screen .dp-session>div {gap:8px;padding-left:11px;border-left:1px solid rgba(89,128,221,.23)}
#dice-screen .dp-session>div:first-child {border-left:0;padding-left:0}
#dice-screen .dp-session span {color:#9bb0d7;font-size:10px;letter-spacing:.015em}
#dice-screen .dp-session strong {font-size:clamp(12px,1.15vw,17px);font-weight:850}
#dice-screen .dp-side {gap:13px}
#dice-screen .dp-side .dp-card {padding:17px}
#dice-screen .dp-side-info {position:relative}
#dice-screen .dp-side-info:after {content:'DEMO';position:absolute;top:16px;right:14px;color:#d6caff;border:1px solid #795ad2;background:#33205d86;border-radius:6px;font-size:10px;padding:5px 9px;letter-spacing:.025em;font-weight:760}
#dice-screen .dp-side h3 {font-size:15px;line-height:1.3;font-weight:850;margin-bottom:9px;color:#f4f7ff}
#dice-screen .dp-side-info h3 {padding-right:60px}
#dice-screen .dp-side-info p,#dice-screen .dp-side-tip p {font-size:11px;color:#adc0e9;line-height:1.6;margin:8px 0}
#dice-screen .dp-active-dot {margin:14px 0 12px;color:#4cf7b9;font-size:11px}
#dice-screen .dp-side-info button {background:linear-gradient(115deg,#213f81,#1a2b66);border:1px solid rgba(92,133,241,.7);min-height:42px;border-radius:9px;font-size:11px;color:#f0f7ff;box-shadow:inset 0 1px #ffffff1a}
#dice-screen .dp-side-feed {min-height:245px}
#dice-screen .dp-side-feed h3 {margin-bottom:12px}
#dice-screen .dp-side-feed .dp-win-row {gap:9px;justify-content:flex-start;padding:10px 0;min-height:59px;border-bottom:1px solid rgba(104,137,236,.19)}
#dice-screen .dp-win-avatar {width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#58a7ff,#ff7191);border:2px solid rgba(167,203,255,.47);box-shadow:0 2px 12px #0005;font-size:12px;font-weight:850;color:white}
#dice-screen .dp-win-avatar-1{background:linear-gradient(135deg,#22a2f8,#474fe9)}
#dice-screen .dp-win-avatar-2{background:linear-gradient(135deg,#ffaa6f,#eb4f96)}
#dice-screen .dp-win-avatar-3{background:linear-gradient(135deg,#6d54e8,#30cacf)}
#dice-screen .dp-win-user {display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;line-height:1.2}
#dice-screen .dp-win-user strong {color:#eff4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#dice-screen .dp-win-user small {color:#809acc;font-size:9px}
#dice-screen .dp-win-amount {display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;white-space:nowrap}
#dice-screen .dp-win-amount b {color:#39ecb7;font-size:10px}
#dice-screen .dp-win-amount small {color:#8498c7;font-size:9px}
#dice-screen .dp-side-tip {border-color:rgba(94,125,240,.58);align-items:center}
#dice-screen .dp-side-tip>span {font-size:28px;color:#19f1c9;filter:drop-shadow(0 0 8px #29e0cb8a)}
#dice-screen .dp-side-tip b {font-size:12px;color:#f4fbff}
#dice-screen .dp-history {grid-column:1/3;padding:15px 18px 18px;min-height:0;align-self:start;box-shadow:inset 0 1px #ffffff25,0 13px 38px #0308204f}
#dice-screen .dp-history-top {margin-bottom:12px;gap:12px}
#dice-screen .dp-history-tabs {max-width:575px}
#dice-screen .dp-history-top>span {color:#96aedb;font-size:10px}
#dice-screen .dp-history-scroll {max-height:430px;overflow:auto;border:1px solid rgba(87,117,202,.34);border-radius:9px;scrollbar-width:thin;scrollbar-color:#7b80df #0d1b44;overscroll-behavior:contain}
#dice-screen .dp-history table {border-collapse:separate;border-spacing:0;width:100%;min-width:565px;font-size:11px;font-variant-numeric:tabular-nums}
#dice-screen .dp-history thead {font-size:10px;color:#a6bcef;letter-spacing:.025em;background:#142c64}
#dice-screen .dp-history thead th {position:sticky;top:0;z-index:2;background:#183061;font-weight:800;height:36px;padding:9px 12px;box-shadow:0 1px 0 #5c75e04a}
#dice-screen .dp-history tbody tr {height:39px}
#dice-screen .dp-history tbody tr:nth-child(odd) {background:rgba(36,60,120,.25)}
#dice-screen .dp-history tbody tr:nth-child(even) {background:rgba(9,22,56,.53)}
#dice-screen .dp-history tbody tr:hover {background:rgba(61,89,177,.35)}
#dice-screen .dp-history td {padding:10px 12px;color:#e1e9ff;border-bottom:1px solid rgba(102,135,208,.08);white-space:nowrap}
#dice-screen .dp-history td.pos {color:#3df7bc;font-weight:800}
#dice-screen .dp-history td.neg {color:#ff658b;font-weight:800}
#dice-screen .dp-auto-modal,#dice-screen .dp-fair-modal {background:linear-gradient(143deg,rgba(23,35,84,.985),rgba(9,18,51,.99));border:1px solid rgba(139,124,252,.69);box-shadow:inset 0 1px 0 #ffffff24,0 0 44px #634cff27,0 25px 100px #010312d9;backdrop-filter:blur(25px);border-radius:16px}
#dice-screen .dp-modal-head h2 {font-size:17px;letter-spacing:0;color:#f1f4ff}
#dice-screen .dp-number,#dice-screen .dp-autostop input,#dice-screen .dp-fair-modal input {background:#0d1a42;border-color:#4463a5;color:#f5f8ff}
#dice-screen .dp-modal-head button,#dice-screen .dp-number>button {background:#273d78;border-color:#5264a2}
#dice-screen .dp-fair-modal .dp-reveal button {background:#1b3a6f;border-color:#3c8fac}
@keyframes dp-art-hover {0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
#dice-screen .dp-scene.rolling .dp-scene-art {animation:dp-art-roll .42s ease-in-out infinite alternate;filter:brightness(1.22) saturate(1.28) drop-shadow(0 0 30px #a23fff9e)}
@keyframes dp-art-roll {from{transform:translateY(-4px) rotate(-5deg) scale(1.02)}to{transform:translateY(2px) rotate(5deg) scale(1.06)}}
@media(min-width:1200px){#dice-screen .dp-grid {grid-template-columns:minmax(278px,28%) minmax(0,1fr) minmax(245px,25%)}}
@media(max-width:1199px){#dice-screen .dp-grid {grid-template-columns:minmax(252px,36%) minmax(0,1fr)}#dice-screen .dp-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#dice-screen .dp-history{grid-column:1/-1}#dice-screen .dp-stage{min-height:530px}}
@media(max-width:760px){#dice-screen .dp-grid {grid-template-columns:minmax(0,1fr)}#dice-screen .dp-stage{order:1;min-height:430px}#dice-screen .dp-controls{order:2}#dice-screen .dp-history{order:3}#dice-screen .dp-side{order:4;grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}#dice-screen .dp-side-tip{grid-column:1/-1}#dice-screen .dp-scene-art {max-width:480px;max-height:205px}#dice-screen .dp-scene{min-height:275px}#dice-screen .dp-history-scroll{max-height:427px}#dice-screen .dp-result {font-size:clamp(46px,11vw,76px)}}
@media(max-width:560px){#dice-screen .dicepro{padding-top:5px}#dice-screen .dp-pagebar{gap:8px;align-items:center}#dice-screen .dp-pagebar .dp-back {padding:9px}#dice-screen .dp-live{font-size:12px;gap:4px}#dice-screen .dp-live::before{font-size:15px}#dice-screen .dp-fair-link{font-size:9px;padding:8px}#dice-screen .dp-grid{gap:12px}#dice-screen .dp-controls{padding:20px 16px}#dice-screen .dp-stage{padding:15px;min-height:395px}#dice-screen .dp-stage-head{font-size:10px}#dice-screen .dp-house-edge{font-size:8px}#dice-screen .dp-scene{min-height:240px}#dice-screen .dp-scene-art{max-width:100%;max-height:162px}#dice-screen .dp-result{font-size:53px;margin-top:-5px}#dice-screen .dp-session{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#dice-screen .dp-session>div:nth-child(odd){border-left:0;padding-left:0}#dice-screen .dp-side{grid-template-columns:1fr}#dice-screen .dp-side-tip{grid-column:1}#dice-screen .dp-history{padding:12px}#dice-screen .dp-history-top{gap:7px}#dice-screen .dp-history-scroll{max-height:426px}#dice-screen .dp-stake-title{margin-top:0}#dice-screen .dp-controls .dp-intro h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){#dice-screen .dp-scene-art{animation:none!important}#dice-screen .dp-scene.rolling .dp-scene-art{animation:none!important}}
@media(max-width:760px){#dice-screen .dp-side-feed{min-height:0;flex:initial}#dice-screen .dp-side{align-items:start}#dice-screen .dp-side .dp-card{min-height:0}}

/* v5.4 game limits and auditable fairness — visual match to Ultra Glass */
#dice-screen .dp-page-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
#dice-screen .dp-page-actions .dp-fair-link{margin-left:0;min-height:35px;white-space:nowrap}
#dice-screen .dp-limit-link{color:#d6f5ff;border-color:rgba(115,188,244,.48)}
#dice-screen .dp-limit-hint{margin:-6px 1px 1px;font-size:10px;line-height:1.45;color:#9fb9dd}
#dice-screen .dp-limit-hint.warning{color:#ffbd91}
#dice-screen .dp-limit-modal{position:relative;z-index:2;width:min(465px,100%);padding:0;max-height:calc(100dvh - 24px);overflow:auto;background:linear-gradient(147deg,rgba(13,26,62,.98),rgba(5,13,35,.99));border:1px solid #4260ae;box-shadow:0 25px 95px #000d,0 0 55px #3d40ed25;border-radius:18px}
#dice-screen .dp-limit-modal>.dp-modal-head{margin:0;padding:16px 21px;border-bottom:1px solid #6780bd33}
#dice-screen .dp-limit-content{padding:23px 24px 27px}
#dice-screen .dp-limit-eyebrow{margin:0;color:#65eee0;font-size:10px;letter-spacing:.14em;font-weight:800}
#dice-screen .dp-limit-content h3{font-size:20px;font-weight:850;margin:14px 0;color:#f3f7ff}
#dice-screen .dp-limit-hero,#dice-screen .dp-limit-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #6078b74c;border-radius:12px;background:linear-gradient(128deg,#2938666b,#0d1935cf);padding:14px 17px;color:#dceafa}
#dice-screen .dp-limit-hero strong{font-size:25px;color:#fff;font-variant-numeric:tabular-nums}
#dice-screen .dp-limit-entry{margin:8px 0}
#dice-screen .dp-limit-entry span{display:flex;align-items:center;gap:10px;font-weight:800}
#dice-screen .dp-limit-entry strong{font-size:18px;color:#fff}
#dice-screen .dp-limit-entry-muted{opacity:.65}
#dice-screen .dp-limit-entry-muted strong{font-size:12px}
#dice-screen .dp-token{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#06cfa2,#60ffe1);color:#031329;font-weight:950}
#dice-screen .dp-token-usdt{background:#158f83;color:#fff}
#dice-screen .dp-limit-copy{line-height:1.65;font-size:12px;color:#b0bfe2;margin:10px 0 20px}
#dice-screen .dp-limit-status{font-size:11px;color:#76dec4}
#dice-screen .dp-limit-status.warning{color:#ffa98b}
#dice-screen .dp-fair-modal{width:min(630px,100%);padding:22px;max-height:calc(100dvh - 22px);overflow:auto}
#dice-screen .dp-fair-description{margin:4px 0 18px}
#dice-screen .dp-fair-section{margin:12px 0;padding:17px;border-radius:13px;border:1px solid rgba(102,128,203,.35);background:linear-gradient(130deg,rgba(29,44,93,.48),rgba(10,22,52,.55))}
#dice-screen .dp-fair-section h3{margin:0 0 10px;font-size:14px;color:#f5f8ff}
#dice-screen .dp-fair-section label{display:block;font-size:10px;letter-spacing:.055em;font-weight:800;color:#a4bce8;margin:10px 0}
#dice-screen .dp-fair-section input,#dice-screen .dp-fair-section select{display:block;width:100%;height:42px;padding:9px 11px;margin-top:6px;border:1px solid #435a9d;background:#101e48;color:#f5f8ff;border-radius:8px;font-size:12px}
#dice-screen .dp-fair-section input[readonly]{font-family:ui-monospace,Consolas,monospace;font-size:11px}
#dice-screen .dp-fair-details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}
#dice-screen .dp-fair-details div{min-width:0;background:#0c193bba;border:1px solid #4b619052;border-radius:9px;padding:10px}
#dice-screen .dp-fair-details span{display:block;color:#99b1d8;font-size:10px}
#dice-screen .dp-fair-details b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;color:#f1f7ff;font-size:13px}
#dice-screen .dp-verify-btn{display:block;width:100%;padding:13px 14px;border:1px solid #52d2bd;border-radius:9px;background:linear-gradient(120deg,#0c544e,#173b65);color:#dcfff5;font-size:12px;font-weight:850}
#dice-screen .dp-verification{margin:9px 0 2px;font-size:12px;color:#b8d6ef;white-space:normal;overflow-wrap:anywhere}
#dice-screen .dp-verification.ok{color:#40ecb4}
#dice-screen .dp-verification.fail{color:#ff8c97}
#dice-screen .dp-fair-footnote{font-size:10px;color:#a4b6d4}
@media(max-width:540px){#dice-screen .dp-page-actions{gap:6px}#dice-screen .dp-page-actions .dp-fair-link{font-size:10px;padding:8px 9px}#dice-screen .dp-limit-modal .dp-limit-content{padding:16px}#dice-screen .dp-fair-modal{padding:14px}#dice-screen .dp-fair-section{padding:12px}}

/* v5.4 speed picker and compact copy/limits actions */
#dice-screen .dp-speed-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 4px;border-top:1px solid rgba(103,132,219,.23)}
#dice-screen .dp-speed-row>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850;letter-spacing:.06em;color:#aec6ee;white-space:nowrap}
#dice-screen .dp-speed-row svg{width:17px;height:17px;color:#4eeedb}
#dice-screen .dp-speed-segment{display:grid;grid-template-columns:repeat(4,minmax(39px,1fr));gap:4px;width:min(240px,100%);padding:3px;border:1px solid rgba(99,135,231,.42);background:linear-gradient(115deg,#0b1740,#182c64a8);border-radius:11px}
#dice-screen .dp-speed-segment button{border:1px solid transparent;border-radius:7px;background:transparent;color:#adbfec;min-height:34px;font-size:12px;font-weight:850;cursor:pointer}
#dice-screen .dp-speed-segment button.selected{color:#04162b;border-color:#34eecc;background:linear-gradient(130deg,#4cfbd7,#83eaff);box-shadow:0 0 15px #1df8b350}
#dice-screen .dp-speed-segment button:focus-visible,#dice-screen .dp-copy-action:focus-visible{outline:2px solid #80eaff;outline-offset:2px}
#dice-screen .dp-copy-action{margin:3px 0 9px;padding:7px 12px;border-radius:8px;background:linear-gradient(130deg,#142c5f,#19214a);border:1px solid rgba(96,156,228,.44);color:#bbefee;font-size:11px;font-weight:750}
#dice-screen .dp-limit-content .dp-verify-btn{margin-top:10px}
#dice-screen .dp-limit-status.warning{color:#ffa98b}
#dice-screen .dp-speed-segment button:disabled{opacity:.45}
#dice-screen .dp-limit-link{font-weight:800}
@media(max-width:435px){#dice-screen .dp-speed-row{flex-wrap:wrap}#dice-screen .dp-speed-segment{width:100%}#dice-screen .dp-pagebar{flex-wrap:wrap}#dice-screen .dp-page-actions{justify-content:flex-end;width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){#dice-screen .dp-speed-segment button{transition:none}}