:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#app{--primary:#ff6b35;--primary-dark:#e5541f;--accent:#ffc145;--bg:#fff8f1;--card:#fff;--text:#2b2b2b;--sub:#8a8a8a;--radius:18px;--shadow:0 8px 24px #00000014}#app,#app *{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif}#app{width:100%;max-width:440px;min-height:100vh;color:var(--text);background:linear-gradient(#fff3e6 0%,#fff8f1 100%);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden}#app .topbar{justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex}#app .topbar h1{color:var(--primary-dark);margin:0;font-size:18px;font-weight:800}#app .iconbtn{cursor:pointer;color:var(--sub);background:0 0;border:none;padding:6px;font-size:20px}#app .screen{flex-direction:column;flex:1;padding:12px 20px 28px;animation:.25s menu-worldcup-fadein;display:flex}@keyframes menu-worldcup-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#app .hero{text-align:center;margin:18px 0 24px}#app .hero .emoji{font-size:56px}#app .hero h2{margin:6px 0 4px;font-size:24px;font-weight:800}#app .hero p{color:var(--sub);margin:0;font-size:14px}#app .choice-row{gap:12px;margin-top:8px;display:flex}#app .big-choice{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);cursor:pointer;border:2px solid #0000;flex:1;padding:22px 10px;font-size:15px;font-weight:700;transition:all .15s}#app .big-choice .emoji{margin-bottom:8px;font-size:32px;display:block}#app .big-choice:hover{border-color:var(--primary);transform:translateY(-2px)}#app .stat-link{text-align:center;color:var(--primary-dark);cursor:pointer;margin-top:22px;font-size:14px;font-weight:700;text-decoration:underline}#app .cat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}#app .cat-card{background:var(--card);text-align:center;box-shadow:var(--shadow);cursor:pointer;border:2px solid #0000;border-radius:16px;padding:18px 8px;font-size:14px;font-weight:700;transition:all .15s}#app .cat-card .emoji{margin-bottom:6px;font-size:30px;display:block}#app .cat-card:hover{border-color:var(--primary)}#app .cat-card.random{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff}#app .people-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}#app .pill{background:var(--card);box-shadow:var(--shadow);cursor:pointer;border:2px solid #0000;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:600}#app .pill.active{border-color:var(--primary);color:var(--primary-dark)}#app .primary-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:14px;margin-top:auto;padding:16px;font-size:16px;font-weight:800}#app .primary-btn:disabled{color:#999;cursor:default;background:#ddd}#app .ghost-btn{color:var(--text);cursor:pointer;background:0 0;border:2px solid #e5e0da;border-radius:14px;margin-top:10px;padding:14px;font-size:15px;font-weight:700}#app .round-badge{background:var(--primary-dark);color:#fff;border-radius:20px;align-self:center;margin-bottom:6px;padding:6px 18px;font-size:13px;font-weight:800}#app .progress-dots{justify-content:center;gap:6px;margin-bottom:14px;display:flex}#app .dot{background:#e5ddd3;border-radius:50%;width:6px;height:6px}#app .dot.done{background:var(--primary)}#app .vs-wrap{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}#app .menu-card{background:var(--card);text-align:center;box-shadow:var(--shadow);cursor:pointer;border:3px solid #0000;border-radius:20px;padding:28px 16px;transition:all .12s;position:relative}#app .menu-card:active{border-color:var(--primary);transform:scale(.97)}#app .icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto;display:flex}#app .icon-wrap svg{width:64px;height:64px}#app .icon-wrap-lg{border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex}#app .icon-wrap-lg svg{width:120px;height:120px}#app .menu-card .name{margin-top:10px;font-size:20px;font-weight:800}#app .menu-card .tags{color:var(--sub);margin-top:8px;font-size:12px}#app .vs-divider{color:var(--primary);letter-spacing:1px;align-self:center;font-size:15px;font-weight:900}#app .transition-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}#app .transition-screen .big{color:var(--primary-dark);font-size:38px;font-weight:900;animation:.5s menu-worldcup-pop}@keyframes menu-worldcup-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}#app .result-wrap{text-align:center;flex-direction:column;flex:1;align-items:center;padding-top:10px;display:flex}#app .trophy{font-size:46px}#app .winner-card{background:var(--card);box-shadow:var(--shadow);border-radius:22px;width:100%;margin:10px 0 18px;padding:30px 20px}#app .winner-card .name{margin-top:8px;font-size:26px;font-weight:900}#app .winner-card .cap{color:var(--sub);margin-top:2px;font-size:13px}#app .feedback-row{gap:10px;width:100%;margin-bottom:12px;display:flex}#app .feedback-row button{cursor:pointer;background:#fff;border:2px solid #e5e0da;border-radius:14px;flex:1;padding:14px;font-size:14px;font-weight:700}#app .feedback-row button.chosen{background:var(--primary);color:#fff;border-color:var(--primary)}#app .action-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}#app .action-grid button{cursor:pointer;box-shadow:var(--shadow);background:#fff;border:none;border-radius:14px;padding:14px 8px;font-size:13px;font-weight:700}#app .ad-slot{justify-content:center;width:100%;margin:18px auto 0;display:flex;overflow:hidden}#app .stats-card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:12px;padding:16px}#app .stats-title{color:var(--sub);margin-bottom:6px;font-size:13px;font-weight:600}#app .stats-value{color:var(--primary-dark);font-size:22px;font-weight:900}#app .bar-row{align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}#app .bar-track{background:#f0ebe3;border-radius:8px;flex:1;height:10px;overflow:hidden}#app .bar-fill{background:var(--primary);height:100%}#app .history-item{border-bottom:1px solid #f0ebe3;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}#app .empty-note{color:var(--sub);text-align:center;margin-top:20px;font-size:13px}