/* testyourluck.online */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0e1210}
body{font-family:Archivo,Verdana,sans-serif;color:#e8ede8;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#9dff3c;text-decoration-color:#3f5b23;text-underline-offset:3px}
a:hover{color:#c3ff7d}
:focus-visible{outline:2px solid #9dff3c;outline-offset:2px}
h1,h2,h3{font-family:'Chakra Petch',Verdana,sans-serif;color:#f2f7f1}
.wrap{max-width:1140px;margin:0 auto;padding-left:28px;padding-right:28px}
.logo{font-family:'Chakra Petch',Verdana,sans-serif;font-weight:700;font-size:20px;letter-spacing:.02em;color:#e8ede8}
.logo span{color:#9dff3c}
.site-header{padding-top:22px;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px}
.main-nav{display:flex;gap:26px;font-size:15px;font-weight:600}
.main-nav a{color:#8fa096;text-decoration:none}
.main-nav a.active{color:#e8ede8}
.main-nav a:hover{color:#9dff3c}
.hero{max-width:1140px;margin:0 auto;padding:30px 28px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}
.die-stage{position:relative;width:min(100%,300px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
#die{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;inset:-14%;background:radial-gradient(circle at 50% 45%,rgba(157,255,60,.14) 0%,rgba(157,255,60,.04) 45%,transparent 68%);animation:glowpulse 4.5s ease-in-out infinite;pointer-events:none}
.glitch{font-weight:700;font-size:clamp(34px,5vw,54px);line-height:1.02;margin:8px 0 10px;text-shadow:-1.5px 0 rgba(255,0,80,.45),1.5px 0 rgba(0,220,255,.45)}
.tagline{max-width:52ch;margin:0 0 22px;color:#a9b8ac;font-size:18px}
.btn-roll{font-family:'Chakra Petch',Verdana,sans-serif;font-weight:700;font-size:19px;letter-spacing:.08em;background:#9dff3c;color:#0e1210;border:none;border-radius:2px;padding:14px 0;width:186px;cursor:pointer}
.btn-roll:hover{background:#c3ff7d}
.btn-roll:active{transform:translateY(2px)}
.result{min-height:86px;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
#resultNum{font-family:'Chakra Petch',Verdana,sans-serif;font-weight:700;font-size:54px;color:#9dff3c;line-height:1}
#resultLine{color:#a9b8ac;text-align:left;white-space:nowrap}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px;color:#8fa096;text-decoration:none;font-family:'Chakra Petch',Verdana,sans-serif;font-weight:600;font-size:13px;letter-spacing:.16em}
.scroll-cue:hover{color:#9dff3c}
.scroll-cue span{animation:bob 1.6s ease-in-out infinite;font-size:20px;line-height:1}
.switcher{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.switcher a{padding:6px 14px;border:1px solid #2c352d;border-radius:3px;font-size:13px;font-weight:600;color:#8fa096;text-decoration:none}
.switcher a:hover,.switcher a.active{border-color:#9dff3c;color:#9dff3c}
.section-title{font-weight:700;font-size:clamp(26px,3.4vw,38px);margin:0 0 8px;border-top:1px solid #232a26;padding-top:30px}
.section-sub{max-width:62ch;margin:0 0 26px;color:#8fa096}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.card{display:flex;gap:16px;align-items:center;padding:18px 20px;background:#131815;border:1px solid #232a26;border-radius:3px;text-decoration:none}
.card:hover{border-color:#9dff3c}
.card .die-icon{width:60px;height:60px;flex:none;display:block}
.card strong{display:block;font-family:'Chakra Petch',Verdana,sans-serif;font-size:18px;color:#e8ede8}
.card span span{color:#8fa096;font-size:15px}
.two-col{padding-top:30px;padding-bottom:10px;display:flex;flex-wrap:wrap;gap:40px}
.two-col>div{flex:1 1 340px;min-width:0}
.two-col h2{font-weight:700;font-size:clamp(22px,2.6vw,28px);margin:0 0 10px;border-top:1px solid #232a26;padding-top:28px}
.two-col p{max-width:60ch;margin:0 0 12px;color:#a9b8ac}
.site-footer{border-top:1px solid #232a26;background:#0a0d0b;margin-top:44px}
.footer-cols{padding-top:34px;padding-bottom:26px;display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between}
.footer-brand{flex:1 1 260px}
.footer-brand .logo{font-size:16px}
.footer-brand p{max-width:38ch;margin:10px 0 0;color:#6e7d72;font-size:14px}
.site-footer nav{font-size:14px}
.site-footer h3{font-weight:600;font-size:13px;letter-spacing:.1em;color:#8fa096;margin:0 0 10px}
.site-footer nav a{display:block;color:#a9b8ac;text-decoration:none;margin-bottom:8px}
.site-footer nav a:hover{color:#9dff3c}
.footer-bar{border-top:1px solid #1a201c}
.footer-bar-inner{padding-top:16px;padding-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:#5f6d63;font-size:13px}
.spinner-hero{padding-top:36px;padding-bottom:20px;display:flex;flex-wrap:wrap;gap:44px;align-items:center;justify-content:center}
.wheel-wrap{position:relative;width:460px;height:460px;max-width:100%;flex:0 1 460px}
#wheelMount{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.wheel-glow{inset:-2%}
.pointer{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #9dff3c;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.hub-btn{position:absolute;top:calc(50% - 27px);left:50%;transform:translate(-50%,-46%);width:76px;height:76px;border-radius:50%;background:#0e1210;border:3px solid #9dff3c;color:#9dff3c;font-family:'Chakra Petch',Verdana,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.55)}
.hub-btn:hover{background:#131815;color:#c3ff7d}
.spinner-panel{flex:1 1 340px;max-width:460px;display:flex;flex-direction:column;align-items:flex-start}
.spinner-panel textarea{width:100%;background:#131815;border:1px solid #232a26;border-radius:3px;color:#e8ede8;font-family:Archivo,Verdana,sans-serif;font-size:16px;line-height:1.5;padding:12px 14px;resize:vertical}
.spin-row{display:flex;align-items:center;gap:18px;margin-top:16px;flex-wrap:wrap}
#spinResult{font-family:'Chakra Petch',Verdana,sans-serif;font-weight:700;font-size:24px;color:#9dff3c;min-height:30px}
.spin-line{min-height:28px;margin-top:10px;color:#8fa096}
.soon{display:block;color:#5f6d63;margin-bottom:8px;font-size:14px}
.legal{max-width:760px;margin:0 auto;padding:38px 28px 60px}
.legal h1{font-weight:700;font-size:clamp(30px,4vw,42px);margin:0 0 6px}
.legal h2{font-weight:700;font-size:20px;margin:28px 0 8px;border-top:1px solid #232a26;padding-top:24px}
.legal p{color:#a9b8ac;margin:10px 0;max-width:64ch}
.legal .updated{font-family:'Chakra Petch',Verdana,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5f6d63}
@keyframes glowpulse{0%,100%{opacity:.5}50%{opacity:.75}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}