:root{font-family:'Zen Maru Gothic',system-ui,sans-serif;color:#fff8f3;background:#160c30}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#4d2675 0,#21103e 43%,#120b27 100%)}button{font:inherit;cursor:pointer}.stars{position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#ffcd85 1px,transparent 1px);background-size:87px 87px,131px 131px;background-position:12px 19px,55px 80px}.shell{position:relative;max-width:860px;min-height:100vh;margin:auto;padding:0 20px 48px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between}.back{color:#ded0ef;text-decoration:none;font-size:13px}.back:hover{text-decoration:underline}.top-tag,.eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:#ffd98f}.top-tag{letter-spacing:.12em}.screen{display:none}.screen.active{display:block;animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-art{border:2px solid #b87eeb;border-radius:24px;overflow:hidden;box-shadow:0 20px 65px #09051d,inset 0 0 40px #fff3;max-height:400px}.hero-art img{display:block;width:100%;height:400px;object-fit:cover;object-position:center 46%}.intro-copy{text-align:center;margin:-48px auto 0;position:relative;max-width:560px;padding:28px 18px 0;background:linear-gradient(#21103ee8,#21103e 70%,transparent);border-radius:30px}.intro-copy h1{font-size:clamp(52px,10vw,88px);line-height:1;margin:9px 0 14px;text-shadow:0 5px 0 #6c2d78,0 12px 22px #080416}.intro-copy h1 span{color:#ffd67e}.lead{font-size:clamp(17px,3vw,23px);font-weight:900;margin:0}.sub{font-size:14px;line-height:1.8;color:#ded1ed;margin:16px 0 22px}.primary{border:0;border-radius:999px;background:linear-gradient(135deg,#ffdf82,#ff9d8c);color:#3c164c;font-weight:900;font-size:19px;padding:15px 36px;box-shadow:0 7px 0 #8b4579,0 15px 28px #0005;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-2px);box-shadow:0 9px 0 #8b4579,0 18px 28px #0006}.primary:active{transform:translateY(5px);box-shadow:0 2px 0 #8b4579}.intro-copy small{display:block;color:#a99bbd;margin-top:19px}.game-screen,.result-screen{text-align:center;max-width:680px;margin:auto}.progress{display:flex;align-items:center;gap:14px;max-width:420px;margin:12px auto 34px;color:#9180ae;font-weight:900}.progress .current{color:#ffdf82}.bar{height:5px;flex:1;border-radius:5px;background:#493260;overflow:hidden}.bar i{display:block;height:100%;width:30%;background:#ffce83}.oracle-row{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto 24px}.oracle-row img{width:100px;height:100px;object-fit:cover;object-position:center 33%;border-radius:50%;border:3px solid #ffdf82}.speech{background:#fff4df;color:#3b2452;border-radius:18px;padding:14px 18px;max-width:290px;text-align:left;font-size:14px;font-weight:900}.game-screen h2,.result-screen h2{font-size:clamp(29px,6vw,44px);margin:10px 0 4px}.hint{color:#d2bfe9;margin:0 0 27px}.hair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hair-card{border:2px solid #8054a5;background:linear-gradient(160deg,#4b2d6a,#251643);color:white;border-radius:20px;padding:22px 8px;min-height:206px;box-shadow:0 10px 28px #08041566;transition:transform .2s,border-color .2s}.hair-card:hover,.hair-card:focus-visible{transform:translateY(-8px);border-color:#ffdc88}.hair-emoji{display:block;font-size:70px;height:95px;color:#ffda8d;line-height:1}.hair-card strong,.hair-card small{display:block}.hair-card strong{font-size:18px}.hair-card small{font-size:11px;color:#cbb4df;margin-top:7px}.pull-stage{max-width:510px;margin:22px auto 24px;padding:18px 24px 26px;background:linear-gradient(145deg,#492969,#21143d);border:1px solid #735398;border-radius:28px}.nose{height:250px;width:270px;max-width:100%;border-radius:48% 48% 43% 43%;margin:0 auto 24px;background:radial-gradient(circle at 50% 20%,#ffdece,#efaaad 62%,#ba698a);position:relative;box-shadow:inset -12px -18px 20px #9d4d7844,0 18px 30px #0b061e88}.nostril{position:absolute;bottom:42px;width:57px;height:34px;background:#682e58;border-radius:50%;box-shadow:inset 0 8px 8px #241031}.nostril.left{left:44px;transform:rotate(12deg)}.nostril.right{right:44px;transform:rotate(-12deg)}.chosen-hair{position:absolute;bottom:49px;left:49%;font-size:110px;color:#302334;line-height:1;transform:rotate(-50deg);text-shadow:2px 2px #fff5}.meter{height:26px;background:linear-gradient(90deg,#7959b9,#de90b8 35%,#ffdb74 42%,#ffdb74 58%,#de90b8 65%,#7959b9);border:3px solid #fff5;border-radius:30px;position:relative}.sweet{position:absolute;inset:-6px 42%;border:2px solid #fff5;border-radius:10px}.needle{position:absolute;top:-9px;left:0;width:9px;height:38px;border-radius:8px;background:#fff;box-shadow:0 0 14px #fff,0 0 22px #ffea82;transform:translateX(-50%)}.meter-label{display:flex;justify-content:space-between;font-size:10px;color:#d6c4ea;margin-top:8px}.meter-label span:nth-child(2){color:#ffe39b;font-weight:900}.pull-button{touch-action:manipulation}.tiny{font-size:12px;color:#aa9ac0}.result-card{position:relative;max-width:440px;margin:20px auto;border:3px solid #e9bc71;border-radius:28px;overflow:hidden;box-shadow:0 22px 45px #080417a8}.result-card img{display:block;width:100%;aspect-ratio:3/3.7;object-fit:cover}.result-overlay{position:absolute;inset:auto 0 0;padding:62px 20px 24px;background:linear-gradient(transparent,#140b2bee 38%,#140b2b)}.result-rank{display:inline-block;background:#ffdb8e;color:#452454;border-radius:99px;padding:6px 20px;font-size:16px;font-weight:900}.result-overlay h3{font-size:32px;margin:7px 0}.result-overlay p{font-size:14px;line-height:1.7;margin:0}.fortune-details{max-width:440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.fortune-details>div{padding:13px;border:1px solid #795b9f;border-radius:14px;background:#35204f}.fortune-details span,.fortune-details strong{display:block}.fortune-details span{font-size:11px;color:#c9afdf}.fortune-details strong{font-size:15px;margin-top:3px}.precision{color:#ffdf98;font-size:13px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.secondary{border:2px solid #d9b3ed;background:#33204e;color:#fff;border-radius:99px;padding:13px 24px;font-weight:900}.disclaimer{font-size:10px;color:#9787ae;line-height:1.6;margin-top:30px}@media(max-width:560px){.shell{padding:0 14px 38px}.topbar{height:52px}.hero-art{max-height:350px}.hero-art img{height:350px}.intro-copy{margin-top:-55px}.hair-grid{gap:7px}.hair-card{padding:17px 4px;min-height:170px}.hair-emoji{font-size:55px;height:78px}.hair-card strong{font-size:13px}.hair-card small{font-size:10px}.nose{height:210px;width:240px}.nostril{bottom:34px}.chosen-hair{bottom:37px}.result-overlay h3{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}