.dd{--cyan:#32d9ff;--amber:#ffb52e;--gold:#edc05b;--green:#41e18d;max-width:1380px;margin:auto;padding:16px;color:#f6f8fb}.dd *{box-sizing:border-box}.dd button,.dd input{font-family:inherit}.dd-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #30394a;border-radius:18px 18px 0 0;background:linear-gradient(120deg,#121824,#1b2230);box-shadow:0 18px 50px #0007}.dd-head>div{text-align:center}.dd-head small{display:block;color:var(--gold);font:800 8px Arial;letter-spacing:2.5px}.dd-head h1{margin:4px 0 0;font:900 21px Arial;letter-spacing:1px}.dd-head h1 em{margin-right:9px;color:#aab5c5;font:700 13px inherit}.dd-head button,.dd-head>span{height:36px;padding:0 13px;border:1px solid #354153;border-radius:10px;background:#0d131d;color:#aeb8c6;font-size:10px}.dd-head button{cursor:pointer}.dd-head i{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#3fe492;box-shadow:0 0 12px #3fe492}.dd-shell{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:12px}.dd-arena{position:relative;min-height:690px;overflow:hidden;display:grid;grid-template-columns:1fr 250px 1fr;align-items:center;padding:90px 6% 45px;border:1px solid #30394a;border-top:0;border-radius:0 0 20px 20px;background:#080d14 url('/img/games/dice-duel/arena-goldenx.png') center/cover no-repeat;isolation:isolate;box-shadow:0 30px 70px #0008}.dd-arena:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 55%,transparent,#04070cbf 92%)}.dd-light{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(70px);opacity:.12;animation:ddPulse 4s ease-in-out infinite}.dd-light--a{left:4%;background:var(--cyan)}.dd-light--b{right:4%;background:var(--amber);animation-delay:-2s}.dd-player{text-align:center;min-width:0}.dd-avatar{width:70px;height:70px;display:grid;place-items:center;margin:auto;border:2px solid #48dfff55;border-radius:22px;background:linear-gradient(145deg,#112c3c,#08131e);box-shadow:0 0 35px #31d8ff26;color:#6ce5ff;font-size:11px;font-weight:900}.dd-player--opponent .dd-avatar{border-color:#ffb52e66;background:linear-gradient(145deg,#3a2810,#171006);box-shadow:0 0 35px #ffad2526;color:#ffc456}.dd-player h2{margin:10px 0 2px;font-size:14px}.dd-player>small{color:#8894a4;font-size:9px}.dd-player>strong{display:block;color:#fff;font:900 34px Arial}.dd-dice-row{height:145px;display:flex;align-items:center;justify-content:center;gap:16px;direction:ltr}.dd-die{position:relative;width:92px;height:92px;border:2px solid #a8f2ff;border-radius:19px;background:linear-gradient(145deg,#f7fdff,#bfeefa);box-shadow:inset -8px -10px 18px #55a2bb55,inset 6px 7px 12px #fff,0 18px 25px #0008,0 0 28px #21d4ff3d;transform:rotate(-5deg);transition:.35s}.dd-die--gold{border-color:#ffe2a4;background:linear-gradient(145deg,#fff8dc,#efb841);box-shadow:inset -8px -10px 18px #9d5e1a66,inset 6px 7px 12px #fff9,0 18px 25px #0008,0 0 28px #ffab2e3d;transform:rotate(5deg)}.dd-die.is-empty{opacity:.22;filter:saturate(.2)}.dd-die.is-rolling{animation:ddRoll .9s cubic-bezier(.2,.8,.25,1)}.dd-pip{position:absolute;width:14px;height:14px;border-radius:50%;background:#132232;box-shadow:inset 2px 2px 3px #0008,0 1px #fff8}.dd-die--gold .dd-pip{background:#3a2511}.dd-pip:nth-child(1){left:18px;top:18px}.dd-pip:nth-child(2){right:18px;top:18px}.dd-pip:nth-child(3){left:18px;top:39px}.dd-pip:nth-child(4){left:39px;top:39px}.dd-pip:nth-child(5){right:18px;top:39px}.dd-pip:nth-child(6){left:18px;bottom:18px}.dd-pip:nth-child(7){right:18px;bottom:18px}.dd-center{text-align:center;z-index:2}.dd-pot{display:inline-flex;align-items:baseline;gap:5px;padding:8px 13px;border:1px solid #d8aa4345;border-radius:13px;background:#050a0fd9;box-shadow:0 10px 25px #0008}.dd-pot small,.dd-pot span{color:#8d98a8;font-size:8px}.dd-pot b{color:#f2c75f;font:900 17px Arial}.dd-vs{width:70px;height:70px;display:grid;place-items:center;margin:18px auto 10px;border:2px solid #d7ad4e55;border-radius:50%;background:#090e15d9;color:#f4c963;font:900 24px Arial;box-shadow:0 0 35px #e4b6481f}.dd-center>p{min-height:36px;margin:0;color:#c5ccd6;font-size:11px;line-height:1.8}.dd-roll{min-width:180px;height:62px;margin-top:12px;border:1px solid #79ecff66;border-radius:15px;background:linear-gradient(145deg,#27cde9,#087baf);box-shadow:0 12px 32px #00b9ec3d,inset 0 1px #fff6;color:#fff;cursor:pointer;transition:.2s}.dd-roll span{font-size:19px;margin-left:6px}.dd-roll b{font-size:12px}.dd-roll small{display:block;margin-top:2px;font:700 7px Arial;letter-spacing:2px;opacity:.65}.dd-roll:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.1)}.dd-roll:disabled{opacity:.35;cursor:not-allowed}.dd-choice{position:absolute;z-index:12;left:50%;bottom:36px;width:min(620px,88%);transform:translateX(-50%);padding:16px;border:1px solid #e1b64d55;border-radius:17px;background:#080d14f2;box-shadow:0 22px 55px #000c;backdrop-filter:blur(13px)}.dd-choice h3{margin:0 0 10px;font-size:13px}.dd-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.dd-odds span{padding:7px;border-radius:8px;background:#ffffff08;color:#8e99a8;font-size:9px}.dd-odds b{display:block;margin-top:2px;color:#fff;font:900 14px Arial}.dd-choice>div:last-child{display:flex;gap:8px}.dd-choice button{flex:1;min-height:42px;border:0;border-radius:10px;color:#fff;font-weight:800;cursor:pointer}.dd-choice button:first-child{background:linear-gradient(145deg,#39dc83,#1a9e59)}.dd-choice button:last-child{background:linear-gradient(145deg,#a74a54,#642833)}.dd-result{position:absolute;z-index:20;left:50%;top:50%;width:min(390px,90%);padding:25px;opacity:0;pointer-events:none;transform:translate(-50%,-42%) scale(.85);transition:.35s;border:1px solid #e3ba5666;border-radius:20px;background:#080e16f2;text-align:center;box-shadow:0 30px 80px #000e,0 0 45px #e7b84b24;backdrop-filter:blur(15px)}.dd-result.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.dd-result small{color:#8995a5}.dd-result strong{display:block;margin:7px;color:#ffe070;font-size:30px}.dd-result p{color:#b9c2cd;font-size:11px}.dd-result button{height:40px;padding:0 25px;border:0;border-radius:10px;background:#35d87d;color:#fff;font-weight:900;cursor:pointer}.dd-panel{display:flex;flex-direction:column;gap:10px;padding-top:12px}.dd-panel section{padding:14px;border:1px solid #2b3544;border-radius:15px;background:linear-gradient(145deg,#171e29,#101620)}.dd-bet header,.dd-rooms header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.dd-bet header b,.dd-rules h3,.dd-rooms header b{font-size:12px}.dd-bet header small{color:#7d899a;font-size:8px}.dd-betbox{height:48px;display:flex;align-items:center;overflow:hidden;border:1px solid #414d5d;border-radius:12px;background:#090e15}.dd-betbox input{min-width:0;flex:1;border:0;outline:0;background:none;color:#fff;text-align:center;font:900 18px Arial}.dd-betbox span{color:#768294;font-size:8px}.dd-betbox button{align-self:stretch;width:45px;border:0;background:#283240;color:#d7dce4;cursor:pointer}.dd-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.dd-chips button{height:34px;border:1px solid #394554;border-radius:9px;background:#222b36;color:#cbd2dc;cursor:pointer}.dd-chips button.active{border-color:#e1b650;background:#4b3b1e;color:#ffd870}.dd-match,.dd-private{width:100%;height:44px;border:0;border-radius:11px;color:#fff;font-weight:900;cursor:pointer}.dd-match{background:linear-gradient(145deg,#39dd83,#1ba35b);box-shadow:0 10px 24px #27c56b2c}.dd-private{height:36px;margin-top:6px;border:1px solid #3b4655;background:#202833;color:#aeb8c6;font-size:10px}.dd-code{margin-top:7px;padding:8px;text-align:center;border:1px dashed #d8aa4b;border-radius:8px;color:#8490a0;font-size:9px}.dd-code b{color:#f3c95f;font:900 15px Arial;letter-spacing:2px}.dd-rules h3{margin:0 0 8px}.dd-rules div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff0a}.dd-rules div b{font-size:9px}.dd-rules div span{color:#edbf56;font-size:9px}.dd-rules p{margin:9px 0 0;color:#788596;font-size:8px;line-height:1.8}.dd-rooms{min-height:130px}.dd-rooms header button{border:0;background:none;color:#d0d7e1;cursor:pointer}.dd-room{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:8px;border:1px solid #303a48;border-radius:9px;background:#0c121a}.dd-room span{font-size:9px;color:#aab4c1}.dd-room button{border:0;border-radius:7px;background:#dba940;color:#17130c;font-size:9px;font-weight:900;cursor:pointer}.dd-rooms>div>span{color:#697687;font-size:9px}@keyframes ddRoll{0%{transform:translateY(-80px) rotate(0) scale(.6)}40%{transform:translateY(8px) rotate(280deg) scale(1.12)}65%{transform:translateY(-18px) rotate(380deg)}100%{transform:translateY(0) rotate(355deg)}}@keyframes ddPulse{50%{opacity:.24;transform:scale(1.2)}}
@media(max-width:1050px){.dd-shell{grid-template-columns:1fr}.dd-panel{display:grid;grid-template-columns:1fr 1fr}.dd-rooms{grid-column:1/-1}}
.dd-pip--1{left:18px!important;top:18px!important;right:auto!important;bottom:auto!important}.dd-pip--2{right:18px!important;top:18px!important;left:auto!important;bottom:auto!important}.dd-pip--3{left:18px!important;top:39px!important;right:auto!important;bottom:auto!important}.dd-pip--4{left:39px!important;top:39px!important;right:auto!important;bottom:auto!important}.dd-pip--5{right:18px!important;top:39px!important;left:auto!important;bottom:auto!important}.dd-pip--6{left:18px!important;bottom:18px!important;right:auto!important;top:auto!important}.dd-pip--7{right:18px!important;bottom:18px!important;left:auto!important;top:auto!important}
@media(max-width:720px){.dd{padding:5px}.dd-head>span{display:none}.dd-arena{min-height:650px;grid-template-columns:1fr 1fr;padding:85px 4% 160px}.dd-center{position:absolute;left:50%;top:48%;width:220px;transform:translate(-50%,-50%)}.dd-player{align-self:start}.dd-die{width:64px;height:64px;border-radius:14px}.dd-dice-row{height:105px;gap:7px}.dd-pip{width:9px;height:9px}.dd-pip:nth-child(1){left:12px;top:12px}.dd-pip:nth-child(2){right:12px;top:12px}.dd-pip:nth-child(3){left:12px;top:27px}.dd-pip:nth-child(4){left:27px;top:27px}.dd-pip:nth-child(5){right:12px;top:27px}.dd-pip:nth-child(6){left:12px;bottom:12px}.dd-pip:nth-child(7){right:12px;bottom:12px}.dd-panel{grid-template-columns:1fr}.dd-rooms{grid-column:auto}.dd-choice{bottom:22px}.dd-odds{grid-template-columns:1fr 1fr 1fr}.dd-choice>div:last-child{flex-direction:column}}
@media(max-width:500px){.dd-die{width:46px!important;height:46px!important;border-radius:10px!important}.dd-dice-row{height:75px!important;gap:4px!important}.dd-pip{width:7px!important;height:7px!important}.dd-pip:nth-child(1){left:8px!important;top:8px!important}.dd-pip:nth-child(2){right:8px!important;top:8px!important}.dd-pip:nth-child(3){left:8px!important;top:19px!important}.dd-pip:nth-child(4){left:19px!important;top:19px!important}.dd-pip:nth-child(5){right:8px!important;top:19px!important}.dd-pip:nth-child(6){left:8px!important;bottom:8px!important}.dd-pip:nth-child(7){right:8px!important;bottom:8px!important}.dd-center{width:160px!important}.dd-vs{width:48px!important;height:48px!important;font-size:18px!important;margin:8px auto 4px!important}}
.dd,.dd-shell,.dd-arena,.dd-panel,.dd-panel>section{min-width:0;max-width:100%;width:100%}
@media(max-width:720px){.dd{position:relative;left:50%;width:100vw!important;max-width:none!important;margin-inline:0!important;padding-inline:5px!important;transform:translateX(-50%)}.dd-shell{overflow:hidden}.dd button,.dd [role="button"],.dd input{min-height:44px}}