@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:DM Mono,monospace}button{font:inherit;color:inherit}main{isolation:isolate;position:relative;display:flex;overflow:hidden;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--accent)35%,transparent),transparent 27%),radial-gradient(circle at 14% 80%,color-mix(in srgb,var(--primary)20%,transparent),transparent 30%),var(--bg);justify-content:center;align-items: center;min-height:100svh;padding:20px 22px 26px;transition:background .5s,color .35s}.wave-canvas{position:fixed;z-index:-1;opacity:.48;mix-blend-mode:soft-light;pointer-events:none;width:100%;height:100%;inset:0}.oracle{text-align:center;position:relative;display:grid;justify-items:center;width:min(100%,760px);margin:auto}.title-block{position:relative;z-index:2}.kicker{display:flex;letter-spacing:.15em;justify-content:center;align-items: center;gap:9px;margin:0 0 13px;font-size:11px;font-weight:700}.kicker i{background:var(--primary);width:25px;height:2px}h1{letter-spacing:-.065em;color:var(--ink);text-shadow:5px 5px 0 var(--accent);margin:0;font:clamp(54px,10vw,106px)/.78 Archivo Black,sans-serif;transform:rotate(-2deg)}h1 em{color:var(--primary);text-shadow:5px 5px 0 var(--ink);font-style:normal}.duck-stage{display:grid;position:relative;place-items: center;width:min(100%,500px);height:315px;margin:-6px 0 -20px}.duck{object-fit:contain;filter:drop-shadow(13px 18px 0 color-mix(in srgb,var(--ink)52%,transparent));animation:bob 3.4s ease-in-out infinite;z-index:1;width:min(68vw,360px);max-height:390px}.star{position:absolute;color:var(--accent);text-shadow:3px 3px var(--ink);animation:twinkle 2s steps(2)infinite;font-size:40px}.star-one{top:32%;left:7%}.star-two{animation-delay:.8s;color:var(--primary);top:56%;right:8%}.fortune{position:relative;background:var(--surface);border:4px solid var(--ink);box-shadow:11px 11px 0 var(--ink),0 0 0 7px color-mix(in srgb,var(--surface)65%,transparent);overflow:visible;border-radius:20px 20px 30px 30px;width:min(100%,640px);padding:34px 42px 26px;transform:rotate(.7deg)}.fortune:before,.fortune:after{content:"";position:absolute;background:var(--accent);opacity:.82;border:2px solid var(--ink);width:44px;height:18px;top:-12px;transform:rotate(-8deg)}.fortune:before{left:33px}.fortune:after{right:33px;transform:rotate(7deg)}.fortune-ribbon{position:absolute;background:var(--primary);border:3px solid var(--ink);letter-spacing:.1em;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);padding:7px 14px;font-size:10px;font-weight:700;top:-18px;left:50%;transform:translate(-50%)rotate(-1.5deg)}.fortune-spark{position:absolute;color:var(--accent);font-size:28px;top:20px;right:18px}.fortune p{letter-spacing:-.035em;max-width:540px;margin:6px auto 16px;font:clamp(20px,3.5vw,31px)/1.19 Archivo Black,sans-serif}.fortune small{opacity:.72;font-size:11px}.fortune-reveal{animation:fortune-in .58s cubic-bezier(.18,.89,.32,1.28)}.actions{margin:18px 0}.quack-button{border:3px solid var(--ink);background:var(--primary);letter-spacing:.09em;box-shadow:6px 6px 0 var(--ink);cursor:pointer;padding:12px 21px;transition:transform .12s,box-shadow .12s,background .3s;font-weight:700}.quack-button:hover{box-shadow:8px 8px 0 var(--ink);background:var(--accent);transform:translate(-2px,-2px)}.quack-button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.quack-button:disabled{opacity:.65;cursor:wait}.quack-button b{margin:0 10px;font-size:19px}.theme-dock{background:color-mix(in srgb,var(--surface)88%,transparent);border:3px solid var(--ink);box-shadow:6px 6px 0 color-mix(in srgb,var(--ink)58%,transparent);display:flex;text-align:left;backdrop-filter:blur(8px);border-radius:17px;align-items: center;gap:17px;width:min(100%,650px);padding:13px 16px}.theme-dock>div:first-child{display:grid;gap:3px;min-width:146px}.theme-dock span{letter-spacing:.1em;font-size:9px;font-weight:700}.theme-dock strong{font:16px Archivo Black,sans-serif}.theme-grid{display:grid;grid-template-columns:repeat(10,1fr);flex:1;gap:6px}.theme-swatch{appearance:none;aspect-ratio:1;border:2px solid var(--ink);background:var(--swatch-bg);cursor:pointer;width:100%;padding:3px;transition:transform .16s,outline .16s}.theme-swatch i{display:block;background:linear-gradient(135deg,var(--swatch)52%,var(--swatch-accent)52%);width:100%;height:100%}.theme-swatch:hover{transform:translateY(-4px)rotate(4deg)}.theme-swatch[aria-pressed=true]{outline:3px solid var(--primary);outline-offset:3px;transform:scale(1.1)}@keyframes bob{50%{transform:translateY(-14px)rotate(2deg)}}@keyframes twinkle{50%{transform:scale(.55)rotate(18deg);opacity:.35}}@keyframes fortune-in{0%{opacity:0;transform:translateY(30px)rotate(-4deg)scale(.91)}65%{transform:translateY(-5px)rotate(1.6deg)scale(1.02)}to{opacity:1;transform:translateY(0)rotate(.7deg)scale(1)}}@media (max-width:640px){main{align-items: flex-start;padding:32px 16px}.duck-stage{height:255px;margin:-2px 0 -8px}.duck{width:min(78vw,315px)}h1{font-size:clamp(51px,16vw,82px)}.fortune{padding:30px 23px 22px}.fortune p{font-size:clamp(20px,6vw,27px)}.theme-dock{flex-direction:column;align-items:stretch;gap:12px}.theme-dock>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.theme-grid{grid-template-columns:repeat(10,1fr);gap:5px}}@media (prefers-reduced-motion:reduce){.duck,.star,.fortune-reveal{animation:none}.wave-canvas{display:none}.quack-button,.theme-swatch{transition:none}}