/* Layout and warm gold / ivory / pink treatment adapted from 7sumo wheel_features.css. */
:root{color-scheme:light;--pink:#c72c88;--brown:#824737;--gold:#d9a557;--cream:#fff8ed}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#775846;background:linear-gradient(155deg,#ffdfbf,#fff3df 48%,#ffd5b3);font-family:'Segoe UI','Myanmar Text',Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #872673;outline-offset:5px}button{touch-action:manipulation}.topbar{position:relative;max-width:960px;margin:auto;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bb8d4b30}.brand{display:flex;align-items:center;gap:11px;color:#164c39;text-decoration:none}.brand strong{font-size:19px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px}.brand-domain{display:block;font-size:10px;letter-spacing:2px;color:#96704f;margin-top:3px}.logo-crop{width:52px;height:52px;border:2px solid #e8bd61;border-radius:50%;overflow:hidden;display:block;background:#000;box-shadow:0 3px 8px #7c481c20}.logo-crop img{width:100%;height:100%;object-fit:cover}.round-button{width:40px;height:40px;border-radius:50%;border:1px solid #d5ab6880;color:#a15d42;background:#fff7e7;font-size:22px}.round-button[aria-pressed=true]{color:var(--pink);box-shadow:0 0 0 3px #e6379d15}.page{position:relative;padding:20px 16px 32px;max-width:680px;margin:auto}.game{text-align:center}.wheel-title span,.eyebrow{font-size:10px;letter-spacing:3px;color:#ac7132;font-weight:700}.wheel-title h1{font-family:Arial,sans-serif;font-size:clamp(32px,7vw,46px);line-height:1.05;color:#fff7d8;-webkit-text-stroke:1px #c98b35;text-shadow:0 3px 0 #aa5c24,0 6px 0 #733d201c;letter-spacing:5px;font-weight:900;margin:8px 0}.wheel-title p{font-size:12px;margin:13px 0 0;color:#96704f}.stars{height:49px;display:flex;justify-content:center;align-items:center;gap:3px;color:#ffd249;font-size:35px;filter:drop-shadow(0 2px 0 #be741e);-webkit-text-stroke:1px #ffeb9b;margin-bottom:12px}.stars b{font-size:51px;align-self:flex-end}.wheel-stage{position:relative;width:min(100%,480px);aspect-ratio:1;margin:0 auto 10px}.wheel-stage::after{content:'';position:absolute;z-index:0;bottom:1%;left:27%;width:46%;height:8%;border-radius:50% 50% 30% 30%;background:linear-gradient(110deg,#ad7327,#ffedb0 23%,#c99740 52%,#fff2b9 74%,#aa6a1f);box-shadow:0 7px 8px #b5792930}#wheel{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hub-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:white;font-size:clamp(13px,3.8vw,22px);font-weight:bold;text-shadow:0 2px 2px #8e0557;z-index:2;padding:0}.spin-button{min-width:210px;min-height:52px;padding:10px 26px;border:1px solid #ffcb7d;border-radius:28px;background:linear-gradient(#ff84d6,#e0289f 45%,#bd0f77);color:#fff9ec;font-size:18px;font-weight:bold;box-shadow:0 4px 0 #9c2463,0 8px 20px #ad51712b,inset 0 2px 0 #fff6;transition:filter .2s,transform .2s}.spin-button:hover{filter:brightness(1.06)}.spin-button:active{transform:translateY(2px)}.spin-button span{margin-left:12px;font-size:23px}.spin-caption{font-size:11px;color:#96704f;margin:20px 0 6px}.status{font-size:12px;margin:8px auto;color:#a53b4b;max-width:420px;min-height:18px}.status:empty{display:none}.result-line{margin:22px auto 8px;font-size:13px;max-width:420px;line-height:1.9}.result-line>span{font-size:10px;letter-spacing:2px;display:block;color:#a38872}.result-line strong{font-weight:500;color:#824737}.contact-button{display:block;margin:15px auto 0;border:1px solid #d7ab60;color:#98662a;background:#fff7e8;border-radius:22px;padding:10px 22px;font-size:12px;text-decoration:none}.instructions{margin:30px auto 0;width:min(100%,480px);border:1px solid #d8aa5e9c;border-radius:20px;background:linear-gradient(135deg,#fffdf8ed,#fff3e3ed);padding:24px;box-shadow:0 12px 30px #b5734020}.instructions h2{font-size:18px;font-weight:600;margin:10px 0 20px;color:#824737}.instructions ol{list-style:none;padding:0;margin:0}.instructions li{display:flex;align-items:center;gap:14px;font-size:12px;margin-top:16px;line-height:1.8}.instructions li b{font-family:Arial,sans-serif;font-size:12px;color:#c72c88;background:#f8e3eb;border:1px solid #c72c8815;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0}footer{position:relative;text-align:center;padding-bottom:22px}footer small{font-size:9px;letter-spacing:2px;color:#a38872}.marquee{overflow:hidden;background:#fff5e580;border-block:1px solid #d8aa5e55;margin-bottom:20px;padding:12px 0}.marquee span{display:inline-block;min-width:100%;white-space:nowrap;font-size:13px;color:#824737;animation:marquee 25s linear infinite;padding-inline:30px}@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.scenery{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.34}.scenery i{position:absolute;width:10vw;max-width:150px;height:43vh;bottom:0;left:-1%;background:linear-gradient(120deg,#edb56c22,#efb38177);border:2px solid #fff0cb;transform:skewY(-12deg)}.scenery i:nth-child(2){left:9%;height:24vh;width:7vw}.scenery i:nth-child(3){left:17%;height:17vh;width:5vw}.scenery i:nth-child(4){left:auto;right:-2%;height:56vh;transform:skewY(12deg)}.scenery i:nth-child(5){left:auto;right:9%;height:31vh;transform:skewY(12deg)}.scenery i:nth-child(6){left:auto;right:19%;height:19vh;transform:skewY(12deg)}dialog{border:1px solid #d8aa5e;border-radius:24px;background:linear-gradient(140deg,#fffdf8,#ffecd8);color:#775846;padding:32px 26px;width:min(420px,calc(100% - 32px));max-height:90dvh;box-shadow:0 25px 80px #6a300c50;text-align:center;overflow:auto}dialog::backdrop{background:#35221699;backdrop-filter:blur(5px)}dialog h2{font-size:23px;color:#824737;margin:16px 0}dialog p{font-size:12px;line-height:1.9}dialog .close{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:28px;color:#96704f;min-width:32px}.error-message{color:#b0244a;white-space:pre-wrap;overflow-wrap:anywhere}label{display:block;text-align:left;font-size:12px;margin:20px 0 8px}input{border:1px solid #d5ad77;border-radius:12px;width:100%;text-transform:uppercase;text-align:center;letter-spacing:8px;font:700 26px/1.3 Consolas,monospace;color:#824737;padding:15px;background:#fffdfa}input:focus{outline:2px solid #d32d93;outline-offset:2px}dialog .spin-button{width:100%;font-size:15px;margin-top:8px}.prize-value{font-size:clamp(22px,6vw,34px);font-weight:800;color:var(--pink);margin:24px 0;line-height:1.6;overflow-wrap:anywhere}#usedTicketCode{letter-spacing:3px}#savedNotice{color:#487359}@media(max-width:500px){.topbar{padding:12px 16px}.logo-crop{width:44px;height:44px}.brand strong{font-size:16px}.page{padding-top:16px}.wheel-title h1{font-size:35px}.wheel-stage{margin-top:4px;margin-bottom:8px}.instructions{padding:20px}.scenery{opacity:.5}}@media(prefers-reduced-motion:reduce){.marquee span{animation:none;white-space:normal}.spin-button{transition:none}}