/* ficklestudio26 · Random tools (builds on /timer/timer.css) */
.rnd { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; text-align:left; }
@media (max-width:760px) { .rnd { grid-template-columns:1fr; } }
.rnd textarea { width:100%; min-height:220px; padding:10px; border:1px solid #e8e8ec; border-radius:10px; font:16px/1.5 system-ui,sans-serif; resize:vertical; background:#fff; }
.rnd label { display:grid; gap:3px; font-size:12px; font-weight:700; color:#5b5b66; text-transform:uppercase; letter-spacing:.04em; margin:8px 0; }
.rnd input[type=number], .rnd select { padding:9px 10px; border:1px solid #e8e8ec; border-radius:10px; font:600 17px system-ui,sans-serif; background:#fff; width:100%; }
.rnd .chk { display:flex; gap:8px; align-items:center; text-transform:none; letter-spacing:0; font-size:15px; font-weight:500; color:inherit; }
.rnd .row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wheel-wrap { position:relative; max-width:420px; margin:0 auto; }
.wheel-wrap canvas { width:100%; height:auto; display:block; }
.wheel-wrap::before { content:""; position:absolute; top:-4px; left:50%; margin-left:-14px; border:14px solid transparent; border-top:26px solid #1d1d22; z-index:2; }
.result { font:700 clamp(28px,7vw,56px)/1.15 system-ui,sans-serif; text-align:center; margin:14px 0 4px; min-height:1.2em; word-break:break-word; color:#d9480f; }
.result.pop { animation:pop .5s ease; }
@keyframes pop { 0% { transform:scale(.6); opacity:0; } 70% { transform:scale(1.1); } 100% { transform:scale(1); opacity:1; } }
.out { text-align:center; }
.coin-wrap { perspective:700px; width:min(60vw,220px); height:min(60vw,220px); margin:10px auto; }
.coin { width:100%; height:100%; position:relative; transform-style:preserve-3d; transition:transform 1.1s cubic-bezier(.2,.7,.2,1); cursor:pointer; }
.coin span { position:absolute; inset:0; border-radius:50%; display:grid; place-items:center; font:800 clamp(24px,6vw,36px) system-ui,sans-serif; backface-visibility:hidden; border:6px solid #e0a800; box-shadow:inset 0 0 0 6px #ffe066; }
.coin .h { background:radial-gradient(circle at 30% 30%,#ffe066,#f2b705); color:#7a5600; }
.coin .t { background:radial-gradient(circle at 30% 30%,#e9ecef,#adb5bd); border-color:#868e96; box-shadow:inset 0 0 0 6px #dee2e6; color:#343a40; transform:rotateY(180deg); }
@media (prefers-reduced-motion:reduce) { .coin { transition:none; } .result.pop { animation:none; } }
.dice-row { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:14px 0; }
.die { display:grid; place-items:center; min-width:72px; height:72px; padding:0 8px; background:#fff; border:3px solid #1d1d22; border-radius:14px; font:700 56px/1 system-ui,sans-serif; }
.team { display:inline-block; vertical-align:top; min-width:150px; background:#fff4e6; border-radius:12px; padding:10px 14px; margin:6px; text-align:left; }
.team ul { margin:6px 0 0; padding-left:18px; }
.tally { color:#5b5b66; font-weight:600; text-align:center; }