html[data-skin=skin-2]{--bg-color: #0c0d1b;--box-bg: radial-gradient(circle at 50% 42%, #3b1154 0%, #210936 25%, #11041d 55%, #07010d 80%, #020004 100%);--text-color: #e2e8f0;--die-bg: #ffffff;--color-red: #ff2a6d;--color-dark: #00f5d4;--color-white: #ffffff;--btn-roll: #8e24aa;--btn-reveal: #00b0ff;--btn-next: #ff1744}html[data-skin=skin-2] .cup:not(.is-transparent){background:radial-gradient(ellipse at 50% 85%,rgba(138,43,226,.35) 0%,transparent 60%),radial-gradient(ellipse at 50% 8%,rgba(0,0,0,.95) 0%,transparent 75%),linear-gradient(5deg,#150a21,#2e104d 25%,#18092e 70%,#090214);border:5px solid #8e24aa;border-top:0px solid transparent;box-shadow:0 25px 40px #000000e6,inset 0 -12px 25px #e040fb4d,inset 0 22px 25px #000000e6,inset -12px 0 18px #000000b3,inset 12px 0 18px #000000b3}html[data-skin=skin-2] .cup:before{border-bottom:6px solid #e040fb;background:linear-gradient(180deg,transparent 40%,rgba(224,64,251,.25) 100%);filter:drop-shadow(0px 4px 6px rgba(224,64,251,.6));box-shadow:inset 0 -2px 4px #e040fbe6}html[data-skin=skin-2] .cup-bottom-rim{background:radial-gradient(ellipse at 50% 100%,#090214,#1c0a33 60%,#4a157d);border-bottom:3px solid #ab47bc}html[data-skin=skin-2] .cup-logo{color:#e040fb;background:linear-gradient(180deg,#1f0836,#0a0112);border:2px solid #e040fb;box-shadow:inset 0 0 12px #e040fb80,0 0 15px #8e24aa99;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(224,64,251,.8)}html[data-skin=skin-2] h2{color:#e040fb;text-shadow:0 0 12px rgba(224,64,251,.6),0 2px 6px rgba(0,0,0,.8)}html[data-skin=skin-2] .btn-roll-style{background:linear-gradient(180deg,#8e24aa,#4a148c);border-top:1px solid #e040fb;box-shadow:0 6px #2a085c,0 8px 15px #0009}html[data-skin=skin-2] .btn-reveal-style{background:linear-gradient(180deg,#00b0ff,#0077c2);border-top:1px solid #80d8ff;box-shadow:0 6px #004b87,0 8px 15px #0009}html[data-skin=skin-2] .btn-next-style{background:linear-gradient(180deg,#ff1744,#b2102f);border-top:1px solid #ff616f;box-shadow:0 6px #7f0000,0 8px 15px #0009}html[data-skin=skin-2] .status-text{background:#121829d9;color:#00b0ff}html[data-skin=skin-2] .settings-panel{background:#121829a6;border-color:#e040fb59}html[data-skin=skin-3]{--bg-color: #051a14;--box-bg: radial-gradient(ellipse at 50% 35%, #15523d 0%, #09261d 40%, #020806 80%, #000000 100%);--text-color: #ffffff;--die-bg: #fdfdfd;--color-red: #ff3838;--color-dark: #0B1953;--title-color: #ffffff;--cup-bg: radial-gradient(farthest-corner at 50% 85%, rgba(255, 215, 0, .35) 0%, transparent 60%), radial-gradient(farthest-corner at 50% 8%, rgba(0,0,0,.95) 0%, transparent 75%), linear-gradient(15deg, #021a12 0%, #0c4d39 35%, #062b1f 70%, #010c08 100%);--cup-border-color: #ffd700;--cup-stripe-border: #fff3a0;--cup-stripe-bg: linear-gradient(180deg, transparent 30%, rgba(255, 215, 0, .35) 100%);--cup-bottom-rim-bg: radial-gradient(farthest-corner at 50% 100%, #010a07 0%, #0d4030 60%, #1e6b52 100%);--cup-bottom-rim-border: #f1c40f;--cup-logo-bg: linear-gradient(135deg, #f1c40f 0%, #b8860b 50%, #ffe066 100%);--cup-logo-border: #ffffff;--cup-logo-text-color: #0b2219;--btn-roll-bg: linear-gradient(145deg, #1a634a, #0e3d2f);--btn-roll-border: #ffd700;--btn-roll-shadow: #996515;--btn-reveal-bg: linear-gradient(180deg, #00e676 0%, #00838f 100%);--btn-reveal-border: #b9f6ca;--btn-reveal-shadow: #004d40;--btn-next-bg: linear-gradient(180deg, #ff1744 0%, #880e4f 100%);--btn-next-border: #ff80ab;--btn-next-shadow: #4a001a;--status-bg: rgba(4, 20, 15, .85)}html[data-skin=skin-3] .cup:not(.is-transparent){background:var(--cup-bg);border:5px solid var(--cup-border-color);border-top:0px solid transparent;box-shadow:0 25px 40px #000000e6,inset 0 -12px 25px #ffd70040,inset 0 22px 25px #000000e6}html[data-skin=skin-3] .cup:before{border-bottom:6px solid var(--cup-stripe-border);background:var(--cup-stripe-bg);filter:drop-shadow(0px 4px 6px rgba(255,215,0,.5))}html[data-skin=skin-3] .cup-bottom-rim{background:var(--cup-bottom-rim-bg);border-bottom:3px solid var(--cup-bottom-rim-border)}html[data-skin=skin-3] .cup-logo{color:var(--cup-logo-text-color);background:var(--cup-logo-bg);border:2px solid var(--cup-logo-border);box-shadow:inset 0 0 10px #fff9,0 4px 10px #000000b3;text-shadow:none;font-weight:700}html[data-skin=skin-3] h2{color:var(--title-color);text-shadow:0 0 1.5px #FFD700,0 0 8px rgba(255,215,0,.5)}html[data-skin=skin-3] .btn-roll-style{background:linear-gradient(180deg,#1a634a,#0b3023 40%,#04120e);border:2px solid #ffd700;box-shadow:0 0 12px #ffd7004d,inset 0 2px 5px #fff3,0 6px #a67c00,0 10px 15px #000c;color:gold;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.6);transition:all .1s ease}html[data-skin=skin-3] .btn-reveal-style{background:var(--btn-reveal-bg);border-top:1px solid var(--btn-reveal-border);box-shadow:0 6px 0 var(--btn-reveal-shadow),0 8px 15px #0009}html[data-skin=skin-3] .btn-next-style{background:var(--btn-next-bg);border-top:1px solid var(--btn-next-border);box-shadow:0 6px 0 var(--btn-next-shadow),0 8px 15px #0009}html[data-skin=skin-3] .status-text{background:var(--status-bg);color:#ffe066}html[data-skin=skin-4]{--bg-color: #05140f;--box-bg: radial-gradient(circle at 50% 35%, #1a634a 0%, #0e3d2f 25%, #051f17 70%, #020d0a 100%);--text-color: #f4f5f0;--die-bg: #ffffff;--color-red: #d32f2f;--color-dark: #004d40;--color-white: #ffffff;--btn-roll: #3c1053;--btn-reveal: #00875a;--btn-next: #d97706}html[data-skin=skin-4] .cup:not(.is-transparent){background:radial-gradient(ellipse at 50% 85%,rgba(204,255,0,.15) 0%,transparent 60%),radial-gradient(ellipse at 50% 8%,rgba(0,0,0,.85) 0%,transparent 75%),linear-gradient(5deg,#0e2b20,#fff,#154d3a 80%,#091c15);border:5px solid #ccff00;border-top:0px solid transparent;box-shadow:0 25px 40px #000000e6,inset 0 -12px 25px #cf03,inset 0 22px 25px #000000e6,inset -12px 0 18px #000000b3,inset 12px 0 18px #000000b3}html[data-skin=skin-4] .cup:before{border-bottom:6px solid #ccff00;background:linear-gradient(180deg,transparent 40%,rgba(204,255,0,.2) 100%);filter:drop-shadow(0px 4px 6px rgba(204,255,0,.5));box-shadow:inset 0 -2px 4px #cf0c}html[data-skin=skin-4] .cup-bottom-rim{background:radial-gradient(ellipse at 50% 100%,#05140f,#154d3a 60%,#3c1053);border-bottom:3px solid #ccff00}html[data-skin=skin-4] .cup-logo{color:#cf0;background:linear-gradient(180deg,#2a0b3b,#0d261c);border:2px solid #ccff00;box-shadow:inset 0 0 12px #ccff004d,0 0 15px #3c1053cc;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(204,255,0,.6)}html[data-skin=skin-4] h2{color:#fff;text-shadow:0 0 4px #ccff00,0 0 12px rgba(204,255,0,.9),0 2px 4px rgba(0,0,0,.8)}html[data-skin=skin-4] .btn-roll-style{background:linear-gradient(180deg,#5c1d7f,#3c1053);border-top:1px solid #a855f7;box-shadow:0 6px #21082e,0 8px 15px #0009}html[data-skin=skin-4] .btn-reveal-style{background:linear-gradient(180deg,#00a870,#064);border-top:1px solid #34d399;box-shadow:0 6px #003825,0 8px 15px #0009}html[data-skin=skin-4] .btn-next-style{background:linear-gradient(180deg,#f59e0b,#b45309);border-top:1px solid #fde047;box-shadow:0 6px #78350f,0 8px 15px #0009}html[data-skin=skin-4] .status-text{background:#0c261dd9;color:#cf0}html[data-skin=skin-4] .settings-panel{background:#0e211acc;border-color:#cf06}html[data-skin=skin-5]{--bg-color: #01040a;--box-bg: radial-gradient(circle at 35% 70%, rgba(0, 180, 216, .28) 0%, rgba(2, 62, 138, .12) 45%, #01040a 85% );--text-color: #e0f7fa;--die-bg: #ffffff;--color-red: #ff3366;--color-dark: #3B3C3E;--color-white: #ffffff;--btn-roll: #0077b6;--btn-reveal: #00c853;--btn-next: #ff1744}html[data-skin=skin-5] .cup:not(.is-transparent){background:radial-gradient(ellipse at 35% 82%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.25) 28%,transparent 58%),radial-gradient(circle at 40% 68%,#00e676 0%,#00a896 22%,transparent 50%),radial-gradient(circle at 25% 50%,#02c39a 0%,#0096c7 30%,transparent 55%),radial-gradient(circle at 60% 30%,rgba(255,183,3,.25) 0%,transparent 15%),radial-gradient(circle at 70% 18%,rgba(255,158,11,.18) 0%,transparent 12%),linear-gradient(15deg,#48cae4,#0096c7 25%,#0077b6 45%,#005f9e,#023e8a,#041a36 90%,#020b18);border:2px solid rgba(0,245,212,.4);border-left:2.5px solid rgba(144,224,239,.75);border-top:none!important;box-shadow:-10px 12px 30px #48cae480,0 0 18px #00f5d42e,0 20px 45px #000000e6,inset 15px -12px 25px #fff9,inset 0 0 14px #00f5d440,inset -22px 20px 40px #020b18d1,inset 0 18px 20px #020b188c}html[data-skin=skin-5] .cup.is-transparent{background:linear-gradient(15deg,#48cae46b,#0077b647 55%,#041a3699 85%,#020b18bf)!important;border-top:none!important;box-shadow:-6px 8px 20px #00f5d459,0 0 12px #00f5d426,0 15px 35px #000c,inset 10px -10px 20px #fff6,inset 0 0 10px #00f5d433,inset -18px 18px 30px #020b18b3!important}html[data-skin=skin-5] .cup-bottom-rim{background:radial-gradient(ellipse at 35% 50%,#ffffffbf,#48cae4a6 45%,#0077b659 80%,#020b18d9);border-bottom:2px solid rgba(0,245,212,.7);border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:inset 0 -2px 10px #fff9,0 0 18px #00f5d480}html[data-skin=skin-5] .cup.is-transparent .cup-bottom-rim{background:linear-gradient(90deg,#00f5d459,#020b1880)!important;border-bottom:1.5px solid rgba(0,245,212,.5)!important;box-shadow:none!important}html[data-skin=skin-5] .cup:before{border-bottom:1.8px solid rgba(0,245,212,.4);background:linear-gradient(180deg,#00f5d426,#48cae440,#020b1866);filter:drop-shadow(0px -1px 5px rgba(0,245,212,.35));box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -1px 3px #00f5d433}html[data-skin=skin-5] .cup.is-transparent:before{border-bottom:1.5px solid rgba(0,245,212,.25)!important;background:transparent!important;filter:none!important;box-shadow:none!important}html[data-skin=skin-5] .cup-logo{color:#00f5d4;background:#031024e0;border:1.5px solid #00f5d4;box-shadow:inset 0 0 10px #00f5d44d,0 0 14px #00f5d466;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,245,212,.8)}html[data-skin=skin-5] h2{color:#fff;text-shadow:0 0 4px #00f5d4,0 0 12px rgba(0,245,212,.8),0 0 28px rgba(0,119,182,.6)}html[data-skin=skin-5] .btn-roll-style{background:linear-gradient(180deg,#0096c7,#023e8a);border-top:1px solid #90e0ef;box-shadow:0 6px #001830,0 8px 15px #000000b3}html[data-skin=skin-5] .btn-reveal-style{background:linear-gradient(180deg,#00e676,#008e3c);border-top:1px solid #b9f6ca;box-shadow:0 6px #004b1d,0 8px 15px #000000b3}html[data-skin=skin-5] .btn-next-style{background:linear-gradient(180deg,#ff1744,#b2102f);border-top:1px solid #ff80ab;box-shadow:0 6px #6d001a,0 8px 15px #000000b3}html[data-skin=skin-5] .status-text{background:#031024e6;color:#00f5d4}html[data-skin=skin-5] .settings-panel{background:#031024d9;border-color:#00f5d466}