/* Only the theatrical query-parameter preview hides the real wheel controls. */
body.ray57-active #wheelSection>.wheel-heading,body.ray57-active #wheelSection>#fateScene,body.ray57-active #wheelSection>.official-fate-panel,body.ray57-active #wheelSection>#fateSceneStatus,body.ray57-active #wheelSection>#wheelLeadershipNote{display:none!important}
#ray57d{display:none}
body.ray57-active #ray57d{display:block;max-width:850px;margin:0 auto 30px;text-align:center;color:#d4f0ef;padding:18px 12px 30px;background:radial-gradient(ellipse at 50% 45%,#0c4855 0%,#051b30 58%,#010c1b 100%);border:1px solid #347f88;box-shadow:inset 0 0 85px #0009,0 20px 65px #0008;overflow:hidden}
.ray57d-kicker{font:12px Georgia,serif;letter-spacing:.16em;color:#9adad8}.ray57d-intro h2{font:normal clamp(32px,7vw,58px) Georgia,serif;color:#e9fffa;margin:14px 0 8px}.ray57d-intro p{font:16px Georgia,serif;color:#b8dbd9}
.ray57d-stage{width:min(78vw,460px);aspect-ratio:1;margin:25px auto 16px;position:relative;filter:drop-shadow(0 16px 22px #000a)}.ray57d-pointer{position:absolute;z-index:3;top:-20px;left:50%;transform:translateX(-50%);font-size:39px;color:#d8bd7a;text-shadow:0 3px 4px #000}.ray57d-disc{position:absolute;inset:0;border-radius:50%;border:13px ridge #b99759;background:repeating-conic-gradient(from -22.5deg,#10394d 0deg 44deg,#195767 45deg 89deg);box-shadow:inset 0 0 0 4px #082333,inset 0 0 0 9px #ad8c58,0 0 0 4px #213b47;transition:transform 5.7s cubic-bezier(.1,.65,.09,1)}.ray57d-disc:after{content:'';position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(from -22.5deg,transparent 0deg 44.2deg,#c3a976 44.2deg 45deg);pointer-events:none}.ray57d-labels{position:absolute;inset:0}.ray57d-labels span{position:absolute;top:50%;left:50%;width:42%;transform-origin:0 50%;transform:rotate(calc(var(--i)*45deg - 90deg)) translate(9%,-50%);font:bold clamp(8px,1.6vw,12px) Georgia,serif;color:#e5f7e8;text-shadow:1px 1px 2px #000;white-space:nowrap;text-align:center}.ray57d-hub{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#e2c58c,#836a42);border:5px ridge #f1d59e;display:flex;align-items:center;justify-content:center;gap:3px;color:#12323a;font:bold clamp(13px,3vw,27px) Georgia,serif;box-shadow:0 3px 12px #0009}.ray57d-hub span{font-size:12px}
.ray57d-controls{padding:10px 12px}.ray57d-sub{font:italic 15px Georgia,serif;color:#a8d4d4}.ray57d-controls button{margin:13px auto;padding:15px 23px;background:linear-gradient(#c6a96e,#85602f);color:#101d23;border:2px solid #f1d49b;font:bold 15px Georgia,serif;cursor:pointer}.ray57d-controls button:disabled{opacity:.6;cursor:wait}#ray57dStatus{font:14px Georgia,serif;color:#c1dedd;min-height:25px}.ray57d-results{margin:22px auto;padding:23px 10px;border:1px solid #b49b63;background:#071b2de8;max-width:550px;animation:ray57d-reveal .6s ease-out}.ray57d-results[hidden]{display:none}.ray57d-results h3{font:normal clamp(35px,7vw,57px) Georgia,serif;margin:15px 0;color:#f6df9d}.ray57d-results strong{font:22px Georgia,serif;color:#e7ffff}.ray57d-results p{color:#c3dfdf;font:15px Georgia,serif}.ray57d-footer{font:13px Georgia,serif;letter-spacing:.07em;color:#e7d5a8;border-top:1px solid #32606b;margin:18px 18px 0;padding-top:22px}.ray57d-disclaimer{font:11px Georgia,serif;color:#9ab5b9;margin-top:18px}@keyframes ray57d-reveal{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:500px){.ray57d-disc{border-width:9px}.ray57d-labels span{font-size:7px}.ray57d-hub{border-width:3px}.ray57d-stage{width:min(83vw,370px)}}