:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#fff;background:#140822}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#66318c 0%,#29113e 34%,#140822 75%)}.shell{max-width:1120px;margin:auto;padding:0 18px}header{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff23}.brand{font-size:23px;font-weight:900;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.logo{color:#ffd45c;text-shadow:0 0 16px #ff9a21;font-size:24px}select{background:#2c1843;color:#fff;border:1px solid #9871b0;border-radius:25px;padding:10px 12px;font-size:14px}.hero{text-align:center;position:relative;padding:38px 0 18px;overflow:hidden}.hero:before,.hero:after{content:'✦';position:absolute;color:#ffcc57;font-size:58px;opacity:.28;top:72px}.hero:before{left:5%}.hero:after{right:5%}.eyebrow{color:#ffd980;font-weight:800;font-size:12px;letter-spacing:3px}h1{font-size:clamp(36px,7vw,72px);line-height:1.04;margin:16px 0 12px;font-weight:950;text-shadow:0 3px 0 #7d3b15,0 0 26px #ffa52b55}h1 em{font-style:normal;color:#ffd45b}p{color:#e7d6ee}.hero p{margin:0 auto 20px;max-width:520px;font-size:15px}.reels{display:flex;justify-content:center;gap:8px;margin:18px auto 5px}.reels span{display:grid;place-items:center;width:72px;height:83px;border-radius:13px;background:linear-gradient(145deg,#fff5c2,#ffbd2c 35%,#8c3c0c 65%,#ffe39a);border:3px solid #ffe08a;color:#e62b2b;font-weight:1000;font-size:60px;text-shadow:1px 2px #fff1bb;box-shadow:0 0 20px #f7a71e70,inset 0 0 13px #fff8}.choices{text-align:center;padding:17px 0 30px}.choices h2{font-size:28px;color:#ffe3a1;margin:0 0 4px}.choices>p{font-size:13px;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.country{position:relative;min-height:210px;border:2px solid #f6b953;border-radius:19px;overflow:hidden;text-align:left;background:linear-gradient(130deg,var(--tone),#27103b 78%);box-shadow:0 0 17px #ffa72c30,inset 0 0 32px #ffffff0b;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.country:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff14;right:-40px;top:-65px}.country .top{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850}.flag{font-size:34px}.art{position:absolute;right:10px;top:58px;font-size:73px;filter:drop-shadow(0 7px 7px #0007);opacity:.95}.country button{position:relative;z-index:1;align-self:flex-start;border:0;border-radius:30px;padding:11px 22px;font-weight:850;font-size:15px;color:#3c1b00;background:linear-gradient(#fff2a5,#ffb51d);box-shadow:0 3px 0 #ad670e;cursor:pointer}.country button:disabled{background:#9d889d;color:#eee;box-shadow:none;cursor:not-allowed}.disclaimer{text-align:center;font-size:12px;color:#c9b5d1;line-height:1.6;padding:18px;border-top:1px solid #ffffff2b}footer{text-align:center;color:#bca5c7;font-size:12px;padding:20px 0 32px}.modal{position:fixed;inset:0;z-index:20;background:#090511d9;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modalCard{max-width:420px;width:100%;padding:28px 24px;text-align:center;border:1px solid #d9a851;border-radius:20px;background:#251237;box-shadow:0 12px 70px #0009}.modalIcon{font-size:44px}.modalCard h2{color:#ffdc85}.modalCard p{line-height:1.55;font-size:14px}.modalButtons{display:flex;gap:10px;margin-top:22px}.modalButtons button{flex:1;padding:13px;border-radius:10px;font-weight:800;cursor:pointer}.primary{background:#ffca56;border:0;color:#2c1639}.secondary{background:transparent;border:1px solid #af92bb;color:#fff}@media(max-width:650px){.shell{padding:0 12px}header{height:60px}.brand{font-size:18px}.logo{font-size:18px}.hero{padding:23px 0 12px}.hero:before,.hero:after{font-size:35px;top:65px}.hero p{font-size:12px}.eyebrow{font-size:10px}.reels span{width:51px;height:61px;font-size:43px}.choices{padding:10px 0 22px}.choices h2{font-size:23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.country{min-height:174px;padding:11px;border-radius:14px}.country .top{font-size:16px;gap:5px}.flag{font-size:25px}.art{font-size:60px;right:5px;top:50px}.country button{font-size:12px;padding:9px 13px}.choices>p{font-size:11px;margin-bottom:16px}}@media(max-width:360px){.country .top{font-size:14px}.country{min-height:162px}.art{font-size:49px}}
