@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--red:#ad302e;--cream:#f2dfbd;--gold:#d4ae79}*{box-sizing:border-box}body{margin:0;background:#ad302e;color:var(--cream);font-family:'Be Vietnam Pro',sans-serif;min-height:100svh;overflow-x:clip;background-image:radial-gradient(ellipse at 50% 44%,#c4463b 0,#ad302e 57%,#8e2729 100%)}body:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:6px}.ornament-frame{position:fixed;inset:16px;border:1px solid #e7c08d55;pointer-events:none}.ornament-frame:after{content:'';position:absolute;inset:5px;border:1px solid #e7c08d22}.fan{position:fixed;width:370px;height:370px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#d35a47 0deg 6deg,#a82b2a 6deg 12deg);border:1px solid #edc39b4d;box-shadow:inset 0 0 0 18px #ad302e33,inset 0 0 0 19px #edc39b44,inset 0 0 0 45px #ad302e44,inset 0 0 0 46px #edc39b33;opacity:.6;pointer-events:none}.fan:after{content:'';position:absolute;inset:41%;border-radius:50%;background:#ac302d;border:1px solid #e1ae80}.fan-left{left:-190px;top:20%}.fan-right{right:-220px;bottom:-95px;width:480px;height:480px;transform:rotate(7deg)}header{position:relative;z-index:2;padding:36px 48px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;letter-spacing:-2px;font-weight:700;color:var(--cream);text-decoration:none}.brand span{font-size:28px;margin-left:4px;color:#dab681}.edition{font-size:8px;letter-spacing:2.7px;opacity:.65}.edition i{font-style:normal;margin:0 10px}#sound{border:1px solid #eed7b249;border-radius:50%;background:transparent;color:var(--cream);width:34px;height:34px;font-size:21px}#sound span{display:none}#sound[aria-pressed=true]{background:var(--cream);color:var(--red)}main{position:relative;text-align:center;max-width:1100px;padding:6px 24px 32px;margin:auto}.intro{position:relative;z-index:1}.eyebrow{font-size:8px;letter-spacing:2.4px;display:flex;align-items:center;justify-content:center;gap:13px;color:#dfb893}.eyebrow span{width:5px;height:5px;border:1px solid #dfb893;transform:rotate(45deg)}h1{font-family:'Playfair Display',serif;font-size:clamp(40px,4.8vw,62px);font-weight:500;letter-spacing:-1.8px;line-height:1.2;margin:12px 0}h1 em{font-weight:500;color:#f9dca4}.intro p{font-size:10px;letter-spacing:.7px;color:#e3b59d;margin:13px 0 0}.machine{position:relative;isolation:isolate;width:min(440px,calc(100vw - 94px));margin:37px auto 0;padding-bottom:18px}.machine:before{content:'';position:absolute;inset:-14px -14px 4px;border-radius:50%;border:1px solid #eac99a80;box-shadow:0 0 0 5px #ad302e,0 0 0 6px #e5bc8250;z-index:-1}.machine:after{content:'✦';position:absolute;bottom:-1px;left:calc(50% - 8px);font-size:16px;color:#ecc896;background:#ad302e;z-index:4;padding:0 2px}.wheel-frame{position:relative;aspect-ratio:1;border-radius:50%;padding:17px;background:#a52e2a;border:1px solid #f4d7a4;box-shadow:0 9px 22px #611b2533,inset 0 0 0 5px #b74032,inset 0 0 0 6px #e6bd8477}.wheel-frame:before{content:'';position:absolute;inset:11px;border:1px solid #ebc59088;border-radius:50%;pointer-events:none}.wheel-inner{position:relative;border-radius:50%;overflow:hidden;border:2px solid #cba36e;box-shadow:0 0 0 2px #902827}#wheel{display:block;width:100%;transition:transform 5.4s cubic-bezier(.12,.67,.13,1);will-change:transform}.bulbs{position:absolute;inset:0;pointer-events:none}.bulb{position:absolute;height:3px;width:3px;background:#edc69a;border-radius:50%;transform:translate(-50%,-50%)}.pointer{position:absolute;top:-25px;left:50%;transform:translateX(-50%);z-index:4;width:29px;height:53px;background:linear-gradient(100deg,#f9e4b6,#c29a61);clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 2px 3px #8b2226);display:flex;justify-content:center;align-items:center;padding-bottom:12px}.pointer span{font-size:13px;color:#ad302e}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:91px;height:91px;border:1px solid #f4dba6;outline:5px solid #a32e29;border-radius:50%;background:#eddbb7;color:#a32e2b;box-shadow:0 0 0 7px #d4ad73,0 5px 20px #7e242650;display:flex;flex-direction:column;align-items:center;justify-content:center}.hub>span{font-family:'Playfair Display',serif;font-size:32px;font-style:italic;line-height:1}.hub small{font-size:5px;letter-spacing:.5px;margin-top:10px}.hub:disabled{cursor:default}.decor{position:absolute;color:#e6ba80;font-size:28px}.star-left{left:-70px;bottom:26%;font-size:44px;opacity:.7}.star-right{right:-69px;top:14%;font-size:27px;opacity:.8}.orbit-label{position:absolute;left:-89px;top:12%;font-family:'Playfair Display',serif;font-size:13px;line-height:1.8;letter-spacing:3px;color:#ddb68d;padding:17px 7px;border-top:1px solid #dfb48b60;border-bottom:1px solid #dfb48b60}.pedestal,.floor-shadow{display:none}.controls{position:relative;margin:27px auto 0;max-width:264px}.spin{display:flex;justify-content:center;align-items:center;gap:23px;width:100%;background:#eddbb7;color:#962b2a;border:1px solid #f9eac9;border-radius:2px;padding:16px 14px;box-shadow:0 0 0 4px #ad302e,0 0 0 5px #dbb28377;font-size:10px;letter-spacing:1.1px;font-weight:600;transition:background .2s,transform .2s}.spin span{font-size:18px;line-height:1}.spin:hover:not(:disabled){background:#f7e7c6;transform:translateY(-2px)}.spin:disabled{opacity:.55;cursor:default}.status{font-size:9px;color:#e3b49a;margin-top:19px;min-height:14px}.status b{color:#fae6c2;font-weight:500}footer{display:flex;align-items:center;justify-content:center;gap:16px;font-size:7px;letter-spacing:1.4px;color:#d1a183;margin-top:25px}footer button{border:0;border-left:1px solid #c6907555;background:transparent;color:#e3ba99;font-size:9px;padding:2px 0 2px 16px}footer button:disabled{opacity:.4}dialog{padding:0;overflow:visible;background:transparent;border:0;color:#8f2928;width:min(370px,calc(100vw - 46px))}dialog::backdrop{background:#4e161bcc;backdrop-filter:blur(7px)}.result-content{position:relative;background:#f0dfbe;border:1px solid #fff2d0;outline:5px solid #aa3430;box-shadow:0 0 0 6px #d2ae7c,0 20px 90px #42121b77;padding:38px 25px 28px;text-align:center;border-radius:130px 130px 3px 3px}.result-content:before{content:'';position:absolute;inset:9px;border:1px solid #b9906155;pointer-events:none;border-radius:121px 121px 0 0}#close{position:absolute;right:19px;top:84px;border:0;background:none;color:#a33c2e;font-size:23px;z-index:1}.modal-kicker{font-size:7px;letter-spacing:1.2px;display:block;margin:16px 0 0}#emoji{font-size:75px;margin:22px 0 12px;filter:drop-shadow(0 7px 6px #8b422222)}.result-content p{font-size:10px;color:#a17459;margin-bottom:8px}.result-content h2{font-family:'Playfair Display',serif;font-weight:500;font-size:30px;margin:0 0 24px}#code{font-size:16px;letter-spacing:3px;border-top:1px solid #bc936b66;border-bottom:1px solid #bc936b66;padding:14px}.result-content small{font-size:8px;color:#a17459;display:block;margin:13px 0 25px}#continue{background:#a5322e;color:#f2dfbc;box-shadow:none;border-color:#9c302d;font-size:9px;position:relative}#confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:3}@media(min-height:950px) and (min-width:701px){main{padding-top:25px}.machine{width:480px;margin-top:45px}.controls{margin-top:33px}}@media(max-width:700px){header{padding:29px 34px 22px}.edition{display:none}.brand{font-size:27px}.brand span{font-size:25px}main{padding:6px 25px 32px}.ornament-frame{inset:11px}.eyebrow{font-size:6.5px;letter-spacing:1.8px}h1{font-size:42px;letter-spacing:-1.6px;margin:14px 0}.intro p{font-size:9px;letter-spacing:.2px}.machine{margin-top:34px;width:min(410px,calc(100vw - 86px))}.wheel-frame{padding:13px}.wheel-frame:before{inset:8px}.machine:before{inset:-10px -10px 8px;box-shadow:0 0 0 4px #ad302e,0 0 0 5px #e5bc8250}.pointer{top:-22px;width:25px;height:46px}.hub{width:74px;height:74px;outline-width:4px}.hub>span{font-size:27px}.hub small{font-size:4.5px;margin-top:8px}.orbit-label{display:none}.star-left{left:-28px;bottom:10%;font-size:27px}.star-right{right:-27px;top:4%;font-size:20px}.fan-left{width:220px;height:220px;left:-153px;top:17%}.fan-right{width:290px;height:290px;right:-180px;bottom:-35px;opacity:.45}.controls{margin-top:24px;max-width:245px}.spin{font-size:9px;padding:15px 12px}footer{font-size:6px;margin-top:26px}.status{font-size:8px}}@media(max-width:370px){h1{font-size:36px}.hub{width:65px;height:65px}.hub>span{font-size:24px}.eyebrow{letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){#wheel{transition-duration:.15s}.spin{transition:none}}

/* TEMBASE brand sizing */
.logo,.brand{font-size:26px;letter-spacing:-1px;font-weight:800}.logo span,.brand span{font-size:25px}.wheel-center{font-size:11px;letter-spacing:-.3px}.wheel-center span{font-size:6px}@media(max-width:700px){.logo,.brand{font-size:22px}.logo span,.brand span{font-size:22px}.wheel-center{font-size:10px}}