:root{--bg: #150d1e;--bg2: #241432;--skin: #f0b394;--skin2: #c9765a;--skin3: #8d4634;--slime: #97e544;--slime2: #5fae1f;--hot: #ff5fae;--gold: #ffd85e;--ink: #fff4ec;--muted: #c6a8bd;--pad: #33203f;--pad2: #452a56}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1100px 600px at 78% -8%,#4a1f3d 0%,transparent 60%),radial-gradient(800px 500px at 8% 100%,#1d3a1b 0%,transparent 55%),linear-gradient(160deg,var(--bg),var(--bg2));color:var(--ink);font-family:Segoe UI,Rubik,system-ui,sans-serif;overflow-x:hidden}body.sneezing{animation:quake .62s ease-out}@keyframes quake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(14px,-10px) rotate(-1.2deg)}35%{transform:translate(-16px,8px) rotate(1deg)}60%{transform:translate(9px,6px) rotate(-.5deg)}80%{transform:translate(-6px,-4px) rotate(.3deg)}}body.picking{cursor:grabbing}.hud{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;padding:10px 16px;background:#110918db;backdrop-filter:blur(10px);border-bottom:2px solid #3b2450}.hud-brand{display:flex;align-items:center;gap:10px}.hud-nose{font-size:30px;filter:drop-shadow(0 3px 0 #00000055)}.hud-brand b{display:block;font-size:20px;letter-spacing:-.5px}.hud-brand small{display:block;color:var(--muted);font-size:12px}.hud-stats{display:flex;gap:8px;flex-wrap:wrap}.stat{min-width:74px;padding:6px 10px;border-radius:12px;background:#2a1838;border:1px solid #43294f;text-align:center;line-height:1.15}.stat span{display:block;font-size:10px;color:var(--muted);letter-spacing:.5px}.stat b{font-size:18px;color:var(--slime);font-variant-numeric:tabular-nums}.stat.wide{min-width:132px}.stat.wide b{font-size:15px;color:var(--gold)}.stat.wide small{display:block;font-size:10px;color:var(--muted)}.hud-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{min-height:44px;padding:8px 14px;border-radius:999px;border:2px solid #4d2f5f;background:#33203f;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:transform .12s,background .16s,border-color .16s}.chip i{font-style:normal;color:var(--muted);font-size:12px}.chip:hover{background:#45295a;border-color:var(--hot);transform:translateY(-1px)}.chip.on{background:var(--slime2);border-color:var(--slime);color:#10210a}.chip.danger:hover{background:#7a1f3a;border-color:#ff7aa2}.chip[aria-pressed=true]{border-color:var(--gold)}.vol{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}.vol i{font-style:normal;color:var(--slime)}.vol input{width:120px;accent-color:var(--slime)}.stage{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;max-width:1180px;margin:0 auto;padding:28px 20px 8px}.stage-copy h1{margin:0 0 10px;font-size:clamp(32px,5.6vw,60px);line-height:.98;letter-spacing:-1.5px}.stage-copy h1 em{color:var(--hot);font-style:normal}.stage-copy p{margin:0 0 18px;color:#e6d4e6;font-size:16px;line-height:1.6;max-width:52ch}.stage-copy p b{color:var(--slime)}.stage-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.big{min-height:52px;padding:12px 22px;border:3px solid #14210a;border-radius:16px;background:linear-gradient(180deg,var(--slime),var(--slime2));color:#10210a;font:inherit;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px #2e5a10,0 12px 24px #0008;transition:transform 90ms,box-shadow 90ms}.big:active{transform:translateY(5px);box-shadow:0 1px #2e5a10}.big.ghost{background:#2b1a38;color:var(--ink);border-color:var(--hot);box-shadow:0 6px #7a2a54,0 12px 24px #0008}.big.ghost:active{box-shadow:0 1px #7a2a54}.meter{display:flex;align-items:center;gap:10px;max-width:420px}.meter-label{font-size:12px;color:var(--muted)}.meter-track{flex:1;height:16px;border-radius:999px;background:#2a1838;border:2px solid #47294f;overflow:hidden}#meterFill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--slime),var(--gold) 65%,#ff4d4d);transition:width .16s linear}.nose-zone{display:flex;justify-content:center}.nose-wrap{position:relative;width:min(340px,78vw);text-align:center}.nose{position:relative;width:100%;aspect-ratio:1 / .92;animation:breathe 4.2s ease-in-out infinite;transform-origin:50% 90%;filter:drop-shadow(0 26px 34px #0009)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.bridge{position:absolute;inset:2% 34% 46%;border-radius:60% 60% 30% 30%/70% 70% 30% 30%;background:linear-gradient(200deg,var(--skin) 8%,var(--skin2) 92%)}.tip{position:absolute;left:1%;right:1%;bottom:4%;height:62%;border-radius:42% 42% 46% 46%/58% 58% 42% 42%;background:radial-gradient(60% 45% at 40% 26%,#ffd8c4 0%,transparent 60%),linear-gradient(200deg,var(--skin) 10%,var(--skin2) 78%,var(--skin3) 100%)}.nose-wrap[data-irritation=mid] .tip{background-blend-mode:multiply;box-shadow:inset 0 -18px 30px #d0402c55}.nose-wrap[data-irritation=high] .tip{box-shadow:inset 0 -26px 40px #e02b1eaa,0 0 40px #ff493388}.nose-wrap[data-irritation=high] .nose{animation-duration:1.1s}.brows{position:absolute;top:2%;left:2%;right:2%;display:flex;justify-content:space-between;z-index:1}.brows i{display:block;width:86px;height:15px;border-radius:999px;background:#4a2a1c;transform:rotate(9deg);transition:transform .22s}.brows i:last-child{transform:rotate(-9deg)}.nose-wrap[data-irritation=high] .brows i{transform:rotate(-22deg) translateY(4px)}.nose-wrap[data-irritation=high] .brows i:last-child{transform:rotate(22deg) translateY(4px)}.nostrils{position:absolute;left:13%;right:13%;bottom:11%;display:flex;justify-content:space-between;z-index:2}.nostril-cell{position:relative;width:40%}.nostril{display:block;position:relative;width:100%;aspect-ratio:1.35 / 1;padding:0;border:0;background:none;cursor:cell;touch-action:none}.hole{position:absolute;inset:0;border-radius:60% 40% 52% 48%/70% 70% 40% 40%;background:radial-gradient(70% 80% at 50% 30%,#2a0d0c,#55110f 70%,#7d2418);box-shadow:inset 0 6px 12px #000c,0 2px #ffb99b55;transition:transform .22s ease-out}.nostril.r .hole{border-radius:40% 60% 48% 52%/70% 70% 40% 40%}.nostril:hover .hole{transform:scale(1.08)}body.picking .hole,body.inhaled .hole{transform:scale(1.3)}.hair{position:absolute;bottom:44%;left:var(--hx);width:22px;height:44px;padding:0;border:0;background:none;transform:rotate(var(--hr));transform-origin:50% 100%;cursor:pointer;z-index:3;animation:wiggle 2.6s ease-in-out infinite}.hair:after{content:"";position:absolute;left:50%;bottom:0;width:4px;height:30px;margin-left:-2px;border-radius:4px;background:linear-gradient(180deg,#7a5136,#241610)}@keyframes wiggle{0%,to{rotate:0deg}50%{rotate:8deg}}.hair.plucked{opacity:0;pointer-events:none;transform:rotate(var(--hr)) translateY(-40px) scale(.4);transition:all .26s}.zzz{position:absolute;top:-18px;left:4%;font-size:22px;letter-spacing:6px;color:#b9a2ff;opacity:0;transition:opacity .3s}body.asleep .zzz{opacity:1;animation:float 2.4s ease-in-out infinite}body.asleep .nose{animation-duration:7s;filter:drop-shadow(0 26px 34px #0009) saturate(.6)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.nose-caption{margin:14px 0 0;font-size:12px;color:var(--muted)}main{max-width:1180px;margin:0 auto;padding:12px 20px 60px}.pads-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.pads-head h2{margin:0;font-size:22px}.pads-head span{color:var(--muted);font-size:12px}.pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pad-cell{position:relative}.pad{display:block;width:100%;min-height:76px;padding:14px 12px;border:2px solid #55326a;border-radius:18px;background:linear-gradient(180deg,var(--pad2),var(--pad));color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px #1d1026;transition:transform .11s,box-shadow .11s,border-color .16s,background .16s}.pad:hover{border-color:var(--slime);background:linear-gradient(180deg,#533268,#3a2447);transform:translateY(-2px)}.pad:active{transform:translateY(3px);box-shadow:0 1px #1d1026}.pad.playing{border-color:var(--gold);background:linear-gradient(180deg,#6b3f2a,#43261c);box-shadow:0 0 0 3px #ffd85e33,0 4px #1d1026}.pad-name{display:block;padding-inline-end:16px}.pad-share{position:absolute;inset-inline-start:4px;inset-block-start:4px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;font-size:13px;cursor:pointer;color:var(--ink);opacity:.4;background:#0005}.pad-share:hover,.pad-share:focus-visible{opacity:1;background:var(--hot)}.pad-cell{--dx: 0px;--dy: 0px;--delay: 0ms;--spin: 0deg}body.inhaled .pad-cell{transform:translate(var(--dx),var(--dy)) scale(.05) rotate(220deg);opacity:0;pointer-events:none;transition:transform .62s cubic-bezier(.6,-.3,.8,.4) var(--delay),opacity .62s var(--delay)}.pad-cell.ejected{animation:spit .7s cubic-bezier(.15,1.5,.4,1) var(--delay) both}@keyframes spit{0%{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}60%{transform:translate(0) scale(1.14) rotate(var(--spin));opacity:1}to{transform:none;opacity:1}}footer{margin-top:34px;color:var(--muted);font-size:13px}footer a{color:var(--slime)}#fx{position:fixed;inset:0;pointer-events:none;z-index:60}.goo{position:fixed;width:14px;height:14px;border-radius:60% 40% 55% 45%;opacity:.95;animation:fling .9s ease-out forwards}@keyframes fling{0%{transform:translate(0) scale(.2);opacity:1}to{transform:translate(var(--gx),var(--gy)) scale(var(--gs)) rotate(320deg);opacity:0}}.booger{position:fixed;pointer-events:auto;border:0;background:none;font-size:30px;cursor:pointer;animation:bob 5.6s ease-in-out forwards;filter:drop-shadow(0 0 8px #97e54499)}@keyframes bob{0%{transform:translateY(0) scale(.6);opacity:0}12%{transform:translateY(-14px) scale(1);opacity:1}88%{transform:translateY(-90px) scale(1);opacity:1}to{transform:translateY(-120px) scale(.7);opacity:0}}.overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#3a0f1a99,#0b0610f2);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay-card{max-width:420px;margin:20px;padding:26px;text-align:center;border:3px solid var(--slime2);border-radius:22px;background:#21132c}.overlay-emoji{font-size:62px;animation:breathe 1.4s ease-in-out infinite}.overlay-card h3{margin:6px 0;font-size:26px}.overlay-card p{color:#e3d1e3;margin:0 0 16px}.overlay-card small{display:block;margin-top:12px;color:var(--muted);font-size:12px}.drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:65;width:min(340px,92vw);padding:16px;overflow-y:auto;background:#1c1027ee;border-inline-start:2px solid #4a2c5e}.drawer[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer h3{margin:4px 0 12px}.drawer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.drawer li{padding:10px 12px;border-radius:12px;background:#2a1838;border:1px solid #43294f;opacity:.55}.drawer li.got{opacity:1;border-color:var(--gold);background:#33231c}.drawer li b{display:block;font-size:14px}.drawer li span{font-size:12px;color:var(--muted)}.toast{position:fixed;inset-block-end:22px;inset-inline-start:50%;transform:translate(50%) translateY(20px);z-index:80;max-width:88vw;padding:12px 18px;border-radius:14px;border:2px solid var(--slime);background:#16240c;color:#eaffd6;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(50%) translateY(0)}@media (max-width: 900px){.stage{grid-template-columns:1fr;padding-top:16px}.nose-zone{order:-1}.hud{justify-content:center}}@media (max-width: 620px){.hud{gap:8px 10px;padding:8px 10px}.hud-brand small{display:none}.hud-brand b{font-size:17px}.hud-nose{font-size:24px}.hud-stats{gap:6px;flex:1 1 100%;justify-content:center}.stat{min-width:0;flex:1;padding:4px 6px}.stat b{font-size:15px}.stat.wide{min-width:0;flex:1.6}.stat.wide b{font-size:12px}.stat.wide small{display:none}.chip{padding:6px 10px;font-size:13px}.vol{flex-direction:row;align-items:center;gap:6px}.vol input{width:84px}.nose-wrap{width:min(280px,68vw)}.stage-copy h1{font-size:clamp(28px,8vw,40px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.nose,.zzz,.overlay-emoji,.hair,.booger{animation:none!important}body.inhaled .pad-cell{transition:opacity .2s;transform:none}.pad-cell.ejected{animation:none}.booger{opacity:1}}
