@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatDrift{0%,to{transform:translate(0,0) rotate(0deg) scale(1)}50%{transform:translate(-30px,-60px) rotate(20deg) scale(1.1)}}:root{--bg-deep:#1a1614;--bg-forest:#05100b;--text-main:#f0f0f0;--text-sub:#a89f91;--neon-pink:#ff00cc;--neon-blue:#00f0ff;--neon-green:#39ff14;--warm-amber:#ffbf00;--glass-bg:rgba(20, 15, 12, 0.7);--glass-border:rgba(255, 191, 0, 0.15);--font-main:'NanumSquare Neo', sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%}html{min-height:100vh}.app-container,body{min-height:100vh;height:auto;overflow-x:hidden}body,html{background-color:#05100b}body{margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--text-main);font-family:var(--font-main);line-height:1.6}@media (min-width:481px){body{align-items:center;justify-content:center;display:flex;overflow:hidden;background:#000}}.app-container{width:100%;padding:0 24px;padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,var(--bg-forest) 0%,var(--bg-deep) 100%)}@media (min-width:481px){body,html{background:#000}body{height:100vh;overflow:hidden}.app-container{height:100vh!important;min-height:100vh!important;margin:0 auto;background:linear-gradient(180deg,var(--bg-forest) 0%,var(--bg-deep) 100%);border-radius:40px;border:1px solid rgba(255,255,255,.05);overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;position:relative;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.app-container::-webkit-scrollbar{display:none}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:30px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.6);text-align:center;position:relative;overflow:hidden;transition:transform .2s ease;margin-bottom:20px}.glass-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,191,0,.3),transparent)}#intro.screen,#loading.screen,#quiz.screen,.neon-btn{display:flex;justify-content:center;align-items:center}.neon-btn,.option-btn{border:1px solid rgba(255,255,255,.1)}.neon-btn{width:100%;padding:18px;border-radius:20px;background:rgba(20,15,10,.4);color:var(--text-main);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:16px;text-decoration:none;font-family:inherit;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.neon-btn.pressed,.neon-btn:active{transform:scale(.98);background:rgba(255,191,0,.1);border-color:var(--warm-amber)}.neon-btn.primary{border:1px solid var(--neon-green);color:var(--neon-green);box-shadow:0 0 15px rgba(57,255,20,.15);background:rgba(5,20,10,.6)}.neon-btn.primary:active{background:var(--neon-green);color:#05100b;box-shadow:0 0 25px rgba(57,255,20,.5)}.option-btn{text-align:center;justify-content:center;line-height:1.4;background:rgba(26,22,20,.8);color:var(--text-sub)}.option-btn.pressed,.option-btn:active{border-color:var(--neon-pink);box-shadow:0 0 15px rgba(255,0,204,.3);background:rgba(255,0,204,.1);color:#fff}.app-container .footer{margin-top:0!important;padding-bottom:20px;opacity:.7}#intro.screen,#loading.screen,#quiz.screen{padding-top:5vh;flex:1;flex-direction:column}#loading.screen,#quiz.screen{padding-top:11vh}#loading.screen{padding-top:5vh}#result.screen{flex:0 0 auto;margin-top:auto;padding-top:15px;padding-bottom:0}#result.screen .glass-card{margin-bottom:8px}@media (min-width:481px){#intro.screen.active,#loading.screen.active,#quiz.screen.active{padding-top:24px;padding-bottom:24px;flex:1 1 auto!important;flex-direction:column;justify-content:center}.app-container .footer{flex-shrink:0;padding-top:20px;padding-bottom:30px}#result.screen{padding-top:24px;padding-bottom:24px;flex:0 0 auto}.app-container.screen-result .footer{position:static;margin-top:-10px!important;padding-bottom:30px}.app-container.screen-result .glass-card{margin-bottom:0}.glass-card{padding:20px;margin-bottom:15px}.main-title{font-size:1.8rem;margin-bottom:12px}}.result-details{width:100%;margin-bottom:24px}.detail-box{background:rgba(255,255,255,.05);border-radius:20px;padding:20px;margin-bottom:16px;text-align:left;border:1px solid rgba(255,255,255,.1)}.detail-box.warning{background:rgba(255,50,50,.05);border-color:rgba(255,100,100,.3)}.box-title{font-size:1.1rem;font-weight:800;margin-bottom:10px;color:var(--neon-green);display:flex;align-items:center}.detail-box.warning .box-title{color:#ff6b6b}.box-desc{font-size:1rem;color:#ddd;line-height:1.5;margin:0;word-break:keep-all}.compatibility-container{display:flex;gap:12px;width:100%;margin-top:24px}.compat-card{flex:1;background:rgba(0,0,0,.2);border-radius:20px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.1)}.compat-card.best{border-color:rgba(57,255,20,.3);background:linear-gradient(180deg,rgba(57,255,20,.05)0,transparent 100%)}.compat-card.worst{border-color:rgba(255,100,100,.3);background:linear-gradient(180deg,rgba(255,50,50,.05)0,transparent 100%)}.compat-label{display:block;font-size:.9rem;font-weight:700;margin-bottom:10px;color:#ccc}.compat-card.best .compat-label{color:var(--neon-green)}.compat-card.worst .compat-label{color:#ff6b6b}.compat-char{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:8px;word-break:keep-all}.compat-desc{font-size:.85rem;color:#aaa;line-height:1.4;margin:0;word-break:keep-all}.result-actions{margin-top:24px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15);width:100%}.result-actions #sns-share-container{width:100%;margin:0 0 30px}.result-actions #sns-share-container .sns-share-panel{background:0 0!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0!important}.result-actions #sns-share-container .sns-share-buttons{width:100%!important;display:flex!important;justify-content:space-around!important;gap:0!important}.result-actions .secondary-btn,.result-actions .tertiary-btn{display:flex;align-items:center;justify-content:center;width:100%;transition:all .2s}.result-actions .secondary-btn{margin-top:32px;min-height:56px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;font-weight:800;border-radius:16px;cursor:pointer;font-family:inherit;box-shadow:none}.result-actions .secondary-btn.pressed,.result-actions .secondary-btn:active{background:rgba(255,255,255,.15);transform:scale(.98)}.result-actions .tertiary-btn{margin-top:16px;padding:12px 0;color:#888;font-size:.95rem;text-decoration:underline;text-underline-offset:4px;font-weight:700}.result-actions .tertiary-btn:hover{color:#fff}.result-actions .tertiary-btn.pressed,.result-actions .tertiary-btn:active{opacity:.7}#info-toggle-btn{color:rgba(255,255,255,.5);font-size:.95rem;text-decoration:underline;cursor:pointer;transition:color .3s;display:inline-block;margin:10px 0 0}#info-toggle-btn:hover{color:var(--neon-blue)}.info-content{display:none;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);padding:15px;border-radius:12px;margin-top:15px;text-align:left;font-size:.9rem;color:#ddd;line-height:1.5;animation:fadeIn .3s ease-out}#emoji-container,.floating-emoji{top:0;z-index:0;pointer-events:none}#emoji-container{position:fixed;left:0;width:100%;height:100%;overflow:hidden}@media (min-width:481px){#emoji-container{width:480px;left:50%;transform:translateX(-50%)}}.floating-emoji{position:absolute;animation:floatDrift 6s ease-in-out infinite alternate;opacity:.2;text-shadow:0 0 10px rgba(0,240,255,.3)}body.is-capturing #result{padding:15px 0!important;background-color:var(--bg-forest)!important;border-radius:0!important}body.is-capturing .glass-card{border-radius:24px!important;box-shadow:0 10px 30px rgba(0,0,0,.4)!important;margin:0!important}