:root{--accent:#d8b45b}body{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 12% 18%,#17684b55,transparent 28%),radial-gradient(circle at 88% 26%,#c18b2d3d,transparent 30%),radial-gradient(ellipse at 50% 105%,#284c7955,transparent 48%),linear-gradient(155deg,#07101c 0%,#101b2b 48%,#090d17 100%);color:#fff}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(30deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%),linear-gradient(150deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%);background-size:46px 80px}.ring-page{position:relative;width:min(100%,580px);min-height:100dvh;margin:auto;padding:28px 16px 16px}.ring-page header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.ring-page header button{width:40px;height:40px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff09;color:#fff;font-size:19px;backdrop-filter:blur(10px)}.ring-page header #gameTitle{min-width:0;flex:1;border:1px solid #d8b45b55;border-radius:14px;background:linear-gradient(135deg,#182235cc,#101725cc);box-shadow:0 10px 35px #0005,0 0 24px #d8b45b12;color:#fff;padding:11px 14px;text-align:center;font:inherit;font-weight:900;outline:none}.panel,.overlay>div{border:1px solid #d8b45b33;border-radius:25px;padding:25px;background:linear-gradient(145deg,#1b2435,#0c111d);box-shadow:0 25px 65px #0008}.panel{text-align:center;margin-top:35px}.panel p{color:#9ca8b8;font-size:11px;line-height:1.8}.panel label{display:block;margin:20px 0;color:#c8d0db;font-size:11px}.panel input{width:55px;border:1px solid #ffffff18;border-radius:10px;padding:9px;background:#080d16;color:#fff;text-align:center}.primary{width:100%;min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#f1d27d,#b27c26);box-shadow:0 10px 28px #a9792833;color:#171008;font-weight:900}.scoring-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px;padding:9px 10px 9px 14px;border:1px solid #d8b45b2e;border-radius:16px;background:#101827bb;box-shadow:0 12px 35px #0004;backdrop-filter:blur(12px)}.scoring-bar>span{font-size:11px;color:#e8d8aa;font-weight:800;white-space:nowrap}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:11px;background:#050a12aa}.mode-switch button{min-width:66px;border:0;border-radius:8px;padding:7px 12px;background:transparent;color:#929cac;font:inherit;font-size:10px;font-weight:800}.mode-switch button.active{background:linear-gradient(135deg,#e4c46d,#a97627);box-shadow:0 4px 12px #0005;color:#171008}.score{display:flex;align-items:center;justify-content:space-between;margin:12px 0 18px}.score>strong{padding:9px 10px;border:1px solid #ffffff13;border-radius:12px;background:#080e19aa;color:#f2e4bd;font-size:11px;white-space:nowrap}.score label{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 12px;border:1px solid #ffffff0c;border-radius:15px;font-size:10px;box-shadow:0 12px 28px #0003}.score label small{font-size:10px;color:#ffffffb8;font-weight:800}.score input{width:82px;border:1px solid #ffffff1f;border-radius:9px;padding:6px 5px;background:#080d16;color:inherit;text-align:center;font:inherit;font-weight:700}.score input::placeholder{color:#ffffff66}.score-value{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px}.score i{display:block;min-width:24px;font-size:18px;text-align:center}.score-control{display:none;width:27px;height:27px;border:1px solid currentColor;border-radius:8px;background:#07101c99;color:inherit;font-size:18px;font-weight:900;line-height:1}body[data-score-mode="manual"] .score-control{display:grid;place-items:center}.green{background:linear-gradient(145deg,#1c9b6947,#10291f99);color:#74e9af}.yellow{background:linear-gradient(145deg,#d8b45b38,#352b1499);color:#ffdf87}.hands{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.hand{position:relative;min-height:85px;border:1px solid #ffffff15;border-radius:16px;background:linear-gradient(145deg,#2b3952dd,#101827ee);box-shadow:inset 0 1px #ffffff0d,0 10px 22px #0003;font-size:38px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.hand small{font-size:11px;color:#ffffff99;font-weight:800}.hand .ring-mark{position:absolute;top:50%;left:50%;z-index:1;margin:0;color:#ffe38b;font-size:22px;line-height:1;filter:drop-shadow(0 2px 5px #000b);transform:translate(-50%,-50%);animation:ring-pop .35s ease}.hand:active{transform:scale(.94)}.hand.open{background:linear-gradient(145deg,#3c4c69,#182238);box-shadow:0 10px 25px #0006;animation:hand-open .28s ease}.hand:disabled{cursor:default}.hide-ring-btn{margin-top:18px}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#050914eF;text-align:center}.overlay[hidden]{display:none}.overlay>div{width:min(100%,360px)}.overlay b{font-size:60px}.overlay h2{font-size:22px}.overlay p{color:#aab6c5;font-size:10px;line-height:1.8}.overlay .primary{margin-top:14px}@keyframes hand-open{0%{transform:scale(.88) rotate(-3deg)}60%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1) rotate(0)}}@keyframes ring-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#turn{display:block;margin-top:18px;color:#d8b45b;text-align:center;font-size:11px;letter-spacing:.5px;animation:sinan-credit 2.8s ease-in-out infinite}@keyframes sinan-credit{0%,100%{opacity:.48;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}}@media(max-width:390px){.ring-page{padding-inline:11px}.score label{padding-inline:8px}.score input{width:76px}.mode-switch button{min-width:58px;padding-inline:8px}}