@font-face{font-family:"Faith Wheel Thai";src:url("./assets/fonts/faith-wheel-thai.ttf") format("truetype");font-weight:100 900;font-display:swap}
.inspection-wheel-dialog{width:min(560px,calc(100% - 20px));max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:5px;border:1px solid #d9ad58;border-radius:26px;background:#160f16;color:#fff3dc;overflow:auto;box-shadow:0 22px 85px #000b;font-family:"Faith Wheel Thai","Noto Sans Thai",Tahoma,sans-serif;overscroll-behavior:contain}
.inspection-wheel-dialog::backdrop{background:#100b0ed9;backdrop-filter:blur(5px)}
.inspection-wheel-card{border:1px solid #c59a543b;border-radius:21px;padding:14px 18px 18px;background:radial-gradient(ellipse at 50% 45%,#47202a44,transparent 70%),#160f16}
.wheel-heading{padding:14px 12px 19px;text-align:center;border-radius:16px;background:linear-gradient(#071714bd,#071714ce),url("./assets/board/empire-center-v042.webp") center 15%/cover;border-bottom:1px solid #d9ad584d}
.wheel-heading>small{display:block;color:#e2ba69;font-family:Georgia,serif;font-weight:700;font-size:14px;letter-spacing:.035em}
.wheel-step{display:table;padding:3px 17px;margin:9px auto;border:1px solid #b99153;border-radius:30px;font-size:14px;font-weight:700;background:#09281f;color:#ffedb5}
.wheel-heading h2{font-size:clamp(24px,6vw,34px);line-height:1.35;color:#ffedb5;margin:8px 0;text-shadow:0 3px 6px #000}
.wheel-heading p{font-size:16px;line-height:1.55;margin:0;overflow-wrap:anywhere}
.inspection-wheel-wrap{position:relative;max-width:480px;margin:36px auto 0;aspect-ratio:1;isolation:isolate}
.inspection-wheel-wrap::before{content:"";position:absolute;inset:2% 0 -2%;border-radius:50%;background:#654827;box-shadow:0 14px 25px #0008;z-index:-1}
.wheel-disc{width:100%;height:100%;transform-origin:50% 50%;will-change:transform}
.wheel-disc svg{display:block;width:100%;height:100%;overflow:visible;font-family:"Faith Wheel Thai",Tahoma,sans-serif}
.wheel-disc text{fill:#fff3dc;paint-order:stroke;stroke:#160f1666;stroke-width:1;font-weight:700}
.wheel-name{font-size:40px}.wheel-chance{font-size:35px;font-weight:400!important;fill:#dfccac!important}.wheel-safe{font-size:48px;fill:#e0f7e5!important}.wheel-fine{font-size:32px;fill:#ffe9bf!important}.wheel-rate{font-size:54px;fill:#ffedb5!important}
.wheel-pointer{position:absolute;left:50%;top:-8%;width:9%;height:17%;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 3px 2px #0007);pointer-events:none}
.wheel-pointer img{position:absolute;width:110%;left:-5%;top:0;z-index:2}
.wheel-pointer i{position:absolute;inset:26% 0 0;clip-path:polygon(0 0,100% 0,79% 57%,50% 100%,21% 57%);background:linear-gradient(90deg,#fff0bc,#d6a657 50%,#fff0bc)}
.wheel-pointer i::after{content:"";position:absolute;inset:10% 28% 17%;clip-path:polygon(0 0,100% 0,50% 100%);background:#603c20}
.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26%;height:26%;padding:4px 0;border:6px double #e0b868;border-radius:50%;color:#ffedb5;background:radial-gradient(ellipse at 35% 15%,#1a4437,#09281f 70%);box-shadow:0 4px 0 #684727,0 7px 0 #0c120e,0 10px 12px #0006;text-align:center;cursor:pointer}
.wheel-center:disabled{opacity:1;cursor:default}.wheel-center span{display:block;font-family:Arial,sans-serif;font-size:clamp(25px,7vw,46px);line-height:.95;font-weight:400;color:#e2ba69}.wheel-center b{display:block;font-size:clamp(16px,4.6vw,23px);line-height:1.35}.wheel-center small{display:block;font-size:12px;line-height:1.4;color:#d7c096}
.wheel-center:disabled b{font-size:clamp(13px,3.5vw,18px)}
.wheel-status{min-height:24px;margin:18px 0 10px;text-align:center;font-size:16px;line-height:1.5;color:#ffedb5;overflow-wrap:anywhere}
.wheel-action{display:block;width:100%;min-height:50px;padding:11px 14px;border:1px solid #ffebaf;border-radius:13px;color:#25160f;background:linear-gradient(#e7c679,#d7b061);box-shadow:0 4px 0 #49311d;font-size:18px;font-weight:700;cursor:pointer;line-height:1.5}
.wheel-action:disabled{cursor:wait;opacity:.7}.wheel-action:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #49311d}
.wheel-notes{margin:18px 0 0;text-align:center;color:#c7b8a0;font-size:14px;line-height:1.7}
@media(max-width:380px){.inspection-wheel-card{padding:10px 10px 14px}.wheel-heading{padding:10px 7px 13px}.wheel-heading p{font-size:14px}.wheel-center{border-width:5px}.wheel-center small{font-size:12px}.wheel-center:disabled small{display:none}.wheel-notes{font-size:14px}}
@media(max-height:650px){.inspection-wheel-dialog{max-height:calc(100dvh - 12px)}.wheel-heading{padding:8px}.wheel-heading h2{margin:5px 0}.wheel-heading>small{display:none}.wheel-step{margin:5px auto}.inspection-wheel-wrap{max-width:340px;margin-top:27px}.wheel-center small{display:none}.wheel-status{margin-top:12px}.wheel-notes{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none!important}}