*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff}body{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh}.viewer-app{display:flex;flex-direction:column;min-height:100vh;height:100vh}.viewer-header{flex-shrink:0;padding:.75rem 1.5rem;background:#00000059;border-bottom:2px solid rgba(255,107,107,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-header h1{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.viewer-status{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:12px;color:#ddd}.viewer-status strong{color:#fff;margin-right:.25rem}.badge-double{color:#ff6b6b;font-weight:700}.badge-world{color:#9b59b6;font-weight:700}.badge-wait{color:#f39c12;font-weight:700}.conn-ok{color:#2ecc71;font-weight:700}.conn-pending{color:#f1c40f}.viewer-main{flex:1;display:flex;gap:1rem;padding:1rem;min-height:0}.board-section{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.loading{color:#95a5a6;font-size:1rem}.log-section{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:#00000040;border-radius:10px;overflow:hidden}.log-title{padding:.5rem .75rem;font-weight:700;font-size:13px;color:#ecf0f1;border-bottom:1px solid rgba(255,255,255,.1)}.log-empty{padding:1rem;color:#7f8c8d;font-size:12px}.log-list{flex:1;overflow-y:auto;padding:.5rem}.log-item{padding:.5rem .6rem;margin-bottom:.4rem;background:#ffffff14;border-radius:6px;font-size:12px}.log-user{color:#3498db;font-weight:700;margin-bottom:2px}.log-msg{color:#ecf0f1}.log-time{color:#7f8c8d;font-size:10px;margin-top:2px}.viewer-toast{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;z-index:1000;box-shadow:0 4px 12px #0006;max-width:90vw}.viewer-toast-user{font-weight:700;color:#f1c40f;margin-bottom:2px}.viewer-toast-msg{word-break:keep-all}@media (max-width: 900px){html,body,#root{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.viewer-app{height:auto;min-height:100vh;overflow-x:hidden}.viewer-main{flex-direction:column;flex:none;padding:.75rem;gap:.75rem}.board-section{width:100%;min-height:0;flex:none}.board-section .simple-board{width:100%!important;height:auto!important;aspect-ratio:1.5;min-height:50vmin;max-width:100%}.log-section{width:100%;max-height:40vh;flex-shrink:0}}@media (max-width: 600px){.viewer-header{padding:.5rem .75rem}.viewer-header h1{font-size:1rem}.viewer-status{gap:.4rem .6rem;font-size:11px}.viewer-main{padding:.5rem;gap:.5rem}.log-title{font-size:12px}.log-item{font-size:11px}}