:root{--app-bg:#ded0b6;--app-text:#5c4033;--app-text-muted:#8a7568;--app-surface:#f5ecda;--app-surface-inner:#fff8ee;--app-border:#5c4033;--app-border-light:#9a7a6e;--app-wood-dark:#6b5040;--app-wood-mid:#a67c52;--app-wood-light:#c4a882;--app-accent:#7cb342;--app-accent-dark:#558b2f;--app-danger:#c0392b;--app-success:#558b2f;--app-shadow:#5c403359;color:var(--app-text);background-color:var(--app-bg);font-family:Courier New,Courier,monospace}*{box-sizing:border-box}body{margin:0}a{color:var(--app-wood-dark);font-weight:700}a:hover{color:var(--app-accent-dark)}.app-title{color:var(--app-text);text-transform:uppercase;letter-spacing:.06em;margin:0;font-family:Silkscreen,Courier New,Courier,monospace;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700}.app-subtitle{color:var(--app-text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-family:Silkscreen,Courier New,Courier,monospace;font-size:1rem;font-weight:700}.app-wood-frame{background:var(--app-surface);border:3px solid var(--app-border);box-shadow:inset 2px 2px 0 var(--app-wood-light), inset -3px -3px 0 var(--app-wood-dark), 5px 5px 0 var(--app-shadow);border-radius:14px}.app-inner-panel{background:var(--app-surface-inner);border:2px solid var(--app-border-light);border-radius:10px;box-shadow:inset 1px 1px #ffffff8c,inset -2px -2px #6b50402e}.app-button-primary,.app-button-secondary{border:2px solid var(--app-border);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-radius:8px;padding:10px 16px;font-family:Silkscreen,Courier New,Courier,monospace;font-size:11px;font-weight:700;transition:transform .1s,box-shadow .1s}.app-button-primary{background:linear-gradient(180deg, #9ccc65 0%, var(--app-accent) 55%, var(--app-accent-dark) 100%);color:#fff8ee;text-shadow:1px 1px #00000040;box-shadow:inset 1px 1px 0 #ffffff59, 2px 2px 0 var(--app-shadow)}.app-button-primary:hover:not(:disabled){box-shadow:inset 1px 1px 0 #ffffff59, 3px 3px 0 var(--app-shadow);transform:translateY(-1px)}.app-button-primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 2px 2px #00000026}.app-button-secondary{background:linear-gradient(180deg, var(--app-surface-inner) 0%, var(--app-surface) 100%);color:var(--app-text);box-shadow:inset 1px 1px 0 #fff9, 2px 2px 0 var(--app-shadow)}.app-button-secondary:hover:not(:disabled){background:linear-gradient(180deg, #fff 0%, var(--app-surface-inner) 100%)}.app-button-primary:disabled,.app-button-secondary:disabled{opacity:.55;cursor:not-allowed}.app-input{border:2px solid var(--app-border-light);background:var(--app-surface-inner);width:100%;color:var(--app-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;box-shadow:inset 2px 2px #6b50401f}.app-input:focus{outline:2px solid var(--app-border);outline-offset:1px}.app-error{color:var(--app-danger);font-weight:700}.auth-page{background:radial-gradient(circle at 20% 15%, #c4a88273 0%, transparent 45%), radial-gradient(circle at 80% 85%, #a67c524d 0%, transparent 40%), var(--app-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{gap:14px;width:min(420px,100%);padding:28px 24px;display:grid}.auth-brand{text-align:center;gap:6px;display:grid}.auth-app-name{color:var(--app-accent-dark);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:Silkscreen,Courier New,Courier,monospace;font-size:clamp(1.1rem,2.8vw,1.45rem);font-weight:700;line-height:1.2}.auth-brand .app-title{color:var(--app-text-muted);font-size:clamp(1rem,2.2vw,1.15rem)}.auth-card input,.auth-card select,.auth-card button{width:100%}.auth-card input,.auth-card select{border:2px solid var(--app-border-light);background:var(--app-surface-inner);color:var(--app-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;box-shadow:inset 2px 2px #6b50401f}.auth-card input:focus,.auth-card select:focus{outline:2px solid var(--app-border);outline-offset:1px}.auth-footer{text-align:center;color:var(--app-text-muted)}.auth-message{color:var(--app-text-muted);margin:0;line-height:1.5}.scenario-page{background:radial-gradient(circle at 10% 10%, #c4a88259 0%, transparent 40%), radial-gradient(circle at 90% 90%, #a67c5240 0%, transparent 35%), var(--app-bg);max-width:1100px;min-height:100vh;margin:0 auto;padding:24px}.scenario-page .app-wood-frame{gap:20px;padding:24px;display:grid}.scenario-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.scenario-page-header h1{margin:0 0 8px}.scenario-page-header p{color:var(--app-text-muted);max-width:52ch;margin:0}.scenario-logout-button{flex-shrink:0}.scenario-header-actions{flex-shrink:0;gap:10px;display:flex}.admin-users-page{background:radial-gradient(circle at 10% 10%, #c4a88259 0%, transparent 40%), radial-gradient(circle at 90% 90%, #a67c5240 0%, transparent 35%), var(--app-bg);max-width:960px;min-height:100vh;margin:0 auto;padding:24px}.admin-users-page .app-wood-frame{gap:20px;padding:24px;display:grid}.admin-users-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-users-header p{color:var(--app-text-muted);margin:0}.admin-invite-section,.admin-users-table-section,.admin-password-result{gap:12px;padding:20px;display:grid}.admin-invite-section p,.admin-password-result p{color:var(--app-text-muted);margin:0}.admin-invite-result{gap:8px;display:grid}.admin-invite-result input{border:2px solid var(--app-border-light);background:var(--app-surface-inner);width:100%;color:var(--app-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.admin-users-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-user-item{border:2px solid var(--app-border-light);background:var(--app-surface-inner);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.admin-user-item--blocked{opacity:.85;background:#fff8f8;border-color:#e8a0a0}.admin-user-info{gap:4px;min-width:200px;display:grid}.admin-user-info strong{text-transform:uppercase;font-family:Silkscreen,Courier New,Courier,monospace;font-size:11px}.admin-user-info span,.admin-user-info small{color:var(--app-text-muted)}.admin-user-badges{flex-wrap:wrap;gap:6px;display:flex}.admin-user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-user-role{text-transform:uppercase;border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-user-role--admin{color:#856404;background:#fff3cd}.admin-user-role--user{color:var(--app-accent-dark);background:#e8f5e9}.admin-user-role--blocked{color:var(--app-danger);background:#fde8e8}.admin-user-role--self{color:#1565c0;background:#e3f2fd}.character-customizer{gap:16px;margin-bottom:0;padding:20px;display:grid}.character-customizer-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.character-customizer-header p{color:var(--app-text-muted);margin:0}.character-preview-canvas{image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid var(--app-border-light);box-sizing:content-box;background:#c4b49a;border-radius:8px;flex-shrink:0;margin:0 auto;display:block;box-shadow:inset 2px 2px #6b504033}.character-part-option .character-preview-canvas{margin:0 auto}.character-layer-tabs{flex-wrap:wrap;gap:6px;display:flex}.character-layer-tabs button{border:2px solid var(--app-border-light);background:linear-gradient(180deg, var(--app-surface-inner) 0%, var(--app-surface) 100%);cursor:pointer;color:var(--app-text);text-transform:uppercase;letter-spacing:.03em;box-shadow:inset 1px 1px 0 #ffffff80, 0 2px 0 var(--app-shadow);border-radius:10px 10px 4px 4px;padding:8px 14px;font-family:Silkscreen,Courier New,Courier,monospace;font-size:10px;font-weight:700}.character-layer-tabs button.active{background:linear-gradient(180deg, #9ccc65 0%, var(--app-accent) 100%);border-color:var(--app-border);color:#fff8ee;box-shadow:inset 1px 1px 0 #ffffff4d, 0 3px 0 var(--app-shadow);transform:translateY(-2px)}.character-accessory-actions button{border:2px dashed var(--app-border-light);color:var(--app-text);cursor:pointer;background:#fff8eeb3;border-radius:8px;padding:8px 12px;font-family:inherit}.character-part-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;max-height:280px;padding:8px 4px 8px 0;display:grid;overflow:auto}.character-part-option{border:2px solid var(--app-border-light);background:var(--app-surface-inner);cursor:pointer;border-radius:10px;justify-items:center;gap:6px;padding:8px;display:grid;overflow:visible;box-shadow:inset 1px 1px #ffffff73}.character-part-option:hover{border-color:var(--app-wood-mid)}.character-part-option.active{border-color:var(--app-accent-dark);box-shadow:0 0 0 2px #7cb34259,inset 1px 1px #ffffff73}.character-part-option span{text-align:center;color:var(--app-text-muted);word-break:break-word;font-size:10px;line-height:1.2}.character-customizer-actions{flex-wrap:wrap;gap:10px;display:flex}.character-error{color:var(--app-danger);font-weight:700}.character-saved{color:var(--app-success);font-weight:700}.scenario-empty-message{color:var(--app-text-muted);grid-column:1/-1;margin:0}.scenario-user-footer{text-align:center;color:var(--app-text-muted)}.scenario-actions{margin:0}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:0;display:grid}.scenario-card{gap:10px;padding:16px;display:grid}.scenario-card strong{text-transform:uppercase;letter-spacing:.04em;font-family:Silkscreen,Courier New,Courier,monospace;font-size:12px}.scenario-card small{color:var(--app-text-muted)}.scenario-card button{width:100%}.scenario-card button+button{margin-top:0}.scenario-delete-button{color:var(--app-danger);cursor:pointer;text-transform:uppercase;background:linear-gradient(#fff5f5 0%,#fde8e8 100%);border:2px solid #e8a0a0;border-radius:8px;padding:8px 12px;font-family:Silkscreen,Courier New,Courier,monospace;font-size:10px;font-weight:700;box-shadow:2px 2px #c0392b33}.scenario-delete-button:disabled{opacity:.6;cursor:not-allowed}.map-editor-page{background:radial-gradient(circle at 15% 20%, #c4a8824d 0%, transparent 40%), var(--app-bg);grid-template-rows:auto auto auto 1fr;gap:12px;min-height:100vh;padding:16px;display:grid}.map-editor-page>p{text-align:center;padding:24px}.map-editor-header,.map-editor-toolbar,.map-editor-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.map-editor-header{justify-content:space-between;padding:16px 20px}.map-editor-header p{color:var(--app-text-muted);margin:6px 0 0}.map-editor-toolbar{background:var(--app-surface);border:2px solid var(--app-border-light);box-shadow:2px 2px 0 var(--app-shadow);border-radius:10px;padding:14px 16px}.map-editor-meta{background:var(--app-surface-inner);border:2px solid var(--app-border-light);color:var(--app-text-muted);border-radius:8px;padding:8px 14px;font-size:12px}.map-editor-save-notice{color:#15803d;font-weight:700}.map-editor-error{color:#b91c1c;font-weight:700}.map-editor-toolbar label{color:var(--app-text);gap:4px;font-size:12px;font-weight:700;display:grid}.map-editor-toolbar input[type=text],.map-editor-toolbar input[type=number]{border:2px solid var(--app-border-light);background:var(--app-surface-inner);color:var(--app-text);border-radius:8px;padding:8px 10px;font-family:inherit;box-shadow:inset 2px 2px #6b50401a}.map-editor-tools{flex-wrap:wrap;gap:8px;display:flex}.map-editor-tools button,.map-editor-toolbar button,.map-editor-header-actions button{border:2px solid var(--app-border-light);background:var(--app-surface-inner);color:var(--app-text);cursor:pointer;text-transform:uppercase;box-shadow:2px 2px 0 var(--app-shadow);border-radius:8px;padding:8px 12px;font-family:Silkscreen,Courier New,Courier,monospace;font-size:9px;font-weight:700}.map-editor-tools button.active,.map-editor-toolbar button[type=submit]{background:linear-gradient(180deg, #9ccc65 0%, var(--app-accent) 100%);color:#fff8ee;border-color:var(--app-border)}.map-editor-toolbar button[type=submit]{padding:10px 16px;font-size:10px}.map-editor-tools button.map-editor-tool-collision.active{background:linear-gradient(180deg, #ef5350 0%, var(--app-danger) 100%);color:#fff8ee;border-color:#8b2e2e}.map-editor-tools button.map-editor-tool-collision:not(.active){color:var(--app-danger);border-color:#e8a0a0}.map-editor-tools button.map-editor-tool-conversation.active{color:#fff8ee;background:linear-gradient(#64b5f6 0%,#42a5f5 100%);border-color:#1e6fad}.map-editor-tools button.map-editor-tool-conversation:not(.active){color:#1565c0;border-color:#90caf9}.map-editor-tools button.map-editor-tool-mic-muted.active{color:#fff8ee;background:linear-gradient(#9ca3af 0%,#6b7280 100%);border-color:#374151}.map-editor-tools button.map-editor-tool-mic-muted:not(.active){color:#4b5563;border-color:#d1d5db}.map-editor-tools button.map-editor-tool-private.active{color:#fff8ee;background:linear-gradient(#c084fc 0%,#9333ea 100%);border-color:#6b21a8}.map-editor-tools button.map-editor-tool-private:not(.active){color:#7e22ce;border-color:#d8b4fe}.map-editor-tools button.map-editor-tool-restricted.active{color:#fff8ee;background:linear-gradient(#2dd4bf 0%,#0d9488 100%);border-color:#0f766e}.map-editor-tools button.map-editor-tool-restricted:not(.active){color:#0f766e;border-color:#99f6e4}.map-editor-tools button.map-editor-tool-music.active{color:#fff8ee;background:linear-gradient(#f472b6 0%,#db2777 100%);border-color:#9d174d}.map-editor-tools button.map-editor-tool-music:not(.active){color:#9d174d;border-color:#fbcfe8}.map-editor-tools button.map-editor-tool-proprietary.active{color:#fff8ee;background:linear-gradient(#fcd34d 0%,#f59e0b 100%);border-color:#b45309}.map-editor-tools button.map-editor-tool-proprietary:not(.active){color:#b45309;border-color:#fde68a}.map-editor-tools button.map-editor-tool-spawn.active{background:linear-gradient(180deg, #9ccc65 0%, var(--app-accent-dark) 100%);color:#fff8ee;border-color:#33691e}.map-editor-tools button.map-editor-tool-spawn:not(.active){color:var(--app-accent-dark);border-color:#aed581}.map-editor-tools button:disabled{opacity:.45;cursor:not-allowed}.map-editor-canvas-collision,.map-editor-canvas-overlay{cursor:crosshair}.map-editor-mode{gap:4px;font-size:12px;font-weight:700;display:grid}.map-editor-mode select{border:2px solid var(--app-border-light);background:var(--app-surface-inner);min-width:180px;color:var(--app-text);border-radius:8px;padding:8px;font-family:inherit}.map-editor-layout{grid-template-columns:320px 1fr;gap:16px;min-height:0;display:grid}.tile-palette,.map-editor-canvas-wrap{background:var(--app-surface-inner);border:2px solid var(--app-border-light);box-shadow:inset 1px 1px 0 #ffffff73, 3px 3px 0 var(--app-shadow);border-radius:10px}.tile-palette{grid-template-rows:auto auto auto 1fr;min-height:70vh;display:grid}.tile-palette-groups{border-bottom:2px solid var(--app-border-light);flex-wrap:wrap;gap:8px;padding:10px;display:flex}.tile-palette-groups button{border:2px solid var(--app-border-light);background:var(--app-surface);cursor:pointer;text-transform:uppercase;color:var(--app-text);border-radius:8px;padding:8px 10px;font-family:Silkscreen,Courier New,Courier,monospace;font-size:10px;font-weight:700}.tile-palette-groups button.active{background:linear-gradient(180deg, #9ccc65 0%, var(--app-accent) 100%);border-color:var(--app-border);color:#fff8ee}.tile-palette-picker{border-bottom:2px solid var(--app-border-light);box-sizing:border-box;align-self:start;gap:4px;width:100%;padding:10px;font-size:12px;font-weight:700;display:grid}.tile-palette-picker select{border:2px solid var(--app-border-light);background:var(--app-surface-inner);color:var(--app-text);box-sizing:border-box;border-radius:8px;width:100%;padding:8px;font-family:inherit}.tile-palette-hint{color:var(--app-text-muted);margin:0;padding:0 10px 10px;font-size:11px}.tile-palette-scroll{min-height:0;padding:10px;overflow:auto}.tile-palette-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.tile-palette-canvas,.map-editor-canvas{image-rendering:pixelated;display:block}.tileset-fullscreen-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172aeb;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.tileset-fullscreen-header{color:#f8fafc;border-bottom:2px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.tileset-fullscreen-header h2{margin:0 0 4px;font-size:18px}.tileset-fullscreen-header p{color:#f8fafcbf;margin:0;font-size:13px}.tileset-fullscreen-scroll{justify-content:center;align-items:flex-start;min-height:0;padding:24px;display:flex;overflow:auto}.tileset-fullscreen-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;display:block;box-shadow:0 12px 40px #00000073}.map-editor-canvas-wrap{background:#c4b49a;padding:12px;overflow:auto}.map-editor-canvas{cursor:crosshair}.game-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.game-loading{place-content:center;gap:12px;min-height:100vh;padding:20px;display:grid}.game-canvas-wrap{background:#0f172a;flex:1;min-height:0;position:relative;overflow:hidden}.game-clock-hud{z-index:12;box-sizing:border-box;width:280px;height:36px;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:auto;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%;align-items:center;gap:6px;padding:2px 8px 2px 4px;display:flex;position:absolute;top:12px;left:12px}.game-clock-hud-divider{background:#4a372859;flex-shrink:0;width:1px;height:18px}.game-clock-hud-status{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.game-clock-hud-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 1px #4a372840}.game-clock-hud-status-select{color:#4a3728;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;min-width:0;padding:2px 2px 2px 0;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:700;line-height:1}.game-clock-hud-status-select:focus-visible{outline-offset:1px;outline:2px solid #4a372873}.game-clock-hud-icon{width:24px;height:24px;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;margin-left:6px;display:block}.game-clock-hud-date,.game-clock-hud-time{color:#4a3728;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-shrink:0;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:700;line-height:1}.game-clock-hud-date{min-width:72px}.game-clock-hud-time{width:36px}.game-exit-map-button{z-index:13;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:2px;line-height:0;position:absolute;top:12px;right:12px}.game-ambient-music-button{z-index:13;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:2px;line-height:0;position:absolute;top:12px;right:60px}.game-ambient-music-button img,.game-exit-map-button img{width:40px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .18s;display:block}.game-ambient-music-button:hover img,.game-ambient-music-button:focus-visible img,.game-exit-map-button:hover img,.game-exit-map-button:focus-visible img{animation:.85s ease-in-out infinite game-menu-bob;transform:scale(1.1)}.game-zoom-hud{z-index:12;pointer-events:auto;background:#0f172ad1;border-radius:16px;align-items:center;gap:14px;padding:6px 12px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000047}.game-zoom-hud-value{color:#f8fafc;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px 3px #0000008c;-webkit-user-select:none;user-select:none;min-width:44px;font-size:14px;font-weight:600}.game-proprietary-area-notice{z-index:12;color:#f8fafc;text-align:center;pointer-events:none;background:#0f172ae0;border-radius:12px;gap:8px;max-width:min(92vw,360px);padding:10px 14px;font-size:13px;font-weight:600;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 4px 14px #00000047}.game-proprietary-area-notice-label{display:block}.game-proprietary-area-notice-bar{background:#ffffff2e;border-radius:999px;height:6px;overflow:hidden}.game-proprietary-area-notice-fill{border-radius:inherit;background:linear-gradient(90deg,#fde68a 0%,#f59e0b 100%);width:0;height:100%;transition:width 50ms linear}.game-proprietary-hold-hud{z-index:12;pointer-events:none;background:#0f172ae0;border-radius:12px;gap:8px;min-width:240px;padding:10px 14px;display:grid;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000047}.game-proprietary-hold-label{color:#f8fafc;text-align:center;font-size:13px;font-weight:600}.game-proprietary-hold-bar{background:#ffffff2e;border-radius:999px;height:6px;overflow:hidden}.game-proprietary-hold-fill{border-radius:inherit;background:linear-gradient(90deg,#fde68a 0%,#f59e0b 100%);width:0;height:100%;transition:width 50ms linear}.game-floating-menu-dock{z-index:12;pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.game-floating-menu-hit{pointer-events:auto;flex-direction:column;justify-content:flex-end;align-items:center;min-width:min(420px,88vw);min-height:52px;padding-bottom:6px;display:flex}.game-floating-menu-dock--expanded .game-floating-menu-hit{min-height:0;padding-bottom:10px}.game-floating-menu{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s;display:flex;transform:translateY(calc(100% + 32px))}.game-floating-menu--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.game-floating-menu-bar{box-shadow:none;background:0 0;border:0;border-radius:20px;align-items:flex-end;gap:10px;padding:10px 18px;display:flex}.game-menu-pin{color:#e2e8f0;cursor:pointer;text-shadow:0 1px 3px #000000a6;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:11px}.game-menu-pin:hover{background:#0f172a59}.game-menu-pin--active{color:#dbeafe;background:#2563eb66}.game-menu-button{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:2px;line-height:0}.game-menu-button:disabled{opacity:.45;cursor:not-allowed}.game-menu-emoji-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.game-emoji-picker{z-index:2;background:#0f172ae0;border-radius:14px;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.game-emoji-picker-item{cursor:pointer;width:32px;height:26px;image-rendering:pixelated;image-rendering:crisp-edges;background-repeat:no-repeat;background-size:128px 26px;border:0;border-radius:6px;padding:0}.game-emoji-picker-item:hover{background-color:#ffffff1f}.game-menu-button img{width:52px;height:52px;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .18s;display:block}.game-menu-button:hover:not(:disabled) img,.game-menu-button:focus-visible:not(:disabled) img{animation:.85s ease-in-out infinite game-menu-bob;transform:scale(1.1)}.game-menu-button--active img{transform:scale(1.06)}.game-zoom-hud .game-menu-button{padding:0}.game-zoom-hud .game-menu-button img{object-fit:contain;width:14px;height:14px}@keyframes game-menu-bob{0%,to{transform:scale(1.1)translateY(0)}50%{transform:scale(1.1)translateY(-5px)}}.game-menu-error{z-index:11;color:#fecaca;text-align:center;pointer-events:none;background:#7f1d1de6;border-radius:8px;max-width:min(420px,90%);margin:0;padding:6px 12px;font-size:12px;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}.chat-modal-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.chat-modal-window{box-sizing:border-box;width:min(800px,101.917vh,96vw);max-width:96vw;height:min(829px,88vh);image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 14px 28px #00000073);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:relative}.chat-modal-title{color:#4a3728;letter-spacing:.02em;pointer-events:none;margin:0;font-family:Courier New,Courier,monospace;font-size:clamp(14px,2.6vw,18px);font-weight:700;position:absolute;top:7.5%;left:9%}.chat-modal-close-btn{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:absolute;top:6.2%;right:7.5%}.chat-modal-close-btn img{width:clamp(28px,5vw,36px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.area-mini-editor-panel{z-index:21;box-sizing:border-box;width:min(320px,34vw);height:min(640px,78vh);image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 10px 22px #0006);pointer-events:auto;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.area-mini-editor-title{color:#4a3728;letter-spacing:.02em;pointer-events:none;margin:0;font-family:Courier New,Courier,monospace;font-size:clamp(12px,2.2vw,15px);font-weight:700;position:absolute;top:7.5%;left:10%;right:18%}.area-mini-editor-close-btn{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:absolute;top:6.2%;right:7.5%}.area-mini-editor-close-btn img{width:clamp(24px,4.5vw,32px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.area-mini-editor-body{grid-template-rows:auto auto auto 1fr;gap:8px;min-height:0;display:grid;position:absolute;inset:14% 9% 7%}.area-mini-editor-hint{color:#4a3728;margin:0;font-size:11px;line-height:1.35}.area-mini-editor-delete-toggle{color:#4a3728;cursor:pointer;background:#ffffff73;border:1px solid #4a372859;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:600}.area-mini-editor-delete-toggle.active{color:#991b1b;background:#fee2e2d9;border-color:#b91c1c8c}.area-mini-editor-layer-row{align-items:center;gap:6px;display:flex}.area-mini-editor-layer-label{color:#4a3728;font-size:11px;font-weight:600}.area-mini-editor-layer-btn{color:#4a3728;cursor:pointer;background:#ffffff73;border:1px solid #4a372859;border-radius:6px;flex:1;padding:5px 0;font-size:11px;font-weight:700}.area-mini-editor-layer-btn.selected{color:#92400e;background:#fef3c7d9;border-color:#d97706}.area-mini-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:4px;min-height:0;padding:4px 2px;display:grid;overflow-y:auto}.area-mini-editor-item{cursor:pointer;background:#ffffff59;border:2px solid #0000;border-radius:4px;padding:2px;line-height:0}.area-mini-editor-item.selected{background:#fef3c7d9;border-color:#d97706}.area-mini-editor-item img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.chat-game-layout{grid-template-rows:1fr 13.5%;grid-template-columns:24% 1fr;gap:2% 2.5%;min-height:0;display:grid;position:absolute;inset:14.5% 7.5% 6.5%}.chat-game-users{grid-area:1/1;min-height:0;overflow:hidden auto}.chat-game-user-list{gap:2px;margin:0;padding:4px 2px;list-style:none;display:grid}.chat-game-user-row{cursor:pointer;text-align:left;color:#4a3728;background:0 0;border:0;align-items:center;gap:4px;width:100%;padding:4px 4px 4px 2px;font-family:Courier New,Courier,monospace;font-size:12px;display:flex}.chat-game-user-row:hover{background:#c4b08e73}.chat-game-user-row--active{background:#a894768c}.chat-game-user-row--unread{background:#ffd68cbf;box-shadow:inset 0 0 0 2px #c2410c}.chat-game-user-row--unread .chat-game-user-name{font-weight:700}.chat-game-user-badge{flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;line-height:0;display:flex}.chat-game-user-badge img{width:12px;height:12px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.player-msg-notification{pointer-events:none;width:32.5px;height:34px;image-rendering:pixelated;image-rendering:crisp-edges;background-position:0 0;background-repeat:no-repeat;background-size:195px 34px;animation:.6s steps(5,end) infinite player-msg-notify;position:absolute}@keyframes player-msg-notify{0%{background-position:0 0}to{background-position:-162.5px 0}}.player-voice-chat-balloon{pointer-events:none;width:33.25px;height:41px;image-rendering:pixelated;image-rendering:crisp-edges;background-position:0 0;background-repeat:no-repeat;background-size:266px 41px;animation:.8s steps(7,end) infinite player-voice-chat-balloon;position:absolute}@keyframes player-voice-chat-balloon{0%{background-position:0 0}to{background-position:-232.75px 0}}.player-emoji-reaction-wrap{pointer-events:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute}.player-emoji-reaction-action{background-repeat:no-repeat;background-size:249px 122px;background-position:0 calc(var(--emoji-row,0) * -30.5px);width:31.125px;height:30.5px;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.player-emoji-reaction-action--playing{animation:1.2s steps(7,end) forwards player-emoji-react}.player-emoji-reaction-idle{background-repeat:no-repeat;background-size:128px 26px;background-position:calc(var(--emoji-col,0) * -32px) 0;width:32px;height:26px;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.player-emoji-reaction-wrap--hold .player-emoji-reaction-idle{opacity:1}@keyframes player-emoji-react{0%{background-position-x:0}to{background-position-x:-217.875px}}.chat-game-user-caret{color:#4a3728;font-size:10px;line-height:1}.chat-game-user-caret-placeholder{width:10px}.chat-game-user-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-game-user-row .character-preview-canvas{background:0 0;border:0;border-radius:0;margin:0;width:30px!important;height:52px!important}.chat-game-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-game-conversation{flex-direction:column;grid-area:1/2;gap:6px;min-height:0;display:flex}.chat-game-tabs{flex-shrink:0;gap:6px;padding:0 2px;display:flex}.chat-game-tab{color:#4a3728;cursor:pointer;background:#fffcf5bf;border:2px solid #6b5052;border-radius:2px;flex:1;padding:5px 8px;font-family:Courier New,Courier,monospace;font-size:12px}.chat-game-tab:hover{background:#c4b08e8c}.chat-game-tab--active{background:#a89476a6;font-weight:700}.chat-game-messages{flex:1;min-height:0;padding:8px 10px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.45;overflow-y:auto}.chat-game-messages[hidden]{display:none}.chat-game-message-block{margin:0}.chat-game-message-rule{border:0;border-top:2px dashed #9a7a6e;margin:10px 0}.chat-game-line{color:#4a3728;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin:0 0 4px;display:flex}.chat-game-time{color:#6b5a4e;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.chat-game-name{font-weight:700}.chat-game-line--mine .chat-game-name{color:#2563eb}.chat-game-line:not(.chat-game-line--mine) .chat-game-name{color:#7c3aed}.chat-game-line-text{font-weight:400}.chat-game-attachment{gap:6px;margin:4px 0 0;display:grid}.chat-game-attachment-image{max-width:min(220px,100%);max-height:160px;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid #6b5052;border-radius:4px;display:block}.chat-game-attachment-link{color:#1d4ed8;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:Courier New,Courier,monospace;font-size:12px;text-decoration:underline}.chat-game-attachment-link:hover{color:#1e40af}.chat-game-attachment-audio{width:min(280px,100%);height:32px;display:block}.chat-game-attachment-meta{color:#6b5a4e;font-size:11px}.chat-game-compose{grid-area:2/1/auto/-1;grid-template-columns:auto auto 1fr auto;align-items:end;gap:8px;min-height:0;display:grid}.chat-game-compose-main{gap:4px;min-width:0;display:grid}.chat-game-file-input{display:none}.chat-game-attach{color:#4a3728;cursor:pointer;background:#fffcf5eb;border:2px solid #6b5052;border-radius:2px;width:34px;height:34px;padding:0;font-size:22px;line-height:1}.chat-game-attach:disabled{opacity:.5;cursor:not-allowed}.chat-game-record{cursor:pointer;background:#fffcf5eb;border:2px solid #6b5052;border-radius:2px;justify-content:center;align-items:center;width:34px;height:34px;padding:4px;line-height:0;display:flex}.chat-game-record img{width:18px;height:18px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.chat-game-record--active{background:#fee2e2f2;border-color:#b91c1c;animation:1s ease-in-out infinite chat-record-pulse}.chat-game-record:disabled{opacity:.5;cursor:not-allowed}@keyframes chat-record-pulse{0%,to{box-shadow:0 0 #b91c1c59}50%{box-shadow:0 0 0 4px #b91c1c26}}.chat-game-recording{background:#ffedd5d9;border:1px solid #c2410c;border-radius:4px;gap:6px;padding:6px 8px;display:grid}.chat-game-recording-header{color:#9a3412;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.chat-game-recording-dot{background:#dc2626;border-radius:50%;width:8px;height:8px;animation:1s step-end infinite chat-record-blink}@keyframes chat-record-blink{50%{opacity:.2}}.chat-game-recording-time{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.chat-game-recording-bar{background:#9a341233;border-radius:999px;height:6px;overflow:hidden}.chat-game-recording-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#ea580c,#dc2626);height:100%;transition:width .1s linear}.chat-game-recording-stop{color:#9a3412;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.chat-game-audio-preview{background:#fffcf5d9;border:1px dashed #9a7a6e;border-radius:4px;gap:6px;padding:6px 8px;display:grid}.chat-game-audio-preview-label{color:#4a3728;font-size:11px;font-weight:700}.chat-game-audio-preview audio{width:100%;height:32px}.chat-game-audio-preview-actions{gap:8px;display:flex}.chat-game-audio-preview-discard{color:#9a3412;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.chat-game-pending-file{color:#4a3728;background:#fffcf5bf;border:1px dashed #9a7a6e;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex;overflow:hidden}.chat-game-pending-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-game-pending-file-remove{color:#9a3412;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:12px}.chat-game-send-error{color:#b91c1c;margin:0;font-size:11px}.chat-game-input{color:#4a3728;box-sizing:border-box;background:#fffcf5eb;border:2px solid #6b5052;border-radius:2px;width:100%;padding:8px 10px;font-family:Courier New,Courier,monospace;font-size:13px}.chat-game-input::placeholder{color:#8a7568}.chat-game-input:focus{outline-offset:1px;outline:2px solid #6b5052}.chat-game-send{cursor:pointer;background:0 0;border:0;align-self:center;padding:0;line-height:0}.chat-game-send:disabled{opacity:.45;cursor:not-allowed}.chat-game-send img{width:auto;height:100%;max-height:52px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.chat-game-empty,.chat-game-meta{color:#5c4636;margin:0;font-size:12px}.chat-game-load-sentinel{pointer-events:none;width:100%;height:1px}.game-canvas{width:100%;height:100%;min-height:0;position:relative}.game-canvas canvas{outline:none;display:block}.game-video-overlay{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.player-video-bubble{background:#111827;border:2px solid #fff;border-radius:8px;position:absolute;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000059}.player-video-bubble video{object-fit:cover;width:100%;height:100%;display:block}.player-screen-share-bubble{pointer-events:auto;background:#0f172a;border:2px solid #38bdf8;border-radius:8px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 20px #00000073}.player-screen-share-bubble[data-state=minimized]{border-radius:6px}.player-screen-share-toolbar{background:#0f172aeb;border-bottom:1px solid #38bdf859;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:2px 6px;display:flex}.player-screen-share-label{color:#e0f2fe;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.player-screen-share-actions{gap:4px;display:flex}.player-screen-share-actions button{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:4px;width:22px;height:20px;padding:0;font-size:12px;line-height:1}.player-screen-share-actions button:hover{background:#334155;border-color:#38bdf8}.player-screen-share-bubble video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0;display:block}.player-screen-share-bubble[data-state=minimized] .player-screen-share-toolbar{border-bottom:none}.status-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;font-size:14px}.voice-meters{gap:10px;margin-top:10px;display:grid}.voice-meter{gap:4px;display:grid}.voice-meter-header{justify-content:space-between;gap:8px;font-size:12px;display:flex}.voice-meter-label{font-weight:600}.voice-meter-status{color:#6b7280}.voice-meter-speaking .voice-meter-status{color:#16a34a;font-weight:600}.voice-meter-inactive .voice-meter-status{color:#9ca3af}.voice-meter-track{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.voice-meter-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;transition:width 80ms linear}.voice-meter-speaking .voice-meter-fill{background:linear-gradient(90deg,#4ade80,#22c55e);box-shadow:0 0 8px #22c55e73}.voice-meter-inactive .voice-meter-fill{background:#d1d5db}.voice-meter-detail{color:#6b7280;font-size:11px}.voice-receive-indicator{color:#6b7280;text-align:center;background:#f3f4f6;border-radius:6px;padding:6px 8px;font-size:12px}.voice-meter-output .voice-meter-fill{background:linear-gradient(90deg,#60a5fa,#2563eb)}.voice-meter-output.voice-meter-speaking .voice-meter-fill{background:linear-gradient(90deg,#93c5fd,#3b82f6);box-shadow:0 0 8px #2563eb73}.voice-meter-output.voice-meter-speaking .voice-meter-status{color:#2563eb}.voice-receive-indicator-active{color:#15803d;background:#dcfce7;font-weight:600}.voice-receive-indicator-warning{color:#b45309;background:#fef3c7;font-weight:600}.video-panel-actions{gap:8px;display:grid}