:root{--cb-wood-light: #d69f69;--cb-wood-base: #a67342;--cb-wood-dark: #7a4f27;--cb-wood-deep: #472b15;--cb-wood-edge: #2e1c0d;--cb-neon-blue: #7bb5e6;--cb-neon-pink: #d98888;--cb-neon-purple: #957bbd;--cb-neon-green: #8bc34a;--cb-neon-orange: #d99a5b;--cb-bg-deep: #472b15;--cb-bg-dark: #a67342;--cb-bg-card: #d69f69;--cb-bg-input: #f2dec4;--cb-bg-hover: #c28d5c;--cb-text-primary: #f5ecd9;--cb-text-secondary: #e6d3ba;--cb-text-muted: #d0b89f;--cb-text-dark: #472b15;--cb-space-xs: 6px;--cb-space-sm: 10px;--cb-space-md: 16px;--cb-space-lg: 20px;--cb-space-xl: 30px;--cb-radius-sm: 4px;--cb-radius-md: 8px;--cb-radius-lg: 12px;--cb-sidebar-width: 380px;--cb-font-pixel: "Press Start 2P", monospace;--cb-font-ui: "Inter", system-ui, -apple-system, sans-serif;--cb-glow-blue: 0 0 15px rgba(123, 181, 230, .4);--cb-glow-pink: 0 0 15px rgba(217, 136, 136, .4);--cb-glow-purple: 0 0 15px rgba(149, 123, 189, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--cb-bg-deep);color:var(--cb-text-primary);font-family:var(--cb-font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.hidden{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cb-bg-input);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cb-text-muted)}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 30%,rgba(214,159,105,.15) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(166,115,66,.15) 0%,transparent 60%),linear-gradient(180deg,var(--cb-bg-deep) 0%,#2e1c0d 100%);z-index:1000;animation:loginFadeIn .6s ease-out}@keyframes loginFadeIn{0%{opacity:0}to{opacity:1}}.login-container{text-align:center;padding:var(--cb-space-xl) 40px;background:var(--cb-bg-dark);border:6px solid var(--cb-wood-edge);border-radius:var(--cb-radius-md);box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 10px 30px #00000080;width:420px;max-width:90vw;animation:loginSlideUp .6s ease-out}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-title{font-family:var(--cb-font-pixel);font-size:20px;color:var(--cb-bg-input);text-shadow:2px 2px 0 var(--cb-wood-edge);margin-bottom:var(--cb-space-xs);letter-spacing:2px}.login-subtitle{font-family:var(--cb-font-pixel);font-size:8px;color:var(--cb-wood-light);text-shadow:1px 1px 0 var(--cb-wood-edge);letter-spacing:6px;margin-bottom:var(--cb-space-xl)}.auth-tabs{display:flex;margin-bottom:var(--cb-space-lg);border-bottom:2px solid var(--cb-wood-dark)}.auth-tab{flex:1;background:transparent;border:none;padding:var(--cb-space-sm) 0;color:var(--cb-text-muted);font-family:var(--cb-font-pixel);font-size:10px;cursor:pointer;transition:all .3s}.auth-tab.active{color:var(--cb-bg-input);box-shadow:inset 0 -3px 0 var(--cb-bg-input);text-shadow:1px 1px 0 var(--cb-wood-edge)}.login-form{display:flex;flex-direction:column;gap:var(--cb-space-md)}.login-label{text-align:left;font-size:12px;font-weight:600;color:var(--cb-text-primary);text-transform:uppercase;letter-spacing:1px}.login-input{width:100%;padding:var(--cb-space-md) var(--cb-space-lg);background:var(--cb-bg-input);border:2px solid var(--cb-wood-dark);border-radius:var(--cb-radius-sm);color:var(--cb-text-dark);font-family:var(--cb-font-ui);font-size:16px;outline:none;box-shadow:inset 2px 2px 4px #0000001a;transition:border-color .2s}.login-input:focus{border-color:var(--cb-wood-edge)}.login-input::placeholder{color:#cda984}.pet-select{display:flex;flex-wrap:wrap;gap:var(--cb-space-sm);justify-content:center;margin:var(--cb-space-sm) 0}.pet-option{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--cb-bg-input);border:2px solid var(--cb-wood-dark);border-radius:var(--cb-radius-sm);cursor:pointer;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0000001a;transition:all .2s}.pet-option:hover{background:#f7eedf;transform:translateY(-2px)}.pet-option.selected{border-color:var(--cb-wood-edge);background:#fff9f0;box-shadow:inset 0 0 0 2px var(--cb-wood-edge)}.login-button{width:100%;padding:var(--cb-space-md) var(--cb-space-lg);margin-top:var(--cb-space-sm);background:var(--cb-bg-card);border:2px solid var(--cb-wood-edge);border-radius:var(--cb-radius-sm);color:var(--cb-wood-edge);font-family:var(--cb-font-pixel);font-size:11px;letter-spacing:3px;cursor:pointer;transition:all .1s;box-shadow:inset -2px -2px #0003,inset 2px 2px #ffffff4d,0 4px 0 0 var(--cb-wood-deep);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s}.login-button:hover:before{transform:translate(100%)}.login-button:hover{transform:translateY(-1px);box-shadow:inset -2px -2px #0003,inset 2px 2px #ffffff4d,0 3px 0 0 var(--cb-wood-deep)}.login-button:active{transform:translateY(4px);box-shadow:inset 2px 2px #0003,0 0 0 0 var(--cb-wood-deep)}.login-error{color:#a33;font-size:12px;min-height:18px}.login-footer{margin-top:var(--cb-space-lg);font-size:11px;color:var(--cb-text-muted)}#agent-invite-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(circle at 20% 30%,rgba(255,154,158,.15) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(161,140,209,.15) 0%,transparent 60%),linear-gradient(180deg,var(--cb-bg-deep) 0%,#0d0a17 100%);display:flex;align-items:center;justify-content:center;animation:loginFadeIn .6s ease-out}.agent-invite-container{width:760px;max-width:94vw;padding:var(--cb-space-xl) 40px}.invite-summary{display:grid;gap:var(--cb-space-md);margin-bottom:var(--cb-space-lg)}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-md);padding:var(--cb-space-sm) var(--cb-space-md);background:#28244299;border:1px solid rgba(161,140,209,.15);border-radius:var(--cb-radius-md)}.invite-label{color:var(--cb-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.invite-code{font-family:var(--cb-font-pixel);color:var(--cb-text-primary);font-size:12px;word-break:break-all}.invite-manual{padding-top:var(--cb-space-md)}.invite-manual-section{margin-top:var(--cb-space-lg)}.invite-manual-subtitle{color:var(--cb-neon-blue);font-family:var(--cb-font-pixel);font-size:11px;margin-bottom:var(--cb-space-sm)}.invite-manual-text{color:var(--cb-text-secondary)}pre.invite-code{max-height:280px;overflow:auto;background:var(--cb-bg-input);border:2px solid var(--cb-wood-edge);border-radius:var(--cb-radius-sm);padding:var(--cb-space-md) var(--cb-space-lg)}.invite-capabilities{font-family:var(--cb-font-ui);color:var(--cb-text-secondary)}.scale-layout{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#0d0906;overflow:hidden}#game-scale-wrapper{width:1324px;height:768px;display:flex;transform-origin:center center;flex-shrink:0;background-color:#472b15}#ui-left-panel{width:300px;height:100%;display:flex;flex-direction:column;padding:10px;gap:10px;background:#2e1c0d url(/assets/wood_tile.png) repeat;z-index:10;box-sizing:border-box;border-right:4px solid #472b15}.wood-panel{background:#2e1c0d99;border:12px solid transparent;border-image:url(/assets/avatar_frame.png) 40 round;border-radius:4px;padding:8px;position:relative;color:#f5ecd9}#ui-player-info{display:flex;flex-direction:column;gap:10px}.hud-title{font-family:var(--cb-font-pixel);font-size:14px;color:#fc0;text-align:center;text-shadow:2px 2px 0 #472b15}.hud-user-block{display:flex;gap:10px;align-items:center}.avatar-frame{width:60px;height:60px;background:url(/assets/avatar_frame.png) no-repeat center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-size:32px;padding:8px;box-sizing:border-box}.user-details{flex:1;display:flex;flex-direction:column;gap:4px}.user-name{font-weight:700;font-size:14px;color:#fff}.level-bar{display:flex;align-items:center;gap:5px}.lvl{font-family:var(--cb-font-pixel);font-size:10px;color:#fff}.hp-bar-bg{flex:1;height:10px;background:#2e1c0d;border:2px solid #472b15}.hp-bar-fill{width:100%;height:100%;background:#39ff14}.coins{font-family:var(--cb-font-pixel);font-size:10px;color:#fc0}#ui-main-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px}.nav-btn{background:url(/assets/btn_normal.png) no-repeat center;background-size:100% 100%;border:none;color:#f5ecd9;font-family:var(--cb-font-ui);font-weight:700;font-size:12px;padding:8px;text-align:center;cursor:pointer;white-space:nowrap;transition:transform .1s}.nav-btn:hover{background-image:url(/assets/btn_hover.png);transform:translateY(-1px)}.nav-btn:active{transform:translateY(1px)}.nav-btn.active{background-image:url(/assets/btn_hover.png);color:#fc0;filter:brightness(1.2)}.chat-container{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden}.chat-container .sidebar-tabs{background:#472b15;border-radius:4px 4px 0 0;border-bottom:2px solid #2e1c0d}.chat-container .tab-btn{font-size:12px;padding:8px 0}.chat-container .sidebar-content{flex:1;background:#d6ad81;overflow-y:auto}#game-main{width:1024px;height:768px;position:relative}#canvas-container{width:1024px;height:768px;position:absolute;top:0;left:0;background:var(--cb-bg-deep);z-index:1}#bathhouse-canvas{display:block;width:1024px;height:768px;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}#ui-top-banner{position:absolute;top:0;left:0;width:100%;height:46px;background:#0006;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 16px;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:2px solid rgba(255,255,255,.1)}.weather-info-horizontal{display:flex;align-items:center;gap:12px;color:#f5ecd9;font-size:13px;font-weight:700}.weather-info-horizontal .ping{color:#39ff14;font-weight:400;font-size:12px}.controls-horizontal{display:flex;align-items:center;gap:10px}.hud-btn-ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:var(--cb-font-ui);font-size:12px;font-weight:700;transition:all .2s}.hud-btn-ghost:hover{background:#ffffff40;border-color:#fff6}.hud-btn-ghost:active{background:#0000004d}.text-red{color:#f55!important}#ui-right-widgets{position:absolute;top:60px;right:16px;width:220px;z-index:10;display:flex;flex-direction:column;gap:12px}.task-widget{background:#d6ad81;color:#472b15;padding:12px;transition:all .3s ease}.task-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #a67342;padding-bottom:6px;margin-bottom:8px}.task-header h3{font-size:14px;margin:0}.toggle-btn{background:none;border:none;color:#472b15;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.toggle-btn:hover{background:#0000001a}.task-widget ul{list-style:none;font-size:12px;padding-left:10px;margin:0;transition:max-height .3s ease,opacity .3s ease;overflow:hidden;max-height:200px;opacity:1}.task-widget li{margin-bottom:6px;position:relative}.task-widget li:before{content:"• ";position:absolute;left:-10px}.task-widget li.done{color:#2e7d32;text-decoration:line-through}.task-widget.collapsed ul{max-height:0;opacity:0;margin:0}.task-widget.collapsed .task-header{border-bottom:none;padding-bottom:0;margin-bottom:0}#ui-bottom-hotbar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;padding:6px;background:#7a4f27}.hotbar-slots{display:flex;gap:4px}.slot{width:40px;height:40px;background:#d6ad81;border:2px solid #472b15;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 5px #0000004d}.slot .key{position:absolute;bottom:2px;right:4px;font-family:var(--cb-font-pixel);font-size:8px;color:#472b15}.sidebar-tabs{display:flex;gap:2px;padding:var(--cb-space-xs);background:var(--cb-bg-deep);border-bottom:4px solid var(--cb-wood-edge)}.tab-btn{flex:1;padding:var(--cb-space-sm) 0;background:var(--cb-wood-dark);border:2px solid var(--cb-wood-edge);color:var(--cb-text-primary);font-size:18px;cursor:pointer;border-radius:var(--cb-radius-sm) var(--cb-radius-sm) 0 0;box-shadow:inset -1px -1px #0003,inset 1px 1px #ffffff1a;margin-bottom:-4px}.tab-btn:hover{background:var(--cb-wood-base)}.tab-btn.active{background:var(--cb-bg-dark);border-bottom:2px solid var(--cb-bg-dark);box-shadow:inset 1px 1px #fff3;z-index:1}.sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.panel{display:flex;flex-direction:column;height:100%}.panel-header{padding:var(--cb-space-md) var(--cb-space-lg);font-family:var(--cb-font-pixel);font-size:9px;color:var(--cb-bg-input);background:var(--cb-wood-dark);border-bottom:2px solid var(--cb-wood-edge);letter-spacing:1px}.chat-messages{flex:1;overflow-y:auto;padding:var(--cb-space-md);display:flex;flex-direction:column;gap:var(--cb-space-sm);background:var(--cb-bg-input);box-shadow:inset 2px 2px 10px #0000001a}.chat-message{padding:var(--cb-space-sm) var(--cb-space-md);background:#fff;border:1px solid #dcb285;border-radius:var(--cb-radius-md);border-bottom:2px solid #b89168;animation:msgAppear .15s ease-out;box-shadow:0 2px 4px #0000000d}@keyframes msgAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message__name{font-size:11px;font-weight:700;color:var(--cb-wood-dark);margin-bottom:2px}.chat-message__name--agent{color:#724c96}.chat-message__text{font-size:13px;color:var(--cb-text-dark);word-break:break-word}.chat-message__time{font-size:10px;color:#a68461;margin-top:2px}.chat-system{text-align:center;font-size:11px;color:var(--cb-wood-dark);padding:var(--cb-space-xs);font-style:italic;opacity:.8}.chat-input-bar{display:flex;gap:var(--cb-space-sm);padding:var(--cb-space-md);background:var(--cb-bg-dark);border-top:2px solid var(--cb-wood-edge)}.chat-input{flex:1;padding:var(--cb-space-sm) var(--cb-space-md);background:var(--cb-bg-input);border:2px solid var(--cb-wood-edge);border-radius:var(--cb-radius-sm);color:var(--cb-text-dark);font-family:var(--cb-font-ui);font-size:13px;outline:none;box-shadow:inset 2px 2px 4px #0000001a;transition:border-color .2s}.chat-input:focus{border-color:#543417}.chat-send-btn{padding:var(--cb-space-sm) var(--cb-space-lg);background:var(--cb-wood-light);border:2px solid var(--cb-wood-edge);border-radius:var(--cb-radius-sm);color:var(--cb-wood-edge);font-size:13px;font-weight:700;cursor:pointer;box-shadow:inset -2px -2px #00000026,inset 2px 2px #fff3,0 2px 0 0 var(--cb-wood-deep);transition:all .1s}.chat-send-btn:active{transform:translateY(2px);box-shadow:inset 2px 2px #00000026,0 0 0 0 var(--cb-wood-deep)}.user-list{padding:var(--cb-space-md);display:flex;flex-direction:column;gap:var(--cb-space-sm);background:var(--cb-bg-input);flex:1;box-shadow:inset 2px 2px 10px #0000001a}.user-item{display:flex;align-items:center;gap:var(--cb-space-md);padding:var(--cb-space-sm) var(--cb-space-md);background:#fff;border:1px solid #dcb285;border-bottom:2px solid #b89168;border-radius:var(--cb-radius-md);cursor:pointer;box-shadow:0 2px 4px #0000000d}.user-item:hover{background:#fff9f0}.user-item__icon{font-size:20px}.user-item__info{flex:1}.user-item__name{font-size:13px;font-weight:700;color:var(--cb-wood-dark)}.user-item__state{font-size:11px;color:#a68461}.user-item__hp{font-family:var(--cb-font-pixel);font-size:8px;color:#c94040}.placeholder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--cb-space-lg);background:var(--cb-bg-input);color:var(--cb-wood-base);box-shadow:inset 2px 2px 10px #0000001a}.placeholder-panel__icon{font-size:48px;opacity:.8}.placeholder-panel__text{font-family:var(--cb-font-pixel);font-size:9px;letter-spacing:1px}.placeholder-panel__hint{font-size:12px;text-align:center;max-width:260px;line-height:1.6}.settings-form{display:flex;flex-direction:column;gap:var(--cb-space-sm);padding:var(--cb-space-md);background:var(--cb-bg-input);flex:1}.settings-actions{display:flex;gap:var(--cb-space-sm)}.settings-divider{height:2px;margin:var(--cb-space-sm) 0;background:var(--cb-wood-dark);opacity:.3}.admin-grid{display:flex;flex-direction:column;gap:var(--cb-space-md);padding:var(--cb-space-md);background:var(--cb-bg-input);flex:1}.admin-grid h4{color:var(--cb-wood-deep);font-size:12px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:var(--cb-space-md);padding:var(--cb-space-sm) var(--cb-space-md);background:#fff;border:1px solid #dcb285;border-bottom:2px solid #b89168;border-radius:var(--cb-radius-md);margin-bottom:6px;color:var(--cb-wood-dark)}.admin-role-select{background:var(--cb-bg-input);color:var(--cb-text-dark);border:2px solid var(--cb-wood-dark);border-radius:var(--cb-radius-sm);padding:4px 6px}#app-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--cb-space-xs) var(--cb-space-lg);background:var(--cb-bg-dark);border-top:4px solid var(--cb-wood-edge);font-size:11px;color:var(--cb-text-primary);height:36px;flex-shrink:0;box-shadow:inset 0 2px #ffffff1a}@media(max-width:900px){#sidebar{width:320px;min-width:280px}}@media(max-width:700px){#app-main{flex-direction:column}#canvas-container{height:45vh}#sidebar{width:100%;min-width:unset;border-left:none;border-top:1px solid rgba(72,219,251,.08)}}