.wheel-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button.secondary{background:#e7e4da;color:#101410;box-shadow:4px 4px 0 #000}.button.danger{background:#d26745;color:#fff;box-shadow:4px 4px 0 #000}.wheel-note{max-width:430px;font:10px/1.55 'DM Mono',monospace!important;color:#8e9a8b!important;margin:15px 0 0}.wheel.four-sectors{--spin-rotation:0deg;background:conic-gradient(from -45deg,#b45f42 0 90deg,#407d69 90deg 180deg,#ad9e36 180deg 270deg,#65507d 270deg 360deg);border:13px solid #737353;box-shadow:0 0 0 4px #161c15,0 0 0 9px #9d9561,0 0 0 13px #263526,0 26px 42px #000a,inset 0 0 0 10px #283629,inset 0 0 25px #081008}.wheel.four-sectors:after{content:'';position:absolute;inset:27px;border:2px solid #d8d19b88;border-radius:50%;box-shadow:inset 0 0 0 11px #17201622;pointer-events:none}.wheel.four-sectors:before{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(45deg,transparent 49.35%,#e8dbafaa 50%,transparent 50.65%),linear-gradient(-45deg,transparent 49.35%,#e8dbafaa 50%,transparent 50.65%);filter:drop-shadow(0 1px 1px #172016)}.four-sectors .wheel-center{inset:34%;background:radial-gradient(circle at 35% 30%,#334437,#111a13 68%);border:7px solid #7e7b54;color:#e7e4da;box-shadow:0 3px 0 #0b100c,0 0 0 4px #1f2a20,0 10px 16px #0008;transform:rotate(calc(var(--spin-rotation) * -1));transition:transform 4.2s cubic-bezier(.12,.65,.1,1)}.wheel-segment{position:absolute;z-index:2;width:92px;display:flex;flex-direction:column;align-items:center;color:#f7f2d9;text-shadow:0 2px 2px #1b130dcc;line-height:1;transform:rotate(calc(var(--spin-rotation) * -1));transition:transform 4.2s cubic-bezier(.12,.65,.1,1)}.wheel-segment b{font:800 34px Archivo,sans-serif}.wheel-segment small{font:700 9px 'DM Mono',monospace;letter-spacing:.1em;margin-top:5px;white-space:nowrap}.lava-segment{top:13%;left:38%}.jungle-segment{top:44%;right:7%}.egg-segment{bottom:12%;left:38%}.meteor-segment{top:44%;left:6%}.meteor-segment small{font-size:8px}.wheel-wrap .pointer{color:#d6dd54;font-size:35px;text-shadow:0 2px #202617,0 0 14px #d6dd5488}.wheel-wrap #wheelPhase{color:#c6d2bd;min-height:22px}.wheel-wrap{position:relative}.wheel-wrap:after{content:'✦  ✦  ✦';position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:0;color:#d7d16622;letter-spacing:80px;font-size:28px;white-space:nowrap}@media(max-width:760px){.wheel-controls{gap:10px}.button.secondary,.button.danger{padding:13px 12px;font-size:10px}.wheel-note{max-width:360px}.wheel-segment b{font-size:25px}.wheel-segment small{font-size:7px}.wheel-segment{width:72px}.lava-segment,.egg-segment{left:36%}.meteor-segment{left:4%}.jungle-segment{right:4%}}