.dice-page{padding:28px 18px 90px;background:#070b0e}.dice-shell{max-width:1100px;margin:auto}.dice-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px;color:#e8fdff;font-size:12px;letter-spacing:.11em}.dice-heading i{font-style:normal;color:#44e1e5;background:#17c9d81c;border:1px solid #28dce528;border-radius:5px;padding:3px 5px}.dice-back{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff18;background:#101e25;border-radius:9px;color:#b4d9de;font-size:23px}.dice-balance{margin-left:auto;display:flex;gap:9px;align-items:center;background:#0c1117;border:1px solid #21d8f33a;border-radius:10px;padding:8px 14px;color:#defcff;font-weight:900}.dice-balance small{font-size:9px;color:#6f8992}.dice-coin{display:inline-block;width:18px;height:18px;vertical-align:middle;object-fit:contain}.dice-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px}.dice-controls,.dice-board{border:1px solid #80d7e019;border-radius:18px;background:#101c23;box-shadow:0 16px 40px #0005}.dice-controls{padding:20px}.dice-control-label{font-size:10px;font-weight:900;letter-spacing:.11em;color:#8ca9b1}.dice-gap{margin-top:23px}.dice-input-wrap{display:flex;align-items:center;height:44px;margin-top:8px;border:1px solid #ffffff15;border-radius:9px;background:#09141b;overflow:hidden}.dice-input-wrap:focus-within{border-color:#42d6e8}.dice-input-wrap input{min-width:0;width:100%;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#efffff;font-weight:900;font-size:13px}.dice-input-wrap img{width:20px;height:20px;object-fit:contain;margin:0 8px}.dice-input-wrap>span{padding:0 13px;color:#94bac4;font-weight:900}.dice-input-wrap button{height:100%;padding:0 12px;border:0;border-left:1px solid #ffffff10;background:#1a303a;color:#bed6dc;font-weight:900}.dice-readout{padding:14px 12px;border:1px solid #ffffff0d;border-radius:9px;background:#0b161d;margin-top:8px}.dice-readout strong{display:block;font-size:18px;color:#e8ffff}.dice-readout span{display:flex;align-items:center;gap:4px;margin-top:8px;color:#849da6;font-size:9px;font-weight:800}.dice-readout b{font-size:12px;color:#bdf5eb}.dice-readout img{width:16px;height:16px}.dice-play{width:100%;padding:14px;margin-top:22px;border:0;border-radius:9px;background:linear-gradient(110deg,#1bb6cf,#6fe6d6);color:#062526;font-weight:900;letter-spacing:.08em;cursor:pointer}.dice-play:disabled{opacity:.45;cursor:not-allowed}.dice-message{min-height:18px;color:#a1bdc5;font-size:11px;line-height:1.5;margin:12px 0 0}.dice-message.error{color:#f998a2}.dice-board{padding:24px;min-height:440px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 22%,#15444c45,transparent 45%),linear-gradient(150deg,#121f27,#0a1219)}.dice-board-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:900;color:#6c9da3}.dice-result-area{text-align:center;display:grid;place-content:center;flex:1;min-height:200px}.dice-result-label{font-size:10px;letter-spacing:.16em;font-weight:900;color:#70969d}.dice-result{font-size:clamp(52px,8vw,78px);line-height:1;font-weight:1000;color:#e9ffff;letter-spacing:-.06em;margin:13px 0}.dice-result.win{color:#6de6b4}.dice-result.loss{color:#ff8992}.dice-result.pending{animation:dice-wait 1s ease-in-out infinite;color:#81dbe4}.dice-result-state{font-size:11px;color:#99bac1}.dice-range-area{padding:5px 4px 14px}.dice-range-track{position:relative;height:12px;border-radius:99px;background:linear-gradient(to right,#3ed8b0 0 50%,#db6570 50% 100%);box-shadow:0 0 20px #3ed8b019}.dice-marker{position:absolute;top:-37px;transform:translateX(-50%);background:#e8ffff;color:#112b31;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:900}.dice-marker:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #e8ffff}.dice-range-area input{display:block;width:100%;margin:10px 0 0;accent-color:#b2fff0;cursor:pointer}.dice-axis{display:flex;justify-content:space-between;color:#75929a;font-size:10px;font-weight:700;margin-top:7px}.dice-outcomes{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;margin-top:14px}.dice-outcomes>div{border:1px solid #ffffff0d;border-radius:10px;background:#0d1c23;padding:11px}.dice-outcomes span{display:block;color:#87a5aa;font-size:9px;font-weight:900;letter-spacing:.08em}.dice-outcomes strong{display:block;margin-top:7px;color:#e2fcfb;font-size:14px}.dice-outcomes button{border:1px solid #42d5d42c;border-radius:10px;background:#14313a;color:#a6f7e9;font-size:10px;font-weight:900;padding:10px;cursor:pointer}.dice-outcomes button span{display:inline;color:#a6f7e9;font-size:14px}@keyframes dice-wait{50%{opacity:.38}}@media(max-width:767px){.dice-page{padding:16px 12px 90px}.dice-layout{grid-template-columns:1fr}.dice-board{order:1;min-height:330px;padding:17px}.dice-controls{order:2;padding:16px}.dice-result-area{min-height:165px}.dice-outcomes{grid-template-columns:repeat(3,1fr)}.dice-outcomes button{grid-column:1/-1}.dice-balance small{display:none}}@media(prefers-reduced-motion:reduce){.dice-result.pending{animation:none}}
.dice-board-actions{display:flex;align-items:center;gap:12px}.dice-sound{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:1px solid #75dce433;border-radius:9px;background:#18333b;color:#a7e9e9;cursor:pointer}.dice-sound:hover{background:#21505a;color:white}.dice-sound:focus-visible{outline:2px solid #8cf0ee;outline-offset:2px}.dice-sound svg{width:100%;height:100%}.dice-sound-muted{display:none}.dice-sound.muted .dice-sound-wave{display:none}.dice-sound.muted .dice-sound-muted{display:block}
/* Son sonuçlar ve birleşik sürgü */
.dice-recent{display:flex;align-items:center;gap:10px;min-width:0;margin-top:15px}.dice-recent>span{flex:none;color:#71959c;font-size:8px;letter-spacing:.1em;font-weight:900}.dice-recent-list{display:flex;flex:1;min-width:0;gap:5px;overflow:hidden;white-space:nowrap}.dice-recent-chip{flex:none;border:1px solid #ffffff10;border-radius:7px;padding:5px 8px;background:#1a3338;color:#7bf0bd;font-size:10px;font-weight:900}.dice-recent-chip.loss{background:#36282d;color:#ff9ba3}.dice-recent-chip.enter{animation:dice-chip-enter .26s ease-out}@keyframes dice-chip-enter{from{opacity:0;transform:translateX(-18px) scale(.85)}to{opacity:1;transform:translateX(0) scale(1)}}
.dice-result-area{position:relative}.dice-win-popup[hidden]{display:none}.dice-win-popup{position:absolute;left:50%;top:8px;z-index:2;display:flex;align-items:center;gap:7px;transform:translateX(-50%);padding:8px 11px;border:1px solid #5be6b55c;border-radius:10px;background:#0b342b;color:#b7ffe1;box-shadow:0 8px 24px #0007;white-space:nowrap}.dice-win-popup.visible{animation:dice-win-in .24s ease-out}.dice-win-popup .dice-win-label{color:#77d9b4;font-size:8px;font-weight:900;letter-spacing:.1em}.dice-win-popup strong{font-size:13px;color:#f0fff8}.dice-win-popup strong .dice-coin{width:16px;height:16px}.dice-win-popup #dice-win-multiplier{font-size:11px;font-weight:900;color:#8af1be}@keyframes dice-win-in{from{opacity:0;transform:translate(-50%,8px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.dice-range-track{height:22px;display:flex;align-items:center;background:none;box-shadow:none}.dice-range-area input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:12px;margin:0;border:0;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,#3ed8b0 0 50%,#db6570 50% 100%)}.dice-range-area input[type=range]:focus-visible{outline:2px solid #c8fff5;outline-offset:5px}.dice-range-area input[type=range]::-webkit-slider-runnable-track{height:12px;background:transparent;border-radius:99px}.dice-range-area input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:23px;height:23px;margin-top:-5.5px;border:3px solid #dffefa;border-radius:50%;background:#31bcad;box-shadow:0 2px 8px #0009}.dice-range-area input[type=range]::-moz-range-track{height:12px;background:transparent;border-radius:99px}.dice-range-area input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #dffefa;border-radius:50%;background:#31bcad;box-shadow:0 2px 8px #0009}.dice-range-track .dice-marker{top:-34px;pointer-events:none}@media(max-width:767px){.dice-recent{gap:7px}.dice-recent-chip{padding:5px 7px}.dice-win-popup{top:4px}}@media(prefers-reduced-motion:reduce){.dice-recent-chip.enter,.dice-win-popup.visible{animation:none}}
/* Sonuç balonu ve kazanç bildirimi */
.dice-range-track .dice-marker{top:-52px;z-index:2;min-width:68px;padding:9px 12px;border:1px solid #b3fff3;border-radius:10px;background:#e8ffff;color:#102c32;text-align:center;font-size:15px;line-height:1;font-weight:900;box-shadow:0 5px 18px #0008}.dice-range-track .dice-marker.loss{border-color:#ffb8bd;background:#ffe6e8;color:#782d36}.dice-range-track .dice-marker.loss:after{border-top-color:#ffe6e8}.dice-range-track .dice-marker:after{bottom:-6px;border-left-width:6px;border-right-width:6px;border-top-width:6px}.dice-result-state{font-size:11px;color:#8eaeb6}.dice-win-popup{top:50%;min-width:180px;max-width:calc(100% - 20px);transform:translate(-50%,-50%);flex-direction:column;gap:7px;padding:18px 24px;border-radius:15px;background:radial-gradient(circle at 50% 0,#136651,#092a22 75%);box-shadow:0 12px 36px #000a,0 0 25px #25de9950}.dice-win-popup .dice-win-label{font-size:10px;letter-spacing:.16em}.dice-win-popup strong{font-size:24px;line-height:1.1}.dice-win-popup strong .dice-coin{width:24px;height:24px}.dice-win-popup #dice-win-multiplier{font-size:16px}.dice-win-popup.visible{animation:dice-win-large-in .3s ease-out}@keyframes dice-win-large-in{from{opacity:0;transform:translate(-50%,-42%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:767px){.dice-range-track .dice-marker{top:-48px;min-width:64px;font-size:14px;padding:8px 10px}.dice-win-popup{top:50%;min-width:155px;padding:15px 20px}.dice-win-popup strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.dice-win-popup.visible{animation:none}}
/* Manuel ve otomatik oyun */
.dice-modes{display:flex;gap:4px;margin-bottom:22px;padding:4px;border:1px solid #ffffff0d;border-radius:10px;background:#09141b}.dice-modes button{flex:1;padding:9px;border:0;border-radius:7px;background:transparent;color:#86a5ad;font-size:11px;font-weight:900;cursor:pointer}.dice-modes button.active{background:#23434d;color:#efffff}.dice-modes button:disabled{cursor:default;opacity:.6}.dice-auto-label{display:block;margin-top:22px}.dice-auto-hint{color:#839ca5;font-size:10px;line-height:1.5;margin:7px 0 0}.dice-controls [hidden]{display:none!important}
/* Çubuk merkezde, sonuçlar sağdan sola */
.dice-board{position:relative;display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto}.dice-board-top{grid-row:1}.dice-recent{grid-row:2}.dice-range-area{grid-row:3;align-self:center;width:100%}.dice-outcomes{grid-row:4}.dice-result-area{position:absolute;inset:0;z-index:3;min-height:0;display:grid;place-content:center;pointer-events:none}.dice-result-state{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dice-recent-list{justify-content:flex-end}.dice-recent-chip.enter{animation:dice-chip-enter-from-right .26s ease-out}@keyframes dice-chip-enter-from-right{from{opacity:0;transform:translateX(18px) scale(.85)}to{opacity:1;transform:translateX(0) scale(1)}}@media(max-width:767px){.dice-board{grid-template-rows:auto auto minmax(150px,1fr) auto}}@media(prefers-reduced-motion:reduce){.dice-recent-chip.enter{animation:none}}