/* Glücksrad */
.rad-tabs { margin-top: 20px; flex-wrap: wrap; }
.rad-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; margin-top: 16px; align-items: start; }
@media (max-width: 760px) { .rad-grid { grid-template-columns: 1fr; } }
.rad-wheel { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.rad-canvas { width: 100%; max-width: 440px; height: auto; aspect-ratio: 1; cursor: pointer; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .18)); }
.rad-pointer { width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 28px solid var(--text); margin-bottom: -22px; z-index: 1; }
.rad-result { min-height: 2.2rem; font-size: 1.6rem; font-weight: 800; text-align: center; }
.rad-spin { padding: 14px 40px; font-size: 1.15rem; }
.rad-side { margin-top: 0; display: grid; gap: 10px; }
.rad-entries { width: 100%; min-height: 180px; }
.rad-presets, .rad-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.rad-presets button { font-weight: 500; font-size: .85rem; padding: 5px 10px; border-radius: 999px; }
.rad-check { color: var(--text); }
.rad-teams { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; margin-top: 14px; }
.rad-team { border: 2px solid; border-radius: 12px; padding: 10px 12px; }
.rad-team ul { margin: 6px 0 0; padding-left: 1.1rem; }
.rad-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .rad-grid2 { grid-template-columns: 1fr; } }
.rad-center { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.rad-coin { width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fde68a, #d97706); display: grid; place-items: center; font-weight: 900; font-size: 1.3rem; color: #78350f; box-shadow: 0 6px 16px rgba(0, 0, 0, .2); }
.rad-coin.flip { animation: rad-flip .9s ease; }
@keyframes rad-flip { 0% { transform: rotateY(0) } 100% { transform: rotateY(1440deg) } }
.rad-dice { font-size: 3.4rem; line-height: 1.2; min-height: 4.2rem; }
.rad-dice.roll { animation: rad-roll .5s ease; }
@keyframes rad-roll { 0% { transform: rotate(-20deg) scale(.8) } 60% { transform: rotate(15deg) scale(1.1) } 100% { transform: none } }
.rad-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); background: #111827; color: #fff; padding: 10px 16px; border-radius: 12px; opacity: 0; pointer-events: none; transition: .2s; z-index: 60; }
.rad-toast.on { opacity: 1; transform: translate(-50%, 0); }