@font-face{font-family:Gaegu;src:url(../fonts/Gaegu-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:BHS;src:url(../fonts/BlackHanSans-Regular.ttf) format("truetype");font-display:swap}:root{--ink:#5A3E44;--pink:#F6B8CC;--lav:#C9B8EE;--peri:#A9B6F0;--cream:#FFF6EC;--mint:#BFE6D2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#f3d6de;font-family:Gaegu,system-ui,sans-serif;color:var(--ink)}#c{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}.hidden{display:none!important}#title{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#bdb8ec8c,#fddcc08c);backdrop-filter:blur(3px);z-index:20;padding:16px}.card{background:var(--cream);border:4px solid var(--ink);border-radius:32px;padding:26px 30px 20px;text-align:center;box-shadow:0 8px 0 var(--ink),0 18px 40px #5a3e4440;max-width:420px;width:100%}.card h1{font-family:BHS,sans-serif;font-weight:400;font-size:clamp(40px,11vw,60px);line-height:1.02;margin:6px 0 10px;color:#f08aa8;-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 var(--lav)}.card .sub{display:inline-block;background:var(--peri);border:3px solid var(--ink);border-radius:999px;padding:2px 14px;font-size:20px}.card p{font-size:21px;margin:6px 0 16px}.card .tiny{font-size:15px;opacity:.75;margin-top:12px}.row{margin-top:10px}.btn{font-family:Gaegu,sans-serif;font-weight:700;border:3px solid var(--ink);border-radius:999px;background:var(--pink);color:var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .08s,box-shadow .08s;text-decoration:none;display:inline-block}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{opacity:.6;cursor:wait}.btn.big{font-size:28px;padding:10px 34px}.btn.small{font-size:19px;padding:4px 14px;box-shadow:0 4px 0 var(--ink)}.btn.ghost{background:var(--cream)}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud .pill{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));background:var(--cream);border:3px solid var(--ink);border-radius:999px;padding:3px 14px;font-size:20px;box-shadow:0 4px 0 var(--ink)}.hud-r{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;gap:8px;pointer-events:auto}.hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);background:#fff6eceb;border:3px solid var(--ink);border-radius:999px;padding:3px 16px;font-size:18px;white-space:nowrap;transition:opacity .6s}#bubbles{position:fixed;inset:0;pointer-events:none;z-index:11}.bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;border:3px solid var(--ink);border-radius:22px;padding:8px 14px 9px;min-width:190px;max-width:260px;font-size:20px;line-height:1.15;box-shadow:0 4px 0 var(--ink);animation:pop .22s ease-out}.bubble b{display:block;font-size:15px;color:#c0607e}.bubble:after{content:"";position:absolute;left:50%;bottom:-13px;margin-left:-9px;border:9px solid transparent;border-top:11px solid var(--ink)}@keyframes pop{0%{transform:translate(-50%,-100%) scale(.6);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}#joy{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;background:#fff6ec8c;border:3px solid var(--ink);z-index:12;touch-action:none}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--pink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink)}#fade{position:fixed;inset:0;z-index:30;background:#f3d6ded9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.spin{font-size:64px;animation:bob 1s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-12px)}}body.credits{overflow:auto;background:linear-gradient(180deg,#bdb8ec,#fddcc0);display:flex;justify-content:center;padding:28px 14px;height:auto;min-height:100%}.card.wide{max-width:640px;text-align:left}.card.wide h1{text-align:center}.card.wide h2{font-size:24px;margin:16px 0 4px}.card.wide p,.card.wide li{font-size:19px}.card.wide a{color:#9a4f6c}.card.wide .btn{margin-top:14px;color:var(--ink)}@media(max-width:520px){.hint{font-size:15px;bottom:auto;top:62px}.btn.small{font-size:17px}}.pickhead{font-size:20px;margin:-4px 0 6px}.pickhead b{color:#c0607e}#picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 auto 14px;max-width:360px}.pick{border:3px solid var(--ink);border-radius:16px;background:#fff;padding:2px 0 0;cursor:pointer;font-family:Gaegu;font-weight:700;font-size:12px;color:var(--ink);box-shadow:0 3px 0 var(--ink)}.pick img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.pick span{display:block;white-space:nowrap;overflow:hidden;font-size:12px;padding:0 2px 2px}.pick.on{background:var(--pink);transform:translateY(-2px)}@media(max-height:700px){.card h1{font-size:38px}.card p{display:none}}