:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--claude-orange:#d97757;--claude-orange-dark:#cc785c;--claude-bg:#f5f3ee;--claude-card:#fff;--claude-text:#2c2416;--claude-text-light:#6b5d4f;--claude-border:#e8e3d8;--claude-accent:#8b7355}*{box-sizing:border-box}body{background-color:var(--claude-bg);color:var(--claude-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100vh;margin:0;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;line-height:1.6;display:flex}#root{background:var(--claude-card);flex-direction:column;width:100%;max-width:600px;min-height:100vh;display:flex;box-shadow:0 0 40px #00000014}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.5s cubic-bezier(.2,.8,.2,1) both slideUp}.container{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:100%;padding:24px 20px;display:flex}h1,h2,h3{color:var(--claude-text);word-wrap:break-word;margin:0;font-weight:500}h1{margin-bottom:8px;font-size:clamp(24px,6vw,32px)}h2{margin-bottom:16px;font-size:clamp(20px,5vw,24px)}.join-screen{justify-content:center}input{border:1.5px solid var(--claude-border);text-align:center;background:var(--claude-bg);width:100%;max-width:360px;color:var(--claude-text);border-radius:8px;margin:20px 0;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .2s}input:focus{border-color:var(--claude-orange);background:#fff;outline:none}input::placeholder{color:var(--claude-text-light)}button{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:8px;font-family:inherit;font-size:16px;font-weight:500;transition:all .2s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background-color:var(--claude-orange);color:#fff;width:100%;max-width:360px;padding:12px 28px;font-size:15px;box-shadow:0 2px 8px #d9775740}.primary-btn:hover:not(:disabled){background-color:var(--claude-orange-dark);box-shadow:0 4px 12px #d977574d}.secondary-btn{color:var(--claude-orange);border:1.5px solid var(--claude-orange);background-color:#fff;padding:10px 24px;font-size:15px}.secondary-btn:hover:not(:disabled){background-color:#fff8f5}.start-btn{background-color:var(--claude-accent);box-shadow:0 2px 8px #8b735540}.start-btn:hover:not(:disabled){background-color:#7a6449}.lobby-screen h2{margin-bottom:32px}.player-list{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-bottom:40px;display:flex}.player-card{background:var(--claude-bg);border:1px solid var(--claude-border);color:var(--claude-text);border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:400;display:flex}.host-badge{background:var(--claude-orange);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:500}.topics-section{background:var(--claude-bg);border:1px solid var(--claude-border);border-radius:12px;width:100%;margin-bottom:20px;padding:20px 16px}.topics-section h3{margin-bottom:14px;font-size:clamp(16px,4vw,18px);font-weight:500}.topics-list{flex-wrap:wrap;justify-content:center;gap:10px;min-height:48px;margin-bottom:20px;display:flex}.topic-tag{color:var(--claude-text);border:1.5px solid var(--claude-border);cursor:pointer;background:#fff;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:400;transition:all .2s}.topic-tag:hover{border-color:var(--claude-orange);background:#fff8f5}.custom-topic-area{justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;display:flex}.custom-topic-input{border:1.5px solid var(--claude-border);text-align:left;border-radius:8px;flex:1;max-width:200px;padding:10px 14px;font-size:14px;margin:0!important}.custom-topic-input:focus{border-color:var(--claude-text)}.custom-topic-btn{background:var(--claude-text);color:#fff;white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:14px}.custom-topic-btn:hover{background:var(--claude-text-light)}.ai-topic-btn{border:1.5px solid var(--claude-orange);min-width:220px;color:var(--claude-orange);background:#fff;justify-content:center;align-items:center;gap:8px;margin:0 auto;font-weight:500;transition:all .3s;display:flex}.ai-topic-btn:hover:not(:disabled){background:#fff8f5;transform:translateY(-1px);box-shadow:0 4px 12px #d9775733}.ai-topic-btn.loading{background:var(--claude-bg);border-color:var(--claude-border);color:var(--claude-text-light);cursor:wait}.mini-loader{background:conic-gradient(from 0deg,var(--claude-orange),var(--claude-accent),var(--claude-orange));border-radius:50%;width:16px;height:16px;animation:1s linear infinite ai-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#fff calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#fff calc(100% - 1.5px))}.btn-icon{font-size:1.1em}.topic-tag.selected{background-color:var(--claude-orange);color:#fff;border-color:var(--claude-orange);transform:scale(1.02);box-shadow:0 2px 8px #d9775740}.selected-feedback{color:var(--claude-orange);margin-bottom:12px;font-size:15px;font-weight:500}.action-area{justify-content:center;width:100%;margin-top:auto;display:flex}.empty-text{color:var(--claude-text-light);font-size:14px;font-style:italic}.loading-screen{background:linear-gradient(135deg,#faf8f5 0%,#f5f3ee 100%);justify-content:center}.ai-loader-container{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 40px;display:flex;position:relative}.ai-loader{background:conic-gradient(from 0deg,var(--claude-orange),var(--claude-accent),var(--claude-orange-dark),var(--claude-orange));z-index:2;border-radius:50%;width:80px;height:80px;animation:1.8s linear infinite ai-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#fff calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#fff calc(100% - 4px))}.ai-loader-blur{background:conic-gradient(from 0deg,var(--claude-orange),var(--claude-accent),var(--claude-orange));filter:blur(12px);opacity:.4;z-index:1;border-radius:50%;width:80px;height:80px;animation:1.8s linear infinite ai-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-text{color:var(--claude-text);margin-bottom:8px;font-size:22px;font-weight:500}.ai-subtext{color:var(--claude-text-light);font-size:15px}.neutral-card{border:1.5px solid var(--claude-border);background:linear-gradient(135deg,#fffcf9 0%,#faf8f5 100%)}.card-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.badge{background:var(--claude-text);color:var(--claude-bg);letter-spacing:1px;text-transform:uppercase;border-radius:16px;margin-bottom:12px;padding:5px 14px;font-size:11px;font-weight:600}.topic-hint{color:var(--claude-text-light);margin:0;font-size:15px}.word-reveal{margin:48px 0}.label{color:var(--claude-text-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:13px;font-weight:500}.my-word{color:var(--claude-text);letter-spacing:-.02em;word-break:keep-all;margin:0;font-size:clamp(32px,10vw,48px);font-weight:500}.game-guide{background:var(--claude-bg);color:var(--claude-text);border:1px solid var(--claude-border);border-radius:10px;padding:16px;font-size:14px;line-height:1.6}.sub-guide{color:var(--claude-text-light);margin-top:10px;font-size:12px;line-height:1.5}.role-card{border-radius:16px;width:95%;max-width:500px;margin-bottom:24px;padding:24px 20px;box-shadow:0 4px 20px #0000000f}.game-status{margin-bottom:24px}.game-status p{color:var(--claude-text-light);font-size:15px}.voting-screen h2{margin-bottom:32px}.player-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:20px 0;padding:0 4px;display:grid}.vote-card{border:1.5px solid var(--claude-border);background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-height:100px;padding:16px 12px;transition:all .2s;display:flex;position:relative}.vote-card:hover:not(:disabled){border-color:var(--claude-orange);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.vote-card.voted-target{background-color:var(--claude-bg);opacity:.85}.vote-card.my-vote{transform:scale(1.03);box-shadow:0 6px 16px #d9775740;border:2.5px solid var(--claude-orange)!important;background-color:#fff8f5!important}.vote-card.my-vote .name{color:var(--claude-orange);font-weight:600}.avatar{background:var(--claude-bg);width:44px;height:44px;color:var(--claude-text);border:1.5px solid var(--claude-border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:18px;font-weight:500;display:flex}.name{color:var(--claude-text);text-align:center;word-break:keep-all;font-size:14px;font-weight:400}.voted-badge{background:var(--claude-accent);color:#fff;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:500;position:absolute;top:8px;right:8px}.status-text{color:var(--claude-text-light);margin-top:16px;font-size:14px}.result-screen h1{margin-bottom:32px;font-size:36px}.win-text{color:var(--claude-accent)}.lose-text{color:var(--claude-orange-dark)}.result-detail{background:var(--claude-bg);text-align:left;border:1px solid var(--claude-border);border-radius:12px;width:100%;margin:24px 0;padding:28px 24px;box-shadow:0 2px 12px #0000000a}.result-detail p{color:var(--claude-text);margin:12px 0;font-size:15px;line-height:1.6}.result-detail strong{color:var(--claude-text);font-weight:600}.result-detail hr{border:none;border-top:1px solid var(--claude-border);margin:20px 0}.model-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f5f3ee;pointer-events:none;z-index:10000;letter-spacing:.3px;background:#2c2416d9;border-radius:6px;padding:6px 12px;font-family:Monaco,Menlo,monospace;font-size:11px;position:fixed;bottom:12px;right:12px;box-shadow:0 2px 8px #00000026}.loading-fallback{color:var(--claude-text-light);padding:40px;font-size:16px}@media (max-width:480px){.container{padding:20px 16px}h1{font-size:clamp(22px,6vw,28px)}h2{font-size:clamp(18px,5vw,22px)}.player-list{gap:8px;margin-bottom:24px}.player-card{padding:8px 14px;font-size:14px}.topics-section{padding:16px 12px}.topic-tag{padding:6px 14px;font-size:13px}.ai-topic-btn{min-width:180px;padding:10px 20px;font-size:14px}.role-card{width:100%;padding:20px 16px}.my-word{font-size:clamp(28px,9vw,40px)}.game-guide{padding:14px;font-size:13px}.player-grid{gap:10px;padding:0 2px}.vote-card{min-height:95px;padding:14px 10px}.avatar{width:40px;height:40px;font-size:16px}.name{font-size:13px}.result-screen h1{font-size:clamp(26px,7vw,32px)}.result-detail{padding:20px 16px}.result-detail p{font-size:14px}.model-badge{padding:5px 10px;font-size:10px;bottom:8px;right:8px}}@media (max-width:360px){.container{padding:16px 12px}input{padding:10px 14px;font-size:15px}.primary-btn{padding:11px 24px;font-size:14px}.player-grid{gap:8px}.vote-card{min-height:90px;padding:12px 8px}.my-word{font-size:clamp(24px,8vw,36px)}}@media (hover:none) and (pointer:coarse){button{min-width:44px;min-height:44px}.vote-card{min-height:110px}.topic-tag{min-height:36px}}.vote-diagram-container{justify-content:center;align-items:center;width:100%;margin:24px 0;display:flex}