@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#eeeade;background:#071e19;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 48%,#16483870,transparent 60%),#071e19}header,footer{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 52px}header{border-bottom:1px solid #ffffff12}.brand{color:#f4edda;text-decoration:none;letter-spacing:2px;font-weight:700;font-size:17px;display:flex;align-items:center;gap:7px}.brand>span:last-child{font-weight:400;color:#c4a66e}.brand-icon{font-size:28px;color:#db7;margin-right:8px}.tag,.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#cfb47f}.tag{border:1px solid #cab47d40;border-radius:30px;padding:9px 13px}main{max-width:1260px;margin:0 auto;padding:48px 52px 55px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:80px}.stage{text-align:center}h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,3.5vw,49px);font-weight:500;line-height:1.14;margin:15px 0}h1 em{color:#dfbf80;font-weight:500}.wheel-wrap{position:relative;max-width:600px;margin:0 auto;padding:15px}.wheel-frame{position:relative;border-radius:50%;padding:12px;background:linear-gradient(130deg,#f1d89b,#79552b 40%,#e4c180 65%,#725226);box-shadow:0 18px 60px #0007,inset 0 0 0 2px #e9ce95,0 0 0 6px #091810,0 0 0 7px #b09057}.wheel{width:100%;display:block;border-radius:50%;filter:drop-shadow(0 3px 6px #0007)}.pointer{position:absolute;top:2px;left:calc(50% - 14px);width:28px;height:40px;background:linear-gradient(90deg,#b28b4d,#ffe0a1,#b28b4d);clip-path:polygon(0 0,100% 0,50% 100%);z-index:3;filter:drop-shadow(0 2px 2px #000)}.qr-center{position:absolute;inset:31%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#faf7ed;box-shadow:0 0 0 7px #b28e4f,0 0 0 10px #e4ca8e,0 8px 25px #0008;overflow:hidden}.qr-center canvas{width:90%;height:auto;display:block;image-rendering:pixelated}.qr-center canvas[hidden]{display:none}.wheel-note{color:#98aca2;font-size:11px;margin-top:23px;display:flex;gap:8px;align-items:center;justify-content:center}.dot{height:6px;width:6px;background:#c8b277;border-radius:50%}aside{padding-top:8px}.panel{border:1px solid #cbb47d30;border-radius:18px;background:linear-gradient(140deg,#17332b,#10291f);padding:29px;box-shadow:0 16px 40px #0002}h2{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:29px;margin:10px 0 26px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#d5d8cb;margin-bottom:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select{width:100%;min-width:0;background:#091f19;border:1px solid #6e80654d;border-radius:8px;color:#f7f2e5;padding:13px 12px;font:inherit;font-size:14px;outline:none}input:focus,select:focus{border-color:#dfbf80;box-shadow:0 0 0 3px #dfbf8020}.hint{font-size:11px;color:#91a699;line-height:1.7;margin:-8px 0 18px}#error{color:#ffb1a5;font-size:12px;line-height:1.5;margin:0 0 12px}#error:empty{display:none}button{cursor:pointer;font:inherit}#spin{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;border:1px solid #efd59a;border-radius:8px;background:linear-gradient(120deg,#e8c991,#be9859);color:#1c281d;font-size:12px;letter-spacing:1.4px;font-weight:700;box-shadow:0 5px 20px #d4ae5420}#spin:hover{filter:brightness(1.08)}:disabled{opacity:.6;cursor:wait}.result{border-top:1px solid #cbb47d25;margin-top:26px;padding-top:23px;text-align:center;display:flex;flex-direction:column;gap:8px}.result>span{font-size:9px;letter-spacing:1.6px;color:#aebba9}.result strong{font-family:Playfair Display,Georgia,serif;color:#e8c991;font-size:96px;overflow-wrap:anywhere}.result small{font-size:11px;color:#8fa499}.history-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px}h3{font-weight:500;font-size:13px}#clear{background:none;border:0;color:#b8a678;font-size:11px;padding:8px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:18px;padding:11px 0;border-bottom:1px solid #ffffff0d;font-size:12px}li>span,li>time{color:#7e9589}li>strong{color:#e6d6b5;flex:1}li.empty{color:#819b8d;font-size:12px}.footnote{font-size:10px;color:#718c7d;line-height:1.7;margin-top:19px}footer{border-top:1px solid #ffffff12;font-size:10px;letter-spacing:1px;color:#70897b}button:focus-visible,a:focus-visible{outline:2px solid #efd59a;outline-offset:4px}@media(max-width:850px){main{gap:30px;padding:35px 24px;grid-template-columns:1fr 1fr}header,footer{padding:23px 24px}.panel{padding:22px}.wheel-wrap{padding:12px}}@media(max-width:650px){main{grid-template-columns:1fr;gap:28px;padding:30px 22px}.stage{max-width:460px;margin:auto;width:100%}h1{font-size:37px}.wheel-wrap{max-width:440px}.tag{font-size:8px;letter-spacing:1px}.brand{font-size:12px;letter-spacing:1px}.brand-icon{font-size:23px}.panel{padding:25px}footer{gap:20px;font-size:8px}}