:root{--brand:#e11d48;--brand2:#f59e0b}
.rnd .row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:8px 0}
.rnd label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.rnd label.chk{flex-direction:row;align-items:center;gap:8px;display:inline-flex;margin:6px 14px 6px 0;color:var(--text);font-size:14px}
.rnd input[type=number],.rnd select,.rnd textarea{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%;box-sizing:border-box}
.rnd textarea{resize:vertical;min-height:150px;line-height:1.5}
.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.btnrow.center,.center{justify-content:center;text-align:center}
.btn.sm{padding:7px 12px;font-size:13px}.btn.big{padding:14px 28px;font-size:17px}
.small{font-size:12px}.muted{color:var(--muted)}
.hist{margin-top:12px;font-size:14px}.hist summary{cursor:pointer;color:var(--muted)}.hist ol{max-height:220px;overflow:auto;margin:8px 0;padding-inline-start:22px}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0}.kv div{background:var(--chip);border-radius:12px;padding:10px;text-align:center}.kv b{display:block;font-size:22px}.kv span{font-size:12px;color:var(--muted)}
.alert{background:rgba(229,56,59,.1);color:var(--err);border-radius:12px;padding:10px 12px;margin:8px 0}
/* çark */
.wwrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
@media(max-width:760px){.wwrap{grid-template-columns:1fr}}
.wheel{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1}
.wheel canvas{width:100%;height:100%;display:block;cursor:pointer;filter:drop-shadow(0 12px 28px rgba(0,0,0,.25))}
.wptr{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid var(--text);filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.wspin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;border-radius:50%;border:5px solid #fff;background:var(--grad);color:#fff;font-weight:800;font-size:clamp(12px,2.6vw,18px);box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:pointer}
.wspin:active{transform:translate(-50%,-50%) scale(.95)}
.wres{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:50;padding:16px}
.wres.hidden{display:none}
.wcard{position:relative;overflow:hidden;background:var(--card);border-radius:22px;padding:26px 22px 14px;min-width:min(420px,100%);text-align:center;box-shadow:var(--shadow);animation:pop .35s ease}
.wcard small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.wcard b{display:block;font-size:clamp(28px,7vw,52px);margin:8px 0 6px;word-break:break-word;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:fall 1.8s ease-in forwards}
@keyframes fall{to{transform:translateY(420px) rotate(540deg);opacity:0}}
/* yazı tura */
.coinwrap{perspective:900px;display:grid;place-items:center;padding:18px 0}
.coin{width:190px;height:190px;position:relative;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);cursor:pointer}
.coin .face{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;font-weight:900;font-size:30px;color:#6b4d00;letter-spacing:.05em;
 background:radial-gradient(circle at 35% 30%,#fff6c9,#f6c945 45%,#c99712 80%);box-shadow:inset 0 0 0 9px #e0b12c,inset 0 0 0 12px #b8890f,0 14px 30px rgba(0,0,0,.3)}
.coin .face.t{transform:rotateY(180deg);background:radial-gradient(circle at 35% 30%,#ffffff,#d9dde6 45%,#9aa1b2 80%);color:#3e4555;box-shadow:inset 0 0 0 9px #c3c8d4,inset 0 0 0 12px #8e95a6,0 14px 30px rgba(0,0,0,.3)}
.cres{font-size:28px;min-height:40px;margin:4px 0}
/* zar */
.dice{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:18px 0;cursor:pointer;min-height:110px}
.die{width:86px;height:86px;background:#fff;border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:12px;gap:4px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),0 8px 18px rgba(0,0,0,.25)}
.die i{border-radius:50%;place-self:center;width:15px;height:15px}.die i.on{background:#1f2430}
.die.num{display:grid;place-items:center;font-size:32px;font-weight:800;color:#1f2430;grid-template-columns:1fr}
.dice.roll .die{animation:shake .14s linear infinite}
@keyframes shake{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}100%{transform:rotate(-12deg)}}
.dsum{font-size:22px}
/* sayı, kura, takım */
.bignum{font-size:clamp(48px,12vw,96px);font-weight:900;text-align:center;margin:14px 0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word}
.bignum.flick{opacity:.75}
.nlist{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0;max-height:360px;overflow:auto}.nlist span{background:var(--chip);border-radius:10px;padding:6px 10px;font-weight:700;font-variant-numeric:tabular-nums}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:12px 0}
.team{border:2px solid var(--c);border-radius:14px;padding:10px 12px;background:var(--card)}.team b{color:var(--c)}.team ol{margin:6px 0 0;padding-inline-start:20px}
.pres{position:relative;background:var(--chip);border-radius:16px;padding:16px 18px;margin:12px 0}.pres b{display:block;font-size:18px;margin:4px 0}.pres ol{font-size:20px;font-weight:700;margin:4px 0 10px;padding-inline-start:26px}.pres small{color:var(--muted)}
.pick{position:relative;overflow:hidden}