@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Noto+Sans+KR:wght@400;500;700;900&family=Press+Start+2P&display=swap";
:root{--color-border:#2a1a4a;--color-text:#2a1a4a;--color-bg:#fff8ee;--color-pink:#ff4f8b;--color-pink-soft:#ffc9e0;--color-yellow:#ffd84d;--color-mint:#5ed8b0;--color-blue:#6c8cff;--color-blue-soft:#e3f1ff;--color-purple-soft:#e8e0ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:var(--color-text);background-color:#2a1a4a;min-height:100vh;font-family:Noto Sans KR,sans-serif}.landing-wrap{background:#fff8ee;max-width:430px;margin:0 auto;overflow:hidden}.page-wrap{background-color:var(--color-bg);width:100%;min-height:100vh;overflow-x:hidden}.px{border:4px solid var(--color-border);box-shadow:4px 4px 0 var(--color-border);background:#fff}.px-sm{border:3px solid var(--color-border);box-shadow:2px 2px 0 var(--color-border);background:#fff}.bd{font-family:Do Hyeon,Noto Sans KR,sans-serif;font-weight:400}.pr{font-family:"Press Start 2P",monospace}.btn{box-sizing:border-box;border:4px solid var(--color-border);width:100%;min-height:60px;box-shadow:0 6px 0 var(--color-border);color:var(--color-border);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;padding:12px;font:400 24px/1.2 Do Hyeon,sans-serif;text-decoration:none;display:block}.btn:active{box-shadow:0 0 0 var(--color-border);transform:translateY(6px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 6px 0 var(--color-border)!important;transform:none!important}.opt{box-sizing:border-box;border:4px solid var(--color-border);width:100%;min-height:68px;box-shadow:0 6px 0 var(--color-border);color:var(--color-border);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:12px;padding:12px 14px;font:700 15px/1.4 Noto Sans KR,sans-serif;transition:all .1s;display:flex}.opt:hover{background:#fffdf5}.opt:active,.opt.sel{background:var(--color-yellow);box-shadow:0 2px 0 var(--color-border);transform:translateY(4px)}.opt .k{box-sizing:border-box;border:3px solid var(--color-border);background:#fff;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}@keyframes bob{50%{transform:translateY(-8px)}}.bob{animation:1s steps(2,end) infinite bob}@keyframes blink{50%{opacity:.2}}.blink{animation:1.2s steps(2,end) infinite blink}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.pulse{animation:1.8s ease-in-out infinite pulseGlow}@media (prefers-reduced-motion:reduce){.bob,.blink,.pulse{animation:none}}svg{shape-rendering:crispedges;display:block}input[type=range]{-webkit-appearance:none;border:3px solid var(--color-border);width:100%;height:18px;box-shadow:2px 2px 0 var(--color-border);background:#fff;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-pink);border:3px solid var(--color-border);cursor:pointer;width:30px;height:30px;box-shadow:0 3px 0 var(--color-border)}