@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&family=Outfit:wght@300;500;700&display=swap";:root{--primary:#ff6b6b;--primary-gradient:linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);--secondary-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-mesh:radial-gradient(at 0% 0%, #ff6b6b26 0, transparent 50%), radial-gradient(at 50% 0%, #4ecdc426 0, transparent 50%), radial-gradient(at 100% 0%, #ffe66d26 0, transparent 50%);--glass-bg:#ffffffb3;--glass-border:#ffffff80;--text-main:#1e272e;--text-muted:#485460;--shadow-premium:0 25px 50px -12px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8faff;background-image:var(--bg-mesh);color:var(--text-main);justify-content:center;align-items:flex-start;min-height:100dvh;margin:0;font-family:Outfit,sans-serif;display:flex;overflow:hidden auto}#root{justify-content:center;width:100%;display:flex}.kiosk-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);width:100%;max-width:650px;height:auto;min-height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column;margin:0 auto;padding:5vh 20px 3vh;animation:.3s ease-out slideIn;display:flex;position:relative}@media (height>=800px){.kiosk-container{border:1px solid var(--glass-border);height:90vh;box-shadow:var(--shadow-premium);border-radius:40px;margin:20px}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}h1{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,8vw,2.5rem);font-weight:800}p.subtitle{color:var(--text-muted);white-space:normal;width:100%;font-size:clamp(.85rem,5vw,1.2rem);font-weight:300;display:block}header{text-align:center;word-break:keep-all;overflow-wrap:break-word;margin-bottom:2vh;padding:0 10px}main{flex-direction:column;flex:1;justify-content:center;display:flex}.input-display-container{margin-bottom:20px;position:relative}.input-display{border:2px solid var(--glass-border);width:100%;height:clamp(60px,10vh,90px);color:var(--text-main);letter-spacing:4px;background:#ffffff80;border-radius:20px;justify-content:center;align-items:center;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;display:flex;box-shadow:inset 0 2px 10px #0000000d}.numpad{grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,20px);display:grid}.num-btn{height:clamp(60px,8vh,90px);color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:20px;justify-content:center;align-items:center;font-size:clamp(1.2rem,5vw,2rem);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #00000005}.num-btn:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.num-btn:active{transform:scale(.92)}.num-btn.special{color:var(--text-muted);background:#00000008;font-size:clamp(.9rem,3vw,1.2rem)}.mission-card{text-align:center;background:#fff6;border:2px solid #ffe66d80;border-radius:25px;margin-bottom:2vh;padding:2vh 20px;box-shadow:0 10px 25px #ffe66d1a}.verse-text{color:#2d3436;margin:1vh 0;font-size:clamp(1.1rem,3.5vh,1.8rem);font-weight:700;line-height:1.4;transition:filter .5s}.verse-text.mosaic{filter:blur(12px)}.voice-wave{justify-content:center;align-items:center;gap:5px;height:40px;margin-bottom:10px;display:none}.voice-wave.active{display:flex}.wave-bar{background:var(--secondary-gradient);border-radius:10px;width:4px;height:10px;animation:1s ease-in-out infinite wave}@keyframes wave{0%,to{height:10px}50%{height:30px}}.selection-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:30px;width:100%;max-width:1000px;margin:0 auto;display:grid}@media (width<=600px){.selection-grid{grid-template-columns:1fr;gap:20px}.selection-grid .mission-card{padding:30px 20px!important}}.ramen-grid{grid-template-columns:repeat(2,1fr);gap:clamp(15px,3vw,25px);display:grid}.ramen-item{text-align:center;cursor:pointer;background:#fff9;border:2px solid #0000;border-radius:25px;padding:clamp(15px,4vw,25px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.ramen-item:hover{background:#fff;transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.ramen-item.selected{background:snow;border-color:#ff6b6b;transform:scale(1.05);box-shadow:0 20px 40px #ff6b6b26}.ramen-item img{object-fit:contain;width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);margin-bottom:10px}.btn-primary{color:#fff;background:var(--primary-gradient);cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;width:100%;padding:2vh;font-size:clamp(1rem,3vh,1.4rem);font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #ff6b6b4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--secondary-gradient);box-shadow:0 10px 25px #4facfe66}footer{padding-top:20px}.progress-container{background:#0000000d;border-radius:10px;width:100%;height:10px;margin-bottom:10px;overflow:hidden}.progress-bar{background:var(--secondary-gradient);border-radius:10px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.step-indicator{color:var(--text-muted);justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}