@import url('https://fonts.googleapis.com/css2?family=Freeman&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--cream:#ffe9ce;--ink:#101010;--violet:#8a53ff;--red:#fd4b38;--yellow:#ffd80c;--indigo:#0500a3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:600;letter-spacing:.012em;font-feature-settings:'ss01' on,'dlig' on}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--indigo);outline-offset:5px}header{padding:16px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;line-height:0}.brand img{display:block;width:150px;height:auto}.site-link{font-size:16px;border-bottom:1px solid currentColor;padding-bottom:4px}main{width:100%}[hidden]{display:none!important}#hub{padding:32px 5% 64px;display:flex;flex-direction:column;align-items:center;gap:42px}.intro{text-align:center;max-width:1100px}.intro h1{font-size:clamp(42px,5.6vw,78px);font-weight:700;line-height:1.13;margin:6px 0 24px;letter-spacing:.012em}h1 em{font-style:normal}.intro h1 em{display:inline-block;background:var(--yellow);padding:0 16px 8px;transform:rotate(-4deg);border-radius:10px}.intro p{font-size:22px;line-height:1.4;margin:0}.game-card{display:flex;align-items:center;justify-content:space-between;position:relative;background:var(--violet);color:white;border-radius:15px;width:min(720px,100%);min-height:270px;padding:30px 42px;overflow:hidden;transform:rotate(1deg);transition:transform .2s}.game-card:hover{transform:rotate(0)}.card-copy{position:relative;z-index:1}.card-copy h2{font-size:40px;line-height:1.12;margin:0 0 28px}.play{display:inline-flex;align-items:center;gap:36px;padding:13px 24px;border-radius:5px;background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--yellow);font-size:18px;font-weight:700}.game-card:hover .play{background:var(--ink);color:white}.play b{font-size:24px}.mini-wheel{flex:none;width:232px;height:232px;border:8px solid var(--yellow);border-radius:50%;background:conic-gradient(var(--red) 0deg 45deg,var(--indigo) 45deg 90deg,var(--yellow) 90deg 135deg,var(--indigo) 135deg 180deg,var(--red) 180deg 225deg,var(--indigo) 225deg 270deg,var(--yellow) 270deg 315deg,var(--indigo) 315deg);display:grid;place-items:center;transform:rotate(-15deg);margin-right:-5px}.mini-wheel span{display:grid;place-items:center;width:70px;height:70px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:50%;font-weight:700}.game-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 4.5% 20px}.back{font-size:16px}.tools{display:flex;gap:12px;align-items:center}.tools button{background:white;border:0;border-radius:5px;box-shadow:0 0 0 2px var(--yellow);color:var(--ink);padding:12px 16px;font-size:14px;min-height:44px}.tools button:hover,.tools button[aria-pressed=true]{background:var(--ink);color:white}.game-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5%;padding:20px 7% 42px}.game-heading h1{font-size:clamp(42px,5.2vw,76px);line-height:1.15;margin:0 0 28px;font-weight:700}.game-heading h1 em{color:var(--indigo)}.game-heading>p{display:inline-block;background:white;padding:16px 20px;border-radius:15px;font-size:20px;line-height:1.4;transform:rotate(-4deg);margin:0}.play-area{min-width:0;text-align:center}.wheel-shell{position:relative;width:min(100%,490px);aspect-ratio:1;border-radius:50%;padding:10px;background:var(--indigo);margin:10px auto 0;border:2px solid var(--ink)}#wheel{display:block;width:100%;height:100%;border-radius:50%;transition:transform 5.2s cubic-bezier(.13,.67,.12,1)}.pointer{position:absolute;z-index:3;left:50%;top:-11px;transform:translateX(-50%);width:34px;height:48px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.spin{position:absolute;inset:39%;border:3px solid var(--ink);border-radius:50%;background:var(--cream);color:var(--ink);font-size:25px;font-weight:700;display:grid;place-items:center}.spin:hover{background:var(--yellow)}#status{font-size:16px;line-height:1.4;margin:24px 0 0;min-height:23px}footer{background:var(--yellow);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:36px}footer p{max-width:740px;font-size:16px;line-height:1.4;margin:0}footer a{font-size:18px;font-weight:700;white-space:nowrap;border-bottom:1px solid currentColor;padding:6px 0}dialog{background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:15px;padding:32px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);text-align:center}dialog::backdrop{background:#0500a3b3}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--ink);font-size:30px;width:40px;height:40px}.result-logo{display:block;width:190px;height:auto;margin:0 auto 18px}.congrats{font-size:20px;line-height:1.4;margin:12px 0}dialog h2{font-size:32px;color:var(--indigo);line-height:1.25;margin:18px 0 30px;overflow-wrap:anywhere}.primary{display:block;width:100%;border:0;border-radius:5px;background:white;color:var(--ink);box-shadow:0 0 0 2px var(--yellow);padding:16px;font-size:18px;font-weight:700}.primary:hover{background:var(--ink);color:white}.text-button{background:none;border:0;color:var(--ink);padding:20px 0 0;font-size:14px}.eyebrow{font-size:14px;line-height:1.4}.field-help{font-size:14px;line-height:1.4}#config{text-align:left}#config label{font-size:16px}textarea{width:100%;background:white;border:1px solid var(--ink);border-radius:5px;padding:12px;color:var(--ink);font-size:16px;line-height:1.4;resize:vertical}textarea:focus{outline:2px solid var(--ink)}#error{font-size:14px;color:#a9180b}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.game-layout{padding-left:12%;padding-right:12%}}@media(max-width:760px){header{padding:12px 20px;gap:16px}.brand img{width:116px}.site-link{font-size:14px}#hub{padding:24px 20px 38px;gap:30px}.intro h1{font-size:clamp(32px,8.7vw,56px);line-height:1.2;margin:0 0 24px}.intro h1 em{padding:0 8px 4px}.intro p{font-size:18px;line-height:1.4;max-width:360px;margin:auto}.game-card{min-height:240px;padding:24px;gap:10px}.card-copy h2{font-size:30px;line-height:1.2;margin-bottom:24px}.play{font-size:16px;padding:12px 18px;gap:16px}.mini-wheel{position:absolute;right:-70px;width:210px;height:210px}.card-copy{max-width:65%}.game-top{padding:12px 20px 22px;flex-wrap:wrap;gap:18px}.back{font-size:14px}.tools{width:100%;gap:10px}.tools button{font-size:14px;padding:10px 12px}#settings{flex:1}.game-layout{display:flex;flex-direction:column;padding:0 20px 32px;gap:24px}.game-heading{text-align:center}.game-heading h1{font-size:36px;margin:0 0 18px;line-height:1.15}.game-heading h1 br{display:none}.game-heading h1 em:before{content:' '}.game-heading>p{font-size:16px;padding:12px 16px}.play-area{width:100%}.wheel-shell{max-width:420px;padding:7px}.pointer{width:28px;height:39px}.spin{font-size:20px}#status{font-size:14px;margin-top:20px}footer{padding:26px 22px;flex-direction:column;align-items:flex-start;gap:18px}footer p{font-size:16px}footer a{font-size:18px}dialog{padding:32px 24px}.result-logo{width:160px}}@media(prefers-reduced-motion:reduce){#wheel{transition-duration:.15s}.game-card{transition:none}}

h1,h2{font-family:Freeman,'Be Vietnam Pro',Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.12}.intro h1{letter-spacing:0}.spin{border:2px solid #b77a28;background:linear-gradient(145deg,#fff9df 3%,#f5d287 32%,#d99b42 68%,#fff0bc 100%);box-shadow:inset 0 3px 2px #fff9e9,inset 0 -5px 5px #a3662580,0 5px 0 #845020,0 9px 16px #170e3659;transition:transform .15s,box-shadow .15s;isolation:isolate}.spin:before{content:'';position:absolute;inset:5px;border:1px solid #fff3ca;border-radius:50%;pointer-events:none}.spin span{font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:800;letter-spacing:.035em;background:linear-gradient(180deg,#714019,#29150b 65%,#754b22);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #fff4ce)}.spin:hover{background:linear-gradient(145deg,#fffce9,#ffe2a0 35%,#e8af55 70%,#fff1c5)}.spin:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 3px #fff3cc,inset 0 -2px 4px #a3662580,0 2px 0 #845020,0 4px 8px #170e3633}.spin:disabled{filter:saturate(.8)}


h1,h2,.intro h1,.game-heading h1{font-weight:400;font-synthesis:none}