:root{--ink:#1e1512;--bark:#3b2a22;--cocoa:#5c3d2e;--wood:#7a5238;--oak:#a0704a;--tan:#c99a6b;--cream:#e8c9a0;--milk:#f6e7cf;--amber:#e09f4a;--clay:#c4623e;--font:ui-rounded, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bark);height:100%;color:var(--milk);font-family:var(--font);margin:0;overflow:hidden}#room{width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:grab;display:block;position:fixed;inset:0}#room:active{cursor:grabbing}[hidden]{display:none!important}.hud{z-index:2;position:fixed}.top{pointer-events:none;align-items:center;gap:12px;display:flex;top:12px;left:16px;right:16px}.top>*{pointer-events:auto}.title{letter-spacing:.02em;background:var(--cocoa);border:2px solid var(--ink);box-shadow:inset 0 -3px 0 var(--wood);padding:6px 10px;font-weight:800}.count{color:var(--cream);flex:1;font-size:14px}.btn{font:inherit;color:var(--ink);background:var(--cream);border:2px solid var(--ink);cursor:pointer;box-shadow:inset 0 -3px 0 var(--tan);align-items:center;gap:6px;padding:10px 14px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--milk)}.btn:active{box-shadow:inset 0 2px 0 var(--tan);transform:translateY(1px)}.btn.small{padding:5px 10px;font-size:13px}.btn.primary{background:var(--amber);box-shadow:inset 0 -3px 0 var(--clay);font-weight:700}.btn.selected{background:var(--amber);box-shadow:inset 0 2px 0 var(--clay)}.panel{border:2px solid var(--ink);background:#3b2a22eb;width:220px;max-height:calc(100% - 160px);padding:8px;top:60px;right:16px;overflow:auto}.panel h2{color:var(--tan);margin:2px 4px 8px;font-size:13px;font-weight:700}.person{align-items:center;gap:8px;padding:5px 4px;display:flex}.person img,.person .noavatar{border:2px solid var(--ink);background:var(--wood);border-radius:50%;flex:none;width:26px;height:26px}.person .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.person .act{color:var(--tan);font-size:12px}.person.me .name:after{content:" (나)";color:var(--tan);font-size:12px}.bar{border:2px solid var(--ink);background:#3b2a22eb;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 10px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.bar-label{color:var(--tan);white-space:nowrap;font-size:13px}.bar-buttons{flex-wrap:wrap;gap:6px;display:flex}.overlay{z-index:5;background:#1e15128c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--cocoa);border:3px solid var(--ink);box-shadow:inset 0 -4px 0 var(--wood);text-align:center;width:100%;max-width:360px;padding:28px 28px 22px}.card h1{margin:0 0 8px;font-size:22px}.card p{color:var(--cream);margin:0 0 18px;line-height:1.5}.note{color:var(--tan);font-size:12px;margin-top:12px!important}.error{font-size:13px;color:#ffb38a!important;margin-top:14px!important}.dev{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.dev .note{width:100%;margin:0!important}.dev input{font:inherit;border:2px solid var(--ink);background:var(--milk);color:var(--ink);width:150px;padding:5px 8px}.toast{z-index:6;background:var(--clay);color:var(--milk);border:2px solid var(--ink);padding:6px 12px;font-size:13px;position:fixed;top:60px;left:50%;transform:translate(-50%)}@media (max-width:640px){.panel{width:auto;max-height:30vh;inset:auto 16px 120px}.bar{flex-direction:column;align-items:stretch;width:calc(100% - 32px)}.bar-buttons{justify-content:center}}