:root{--background:#fff8f1;--card:#fff;--text:#3b3135;--sub-text:#8a7f84;--border:#f1e6e9;--primary:#ff8fab;--primary-dark:#f06a8e;--mint:#7ed9c3;--lavender:#b8a6f2;--yellow:#ffd66b;--fire:#ff7a45;--disabled:#d9d2d5;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}input,textarea{font:inherit;color:var(--text)}.header{z-index:10;background:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:12px 16px;display:flex}.logo{align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.logo img{border-radius:10px;width:32px;height:32px}.nav{gap:4px;margin-left:auto;display:flex;overflow-x:auto}.nav a{border-radius:var(--radius-sm);color:var(--sub-text);white-space:nowrap;padding:8px 12px;font-weight:700}.nav a.active{color:var(--primary-dark);background:#fff0f4}.page{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:20px 16px 60px;display:flex}.footer{text-align:center;padding:0 16px 24px}.page.wide{max-width:1100px}.page-title{margin:4px 0;font-size:24px;font-weight:800}.section-title{margin:10px 0 0;font-size:17px;font-weight:800}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.sub{color:var(--sub-text);font-size:14px}.small{font-size:12px}.center{text-align:center}.empty{text-align:center;color:var(--sub-text);padding:40px 0}.btn{border:2px solid var(--primary);border-radius:var(--radius-md);background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:6px;height:52px;padding:0 20px;font-size:16px;font-weight:800;transition:opacity .15s;display:inline-flex}.btn:hover:not(:disabled){opacity:.85}.btn:disabled{background:var(--disabled);border-color:var(--disabled)}.btn.block{width:100%}.btn.small{border-radius:var(--radius-sm);height:38px;padding:0 14px;font-size:14px}.btn.mint{background:var(--mint);border-color:var(--mint)}.btn.lavender{background:var(--lavender);border-color:var(--lavender)}.btn.dark{background:var(--primary-dark);border-color:var(--primary-dark)}.btn.outline{background:var(--card);color:var(--primary-dark)}.btn.gray{background:var(--card);border-color:var(--border);color:var(--sub-text)}.btn.kakao{color:#191919;background:#fee500;border-color:#fee500}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--chip,var(--primary));border-radius:var(--radius-sm);background:var(--card);height:40px;color:var(--chip,var(--primary));padding:0 16px;font-weight:700}.chip.selected{background:var(--chip,var(--primary));color:#fff}.chip.fire{--chip:var(--fire);justify-content:center;align-items:center;gap:4px;display:inline-flex}.chip.fire svg{animation:.8s ease-in-out infinite alternate flame}.chip.fire.selected{animation:.8s ease-in-out infinite alternate fire-glow}@keyframes flame{0%{transform:scale(.9)rotate(-6deg)}to{transform:scale(1.15)rotate(6deg)}}@keyframes fire-glow{0%{box-shadow:0 0 0 2px #ff7a4526}to{box-shadow:0 0 0 5px #ff7a4580}}.chips.fill .chip{flex:1}.input,.textarea{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card);outline:none;width:100%;height:52px;padding:0 16px;font-size:16px}.input:focus,.textarea:focus{border-color:var(--primary)}.textarea{resize:vertical;height:auto;min-height:220px;padding:14px 16px;line-height:1.6}.badge{color:#fff;background:var(--primary-dark);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}.list{flex-direction:column;gap:10px;display:flex}.item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:block}.item.row{display:flex}button.item,button.card{width:100%;font:inherit;color:inherit}a.item:hover,button.item:hover{border-color:var(--primary)}.avatar{background:var(--lavender);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.backdrop{z-index:100;background:#3b313573;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--card);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:26px 22px 20px;display:flex}.dialog h3{margin:0;font-size:19px}.dialog p{color:var(--sub-text);white-space:pre-line;margin:0;line-height:1.5}.dialog .buttons{gap:10px;margin-top:12px;display:flex}.dialog .buttons .btn{flex:1;height:48px}.players{gap:8px;display:flex}.player{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card);flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:700;display:flex}.player.turn{border-color:var(--primary)}.player.out{opacity:.4}.player .avatar{background:var(--disabled)}.player.turn .avatar{background:var(--primary)}.word-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.word{letter-spacing:2px;font-size:44px;font-weight:800}.next-char{border-radius:var(--radius-md);background:var(--background);color:var(--sub-text);align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:inline-flex}.next-char b{color:var(--primary-dark);font-size:20px}.timer{background:var(--border);border-radius:5px;width:100%;height:10px;overflow:hidden}.timer div{border-radius:5px;height:100%;transition:width .2s linear}.message{text-align:center;font-weight:700}.message.error{color:var(--primary-dark)}.used{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.used span{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:8px;font-size:14px;overflow:hidden}.word-input{gap:8px;display:flex;position:sticky;bottom:12px}.word-input .input{border-color:var(--primary)}.word-pill{border-radius:var(--radius-sm);background:var(--card);border:1.5px solid var(--mint);padding:6px 12px;font-weight:700}.post-body{white-space:pre-wrap;font-size:16px;line-height:1.7}.comment.reply{margin-left:28px}.link-btn{color:var(--sub-text);background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.link-btn:hover{color:var(--primary-dark)}.stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.stat b{margin-top:4px;font-size:28px;display:block}.table{border-collapse:collapse;background:var(--card);border-radius:var(--radius-md);width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px;font-size:14px}.table th{background:#fff0f4;font-weight:800}.thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:120px;height:120px}.home-modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.home-grid{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.home-rooms{flex:999 460px;min-width:0}.home-chat{flex:320px;min-width:0}.online{color:#2f8f78;background:#e6f8f3;border-radius:12px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.online-dot{background:#3cc29f;border-radius:4px;width:8px;height:8px}.chat-locked{border-radius:var(--radius-sm);border:2px dashed var(--border);padding:8px 12px}@media (width<=560px){.header-inner{flex-wrap:wrap}.nav{width:100%;margin-left:0}.word{font-size:34px}}