.layout{min-height:100vh;display:flex;flex-direction:column;background-color:#fdf8e8}.header{background-color:#fdf8e8;padding:10px 0}.header-top{display:flex;justify-content:center;align-items:center}a.logo{display:flex;align-items:center;gap:10px;font-size:48px;color:#bc6c25;text-decoration:none;font-family:Playfair Display,serif}a.logo:hover{color:#ca7225}.nav{background-color:#5a6b3a;padding:12px 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.nav-menu{display:flex;list-style:none;gap:0;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu a{color:#fdf8e8;text-decoration:none;padding:8px 35px;display:block;font-size:18px;border-right:1px solid #7D8F5A;border-left:1px solid #7D8F5A;transition:background-color .2s}.nav-menu li:first-child a{border-left:1px solid #7D8F5A}.nav-menu a:hover,.nav-menu a.active{background-color:#6b7d4a}.nav-profile{color:#fdf8e8;font-size:28px}.profile-icon{color:#fdf8e8;text-decoration:none;font-size:24px}.profile-icon:hover{opacity:.8}.auth-buttons{display:flex;gap:1rem;align-items:center}.btn-auth{color:#fdf8e8;text-decoration:none;padding:8px 20px;font-size:16px;border:1px solid #7D8F5A;border-radius:8px;transition:all .2s}.btn-auth:hover,.btn-auth.btn-register{background-color:#6b7d4a}.btn-auth.btn-register:hover{background-color:#7d8f5a}.user-menu{display:flex;align-items:center;gap:1rem}.user-name{color:#fdf8e8;text-decoration:none;font-size:16px;padding:8px 16px;border:1px solid #7D8F5A;border-radius:8px;transition:background-color .2s}.user-name:hover{background-color:#6b7d4a}.logout-btn{background-color:#8b4a4a;color:#fdf8e8;border:none;padding:8px 20px;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background-color:#a05a5a}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:30px 20px;width:100%}.footer{background-color:#5a6b3a;color:#fdf8e8;text-align:center;padding:1rem 0;margin-top:auto}@media (max-width: 768px){.nav-container{flex-direction:column;gap:15px}.nav-menu{flex-wrap:wrap;justify-content:center}.nav-menu a{padding:8px 20px;font-size:16px}}.game-layout{width:100vw;height:100vh;overflow:hidden}._auth-page_gwk3l_1{min-height:100vh;background-color:#fef3df;display:flex;flex-direction:column}._auth-header_gwk3l_8{padding:20px 0;display:flex;justify-content:center}._logo_gwk3l_14{display:flex;align-items:center;gap:10px;font-size:48px;font-weight:700;color:#bc6c25;text-decoration:none;font-family:Playfair Display,serif}._auth-container_gwk3l_25{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 2rem}._auth-card_gwk3l_33{background:#fef3df;border:2px solid #C98B4A;border-radius:24px;padding:3rem 2.5rem;width:100%;max-width:420px}._auth-card_gwk3l_33 h1{text-align:center;margin-bottom:2rem;color:#c98b4a;font-size:2.5rem;font-family:Georgia,serif}._form-group_gwk3l_50{margin-bottom:1rem}._form-group_gwk3l_50 input{width:100%;padding:1rem 1.25rem;border:none;border-radius:12px;background:#e3b46a;color:#fff;font-size:1rem;transition:background-color .2s}._form-group_gwk3l_50 input::placeholder{color:#ffffffe6}._form-group_gwk3l_50 input:focus{outline:none;background:#d4a55a}._form-group_gwk3l_50 input:-webkit-autofill,._form-group_gwk3l_50 input:-webkit-autofill:hover,._form-group_gwk3l_50 input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #E3B46A inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff}._password-input-wrapper_gwk3l_83{position:relative;display:flex;align-items:center}._password-input-wrapper_gwk3l_83 input{padding-right:3rem;background:#e3b46a;color:#fff;border:none;border-radius:12px;font-size:1rem;transition:background-color .2s}._password-input-wrapper_gwk3l_83 input::placeholder{color:#ffffffe6}._password-input-wrapper_gwk3l_83 input:focus{outline:none;background:#d4a55a}._password-input-wrapper_gwk3l_83 input[type=text]:-webkit-autofill,._password-input-wrapper_gwk3l_83 input[type=text]:-webkit-autofill:hover,._password-input-wrapper_gwk3l_83 input[type=text]:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #E3B46A inset!important;-webkit-text-fill-color:#fff!important}._password-toggle_gwk3l_116{position:absolute;right:1rem;background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.1rem;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}._password-toggle_gwk3l_116:hover{opacity:.8}._btn_gwk3l_135{width:80%;padding:1rem;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:opacity .2s;text-align:center;text-decoration:none;display:block;margin:1rem auto 0}._btn-submit_gwk3l_149{background:#2b3a22;color:#fff}._btn-submit_gwk3l_149:hover{opacity:.9}._btn-submit_gwk3l_149:disabled{opacity:.6;cursor:not-allowed}._btn-back_gwk3l_163{color:#5a6b3a;margin:.2rem auto 0;width:100%}._btn-back_gwk3l_163:hover{opacity:.9}._error-message_gwk3l_173{color:#c44a3a;background:#c44a3a1a;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}._auth-card_gwk3l_33._register_gwk3l_184{max-width:450px}@media (max-width: 480px){._auth-card_gwk3l_33{padding:2rem 1.5rem}._auth-card_gwk3l_33 h1{font-size:2rem}}.home{padding:0}.section{margin-bottom:40px}.section-title{text-align:center;font-size:22px;color:#5a6b3a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #5A6B3A}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.card-image{width:100%;height:180px;object-fit:cover;display:block}.placeholder-page,.companies-search{padding:2rem}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}}.map-page{padding:1rem 0}.map-editor-page{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;z-index:9999;background:#f5f5f5}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.map-header h1{font-size:2rem;color:#5a6b3a;border-bottom:2px solid #5A6B3A;padding-bottom:.5rem}.btn-create{padding:10px 24px;border-radius:8px;border:none;background:#5f6c37;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-create:hover{background:#4a5628}.my-maps{margin-bottom:2rem}.my-maps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media (max-width: 1200px){.my-maps-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.my-maps-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.my-maps-grid{grid-template-columns:repeat(2,1fr)}}.my-map-thumb{position:relative;background:#fff;border:1px solid #D4C4A8;border-radius:8px;padding:.5rem;text-align:center}.my-map-thumb img{width:100%;height:90px;object-fit:cover;border-radius:4px}.thumb-placeholder{width:100%;height:90px;display:flex;align-items:center;justify-content:center;background:#f5f0e0;border-radius:4px;color:#888;font-size:.8rem}.thumb-title{margin-top:.5rem;font-size:.9rem}.map-actions{position:absolute;top:8px;right:8px;z-index:10}.map-actions-btn{background:#ffffffe6;border:1px solid #ccc;border-radius:50%;width:28px;height:28px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.map-actions-btn:hover{background:#f0f0f0}.map-actions-menu{position:absolute;top:30px;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:20;overflow:hidden}.map-actions-menu button{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap}.map-actions-menu button:hover{background:#f5f5f5}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filters{display:flex;gap:.5rem;align-items:center}.filters input{padding:.5rem;border-radius:6px;border:1px solid #ccc}.btn-apply,.btn-order{padding:.4rem .6rem;border-radius:6px;border:1px solid #888;background:#fff;cursor:pointer}.top-list{display:flex;flex-direction:column;gap:1rem}.top-card{display:flex;gap:1rem;background:#fbfbf6;border-radius:8px;padding:.8rem;align-items:center}.top-card-left img{width:140px;height:90px;object-fit:cover;border-radius:6px}.top-card-body h3{margin:0 0 .25rem}.meta{display:flex;gap:1rem;color:#666;font-size:.9rem;margin-bottom:.5rem}.tags-row{margin-top:.5rem}.tag{display:inline-block;background:#eef6e8;color:#4a6b3a;padding:.25rem .5rem;border-radius:12px;margin-right:.4rem;font-size:.8rem}.map-card{background:#fff;border:1px solid #D4C4A8;border-radius:12px;padding:1.5rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.map-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.map-card h3{font-size:1.25rem;margin-bottom:.5rem;color:#333}.map-description{color:#666;font-size:.9rem;margin-bottom:1rem}.map-image{width:100%;height:200px;object-fit:cover;border-radius:8px;background:#f5f0e0}.map-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#f5f0e0;border-radius:8px;color:#888}.loading,.error,.no-maps{text-align:center;padding:3rem;color:#666;background:#fff;border:1px solid #D4C4A8;border-radius:12px}.error{color:#dc3545;border-color:#dc3545}.no-maps-inline{grid-column:1 / -1;text-align:center;padding:2rem;color:#666}.create-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.create-modal{background:#fef3df;border-radius:16px;width:90%;max-width:560px;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #0003}.create-modal-header{padding:20px 24px;border-bottom:1px solid #E0D5C0;display:flex;justify-content:space-between;align-items:center}.create-modal-header h3{margin:0;font-size:18px;color:#333}.create-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:opacity .2s}.create-modal-close:hover{opacity:.7}.create-modal-body{padding:24px}.create-modal-footer{padding:16px 24px;border-top:1px solid #E0D5C0;display:flex;justify-content:space-between;gap:12px}.create-form{display:flex;flex-direction:column;gap:16px}.create-label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;color:#333}.create-input,.create-select{padding:10px 12px;border:1px solid #E0D5C0;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:border-color .2s}.create-input:focus,.create-select:focus{border-color:#5f6c37}.create-row{display:flex;gap:12px}.create-row .create-input{flex:1}.create-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.create-checkbox input{width:18px;height:18px;cursor:pointer}.btn-primary{padding:10px 24px;border-radius:8px;border:none;background:#5f6c37;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#4a5628}.btn-secondary{padding:10px 20px;border-radius:8px;border:none;background:#bc6c25;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-secondary:hover{opacity:.9}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:300px;overflow:auto;padding:4px}.pack-card{padding:12px 16px;border-radius:10px;border:2px solid #E0D5C0;background:#fff;cursor:pointer;transition:all .2s}.pack-card:hover{border-color:#5f6c37}.pack-card.active{border-color:#5f6c37;background:#f0f4e8}.pack-name{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.pack-desc{font-size:12px;color:#666}.pack-meta{font-size:11px;color:#666;margin-top:4px}.empty-state{text-align:center;padding:20px;color:#666;grid-column:1 / -1}.btn-delete{padding:10px 24px;border-radius:8px;border:none;background:#d32f2f;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-delete:hover{opacity:.9}.canvas-editor-fullscreen{display:flex;width:100vw;height:100vh;background:#f5f5f5;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.editor-sidebar{width:72px;min-width:72px;background:#5f6c37;display:flex;flex-direction:column;height:100vh;flex-shrink:0;z-index:100}.sidebar-top,.sidebar-icons,.sidebar-footer{display:flex;flex-direction:column;gap:10px;align-items:center}.sidebar-top{padding:16px 0 8px}.sidebar-icons{padding:16px 0}.sidebar-footer{margin-top:auto;padding:0 0 16px}.sidebar-icon{width:48px;height:48px;border:none;background:transparent;color:#fef3df;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:14px;position:relative}.sidebar-icon:hover{background:#fef3df29;color:#fff}.sidebar-icon.active{background:#fef3df33;color:#fff}.sidebar-icon-save{background:#bc6c25;color:#fff}.sidebar-icon-save:hover{background:#9c5421}.editor-objects-panel{width:320px;min-width:320px;background:#fef3df;border-right:1px solid #d0c1ad;display:flex;flex-direction:column;overflow-y:auto;height:100vh;flex-shrink:0;transition:width .25s ease,min-width .25s ease,opacity .2s ease}.editor-objects-panel.collapsed{width:0;min-width:0;overflow:hidden;border-right:none;opacity:0;padding:0}.editor-objects-panel-content{display:flex;flex-direction:column;padding:16px;gap:16px;width:320px;box-sizing:border-box}.selected-object-section{display:flex;flex-direction:column;gap:8px}.selected-object-section h3{margin:0;font-size:13px;font-weight:700;color:#333}.selected-object-preview{width:100%;aspect-ratio:1;border:2px solid #D4C4A8;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.selected-object-placeholder{width:100%;aspect-ratio:1;border:2px dashed #D4C4A8;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fffbf7;color:#999;font-size:12px;text-align:center;padding:12px;box-sizing:border-box}.assets-section{display:flex;flex-direction:column;gap:8px}.assets-section h3{margin:0;font-size:13px;font-weight:700;color:#333}.assets-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:200px;overflow-y:auto}.asset-mini-item{aspect-ratio:1;border:1px solid #D4C4A8;border-radius:6px;overflow:hidden;cursor:grab;transition:all .2s;background:#fff}.asset-mini-item img{width:100%;height:100%;object-fit:cover;display:block}.asset-mini-item:hover{border-color:#bc6c25;transform:scale(1.05);box-shadow:0 2px 8px #0000001f}.asset-mini-item:active{cursor:grabbing}.packs-section{display:flex;flex-direction:column;gap:6px}.packs-section h4{margin:0;font-size:12px;font-weight:600;color:#666}.packs-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pack-mini-btn{aspect-ratio:1;border:2px solid #D4C4A8;background:#fff;border-radius:6px;cursor:pointer;font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.pack-mini-btn:hover{border-color:#bc6c25;transform:translateY(-2px)}.pack-mini-btn.active{background:#5a6b3a;border-color:#5a6b3a;box-shadow:0 2px 8px #5a6b3a40}.object-params-section{border-top:1px solid #E0D5C0;padding-top:12px;display:flex;flex-direction:column;gap:8px}.object-params-section h4{margin:0 0 6px;font-size:12px;font-weight:700;color:#333}.param-control{display:flex;flex-direction:column;gap:6px}.param-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#666}.param-label svg{flex-shrink:0;color:#5a6b3a}.param-slider-group{display:flex;align-items:center;gap:6px}.param-slider{flex:1;height:4px;border-radius:2px;background:#d4c4a8;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#5a6b3a;cursor:pointer;transition:all .2s}.param-slider::-webkit-slider-thumb:hover{background:#7a8b5a;transform:scale(1.15)}.param-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#5a6b3a;cursor:pointer;border:none;transition:all .2s}.param-slider::-moz-range-thumb:hover{background:#7a8b5a;transform:scale(1.15)}.param-value{font-size:10px;color:#888;min-width:30px;text-align:right}.param-buttons-group{display:flex;align-items:center;gap:4px}.param-btn-small{width:28px;height:28px;border:1px solid #D4C4A8;background:#fff;color:#5a6b3a;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.param-btn-small:hover{background:#e8f4e3;border-color:#5a6b3a;transform:translateY(-1px)}.param-size{flex:1;font-size:11px;color:#666;text-align:center}.param-btn-full{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border:1px solid #D4C4A8;background:#fff;color:#5a6b3a;border-radius:6px;cursor:pointer;font-weight:600;font-size:11px;transition:all .2s}.param-btn-full:hover{background:#e8f4e3;border-color:#5a6b3a;transform:translateY(-1px)}.param-btn-full.danger{color:#c33;border-color:#ffb3b3}.param-btn-full.danger:hover{background:#fff5f5;border-color:#c33}.editor-main{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.editor-canvas-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-canvas-area{flex:1;overflow:auto;background:#f9f9f9;position:relative}.editor-canvas-grid{position:relative;background-color:#fff;background-image:linear-gradient(#e0e0e0 1px,transparent 1px),linear-gradient(90deg,#e0e0e0 1px,transparent 1px);background-size:48px 48px;display:inline-block;min-width:100%;min-height:100%}.editor-canvas-object{position:absolute;background-size:cover;background-position:center;cursor:move;border:2px solid transparent;box-sizing:border-box;transition:border-color .15s;-webkit-user-select:none;user-select:none}.editor-canvas-object:hover{border-color:#5a6b3a4d}.editor-canvas-object.selected{border-color:#5a6b3a;box-shadow:0 0 0 2px #5a6b3a33,inset 0 0 0 1px #5a6b3a}.editor-objects-panel-content::-webkit-scrollbar,.assets-mini-grid::-webkit-scrollbar,.editor-canvas-area::-webkit-scrollbar{width:6px;height:6px}.editor-objects-panel-content::-webkit-scrollbar-track,.assets-mini-grid::-webkit-scrollbar-track,.editor-canvas-area::-webkit-scrollbar-track{background:transparent}.editor-objects-panel-content::-webkit-scrollbar-thumb,.assets-mini-grid::-webkit-scrollbar-thumb,.editor-canvas-area::-webkit-scrollbar-thumb{background:#d4c4a8;border-radius:3px}.editor-objects-panel-content::-webkit-scrollbar-thumb:hover,.assets-mini-grid::-webkit-scrollbar-thumb:hover,.editor-canvas-area::-webkit-scrollbar-thumb:hover{background:#bc6c25}.sidebar-menu-wrapper{position:relative}.sidebar-dropdown-menu{position:absolute;left:72px;top:0;background:#fef3df;border:1px solid #E0D5C0;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;z-index:200;padding:4px;animation:slideRight .15s ease-out}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-size:13px;color:#333;cursor:pointer;border-radius:6px;text-align:left;transition:all .15s;font-family:inherit}.sidebar-menu-item:hover{background:#f0f4e8;color:#5a6b3a}.sidebar-menu-item svg{flex-shrink:0;color:#5a6b3a}.save-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.save-modal-content{background:#fef3df;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003}.save-modal-content h2{margin:0 0 16px;font-size:18px;color:#333}.save-modal-form{display:flex;flex-direction:column;gap:12px}.save-modal-input{width:100%;padding:10px 12px;border:1px solid #D4C4A8;border-radius:6px;font-size:13px;box-sizing:border-box;font-family:inherit}.save-modal-input:focus{outline:none;border-color:#5a6b3a;background:#fffbf7}.save-modal-buttons{display:flex;gap:12px;margin-top:12px}.save-modal-btn{flex:1;padding:10px;border:1px solid #D4C4A8;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.save-modal-btn.primary{background:#5a6b3a;color:#fef3df;border-color:#5a6b3a}.save-modal-btn.primary:hover{background:#7a8b5a}.save-modal-btn.secondary{background:#fff;color:#5a6b3a}.save-modal-btn.secondary:hover{background:#e8f4e3}.assets-page{padding:24px;max-width:1200px;margin:0 auto}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.assets-header h1{margin:0;font-size:28px}.assets-header-actions{display:flex;gap:12px}.assets-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid #e0e0e0}.assets-tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.assets-tab.active{color:#1976d2;border-bottom-color:#1976d2}.assets-tab:disabled{opacity:.5;cursor:not-allowed}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pack-card{border:2px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.pack-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #0000001a}.pack-card.selected{border-color:#1976d2;background:#f3f8ff}.pack-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pack-icon{font-size:24px}.pack-card-header h3{margin:0;font-size:16px}.pack-description{color:#666;font-size:13px;margin-bottom:12px}.pack-meta{font-size:12px;color:#999}.pack-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.pack-card:hover .pack-actions{opacity:1}.assets-content{display:flex;flex-direction:column;gap:24px}.asset-category-group{display:flex;flex-direction:column;gap:12px}.category-header{display:flex;align-items:center;gap:8px}.category-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.category-building{background:#e91e63}.category-wall{background:#9c27b0}.category-tree{background:#4caf50}.category-terrain{background:#795548}.category-decoration{background:#ff9800}.category-other{background:#607d8b}.category-count{font-size:12px;color:#999}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.asset-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative;transition:all .2s}.asset-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #0000001a}.asset-image{height:120px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.asset-image img{max-width:100%;max-height:100%;object-fit:contain}.asset-info{padding:8px}.asset-name{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-size{font-size:11px;color:#999}.asset-delete{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .2s}.asset-card:hover .asset-delete{opacity:1}.empty-state{text-align:center;padding:48px;color:#999}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#ccc}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .2s}.btn-icon:hover:not(:disabled){background:#0000001a}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:18px}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.form-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#333}.form-input{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#1976d2}.form-row{display:flex;gap:12px}.form-row .form-label{flex:1}.image-upload-area{border:2px dashed #ccc;border-radius:8px;padding:24px;cursor:pointer;transition:border-color .2s;text-align:center}.image-upload-area:hover{border-color:#1976d2}.upload-placeholder{color:#999}.upload-icon{font-size:48px}.image-preview{max-height:200px;max-width:100%;object-fit:contain}.upload-progress{display:flex;flex-direction:column;gap:4px}.progress-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#1976d2;transition:width .3s}.profile-page{padding:1rem 0}.profile-page h1{font-size:2rem;color:#5a6b3a;margin-bottom:1.5rem;border-bottom:2px solid #5A6B3A;padding-bottom:.5rem}.profile-card{background:#fff;border:1px solid #D4C4A8;border-radius:12px;padding:2rem;max-width:500px}.profile-view{display:flex;flex-direction:column;gap:1.5rem}.profile-field label{display:block;color:#888;font-size:.85rem;margin-bottom:.25rem}.profile-field p{color:#333;font-size:1.1rem}.profile-form{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions button{flex:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000}.modal-content{background:#fdf8e8;border-radius:12px;padding:2rem;width:100%;max-width:450px;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #5A6B3A}.modal-header h2{font-size:1.5rem;color:#5a6b3a;margin:0}.modal-close{background:transparent;border:none;font-size:2rem;color:#5a6b3a;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#5a6b3a1a}.modal-body{color:#333}.create-room-form{display:flex;flex-direction:column;gap:1.5rem}.create-room-form .form-group{display:flex;flex-direction:column;gap:.5rem}.create-room-form label{font-weight:600;color:#5a6b3a;font-size:1rem}.create-room-form input[type=text]{padding:.75rem 1rem;border:2px solid #D4C4A8;border-radius:8px;font-size:1rem;background:#fff;color:#333;transition:border-color .2s}.create-room-form input[type=text]:focus{outline:none;border-color:#5a6b3a}.image-upload{width:100%}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #D4C4A8;border-radius:8px;background:#fdf8e8;cursor:pointer;transition:all .2s}.upload-placeholder:hover{border-color:#a0704a;background:#f5f0e0}.upload-icon{font-size:2.5rem;margin-bottom:.5rem}.upload-placeholder span{color:#888;font-size:.95rem}.image-preview{position:relative;width:100%;max-width:300px;margin:0 auto;border-radius:8px;overflow:hidden;border:2px solid #D4C4A8}.image-preview img{width:100%;height:200px;object-fit:cover;display:block}.remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#dc3545e6;color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-image:hover{background:#dc3545}.create-room-form .form-actions{display:flex;gap:1rem;justify-content:flex-end}.create-room-form .btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s;font-weight:500}.create-room-form .btn-cancel{background:#6b7d8a;color:#fff}.create-room-form .btn-cancel:hover{background:#5a6b78}.create-room-form .btn-create{background:#a0704a;color:#fff}.create-room-form .btn-create:hover{background:#8b5f3a}.create-room-form .btn-create:disabled{background:#c4a890;cursor:not-allowed}.companies{padding:0}.companies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-title{font-size:22px;color:#5a6b3a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #5A6B3A}.companies-actions{display:flex;gap:1rem}.btn-create{background:#a0704a;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s}.btn-create:hover{background:#8b5f3a}.btn-search{background:#6b7d8a;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block}.btn-search:hover{background:#5a6b78}.companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.company-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.company-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.company-logo{width:100%;height:120px;object-fit:cover;background-color:#fff}.company-logo-placeholder{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc143c,#a01030);color:#fff;font-size:3rem;font-weight:700}.company-name{padding:12px 16px;text-align:center;font-size:1rem;font-weight:600;color:#333;border-top:1px solid #eee}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-state p{color:#666;margin-bottom:1.5rem}.loading-state{text-align:center;padding:4rem 2rem;color:#666;font-size:1.2rem}.error-message{color:#dc3545;background:#dc35451a;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}@media (max-width: 768px){.companies-header{flex-direction:column;align-items:stretch}.companies-actions{flex-direction:column}.btn-create,.btn-search{justify-content:center}.companies-grid{grid-template-columns:1fr}}.company-detail{min-height:100vh;background-color:#fdf8e8}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;font-weight:700}.loading{color:#5a6b3a}.error{color:#dc143c}.context-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.context-menu{position:fixed;background:#fff;border:1px solid #BC6C25;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:999;min-width:150px}.context-menu-item{width:100%;padding:10px 15px;border:none;background:#fff;color:#333;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s}.context-menu-item:hover{background-color:#fef3df}.context-menu-item:first-child{border-radius:4px 4px 0 0}.context-menu-item:last-child{border-radius:0 0 4px 4px}.company-header{background-color:#fdf8e8;padding:15px 0}.company-header .logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:700;color:#333}.logo-icon{width:40px;height:40px;border:3px solid #333}.company-main{max-width:1200px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:1fr 350px;gap:30px}.company-left{display:flex;flex-direction:column;gap:20px}.company-banner{width:100%}.company-logo-large{width:100%;height:200px;object-fit:contain;background:#fff;border-radius:8px}.company-name{text-align:center;font-size:24px;color:#333;margin:0}.company-actions{display:flex;gap:15px;justify-content:space-between}.btn{padding:12px 24px;font-size:16px;border-radius:8px;border:none;cursor:pointer;transition:opacity .2s;font-weight:500}.btn-launch{background:#a0704a;color:#fff;flex:1;max-width:200px}.btn-launch:hover{opacity:.9}.btn-settings{background:#6b7d8a;color:#fff;flex:1;max-width:200px}.btn-settings:hover{opacity:.9}.next-game-section{margin-top:20px}.next-game-title{font-size:18px;color:#5a6b3a;margin-bottom:15px}.datetime-picker{display:flex;gap:15px;margin-bottom:15px}.datetime-group{display:flex;flex-direction:column;gap:5px;flex:1}.datetime-group label{font-size:14px;color:#666;font-weight:500}.datetime-input{padding:10px 12px;border:2px solid #D4C4A8;border-radius:8px;font-size:16px;background:#fff;color:#333;transition:border-color .2s}.datetime-input:focus{outline:none;border-color:#5a6b3a}.selected-datetime{background:#f5f0e0;padding:12px 16px;border-radius:8px;border:1px solid #D4C4A8}.selected-datetime p{margin:0;color:#5a6b3a;font-weight:500}.description-section{margin-top:20px}.description-placeholder{color:#888;font-style:italic;cursor:pointer;padding:15px;border:1px dashed #D4C4A8;border-radius:8px;background:#fff;transition:all .2s}.description-placeholder:hover{border-color:#a0704a;background:#fdf8e8}.company-right{display:flex;flex-direction:column;gap:15px}.author-section{background:#5a6b3a;padding:20px;border-radius:12px;color:#fdf8e8}.section-label{font-size:14px;color:#fdf8e8cc;margin-bottom:10px}.author-info{display:flex;align-items:center;gap:12px}.player-avatar{width:50px;height:50px;border-radius:50%;background:#bc6c25;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fdf8e8;font-size:18px;border:2px solid #D4C4A8}.player-avatar.empty{background:#fff3;border:2px dashed rgba(255,255,255,.4)}.player-name{font-size:18px;color:#fdf8e8}.players-section{background:#5a6b3a;padding:20px;border-radius:12px;color:#fdf8e8;border:2px solid #4A5B2A}.players-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.players-count{font-size:16px;color:#fdf8e8e6}.btn-invite{background:#fff3;color:#fdf8e8;padding:8px 16px;font-size:14px;border:none;border-radius:8px;cursor:pointer;margin-left:auto;transition:background-color .2s}.btn-invite:hover{background:#ffffff4d}.players-list{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.company-main{grid-template-columns:1fr}.company-actions{flex-direction:column}.btn-launch,.btn-settings{max-width:100%}.datetime-picker{flex-direction:column}.players-header{flex-wrap:wrap}.btn-invite{margin-left:0;width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px;color:#333}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#333}.modal-tabs{display:flex;gap:0;border-bottom:1px solid #e0e0e0;background:#f5f5f5}.tab-btn{flex:1;background:none;border:none;padding:15px 20px;cursor:pointer;font-size:14px;font-weight:600;color:#666;border-bottom:3px solid transparent;transition:all .2s}.tab-btn:hover{color:#333}.tab-btn.active{color:#5a6b3a;border-bottom-color:#5a6b3a;background:#fff}.modal-body{padding:20px}.invite-description{margin:0 0 15px;font-size:13px;color:#666;line-height:1.5}.invite-link-section{display:flex;flex-direction:column;gap:15px}.link-container{display:flex;gap:10px}.link-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:12px;font-family:monospace;background:#f9f9f9;color:#333}.link-input:focus{outline:none;border-color:#5a6b3a;background:#fff}.btn-copy{padding:10px 16px;background:#5a6b3a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s}.btn-copy:hover{background:#485a2f}.link-info{margin:0;font-size:12px;color:#999;font-style:italic}.invite-nickname-section{display:flex;flex-direction:column;gap:15px}.search-container{display:flex;gap:10px}.search-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px}.search-input:focus{outline:none;border-color:#5a6b3a}.btn-search{padding:10px 16px;background:#5a6b3a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s}.btn-search:hover:not(:disabled){background:#485a2f}.btn-search:disabled{opacity:.6;cursor:not-allowed}.search-results{min-height:50px;max-height:300px;overflow-y:auto}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:6px;border:1px solid #eee;transition:all .2s}.result-item:hover{background:#f0f0f0;border-color:#ddd}.result-avatar{width:40px;height:40px;border-radius:50%;background:#bc6c25;color:#fdf8e8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:2px solid #D4C4A8;flex-shrink:0}.result-nickname{flex:1;font-weight:600;color:#333;font-size:13px}.btn-invite-user{padding:6px 12px;background:#bc6c25;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s;white-space:nowrap}.btn-invite-user:hover{background:#a05a1f}.no-results{text-align:center;color:#999;padding:20px;font-size:13px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 480px){.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body{padding:15px}.link-container,.search-container{flex-wrap:wrap}.btn-copy,.btn-search{flex:1}}.video-grid,.remote-videos{display:flex;flex-direction:row;gap:8px;align-items:flex-end}.video-tile{position:relative;background:#1a1a1a;border-radius:8px;overflow:hidden;width:200px;height:112px;flex-shrink:0;box-shadow:0 4px 12px #0006}.video-tile.video-tile-main{width:240px;height:135px}.video-placeholder-tile{display:flex;align-items:center;justify-content:center;background:#2a2a2a;position:relative}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#888;font-size:14px}.placeholder-content span:first-child{font-size:32px}.placeholder-controls{position:absolute;bottom:8px;right:8px;display:flex;gap:6px}.video-off-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;font-size:40px}.video-tile video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,#000000d9);display:flex;justify-content:space-between;align-items:center;gap:8px}.video-name{color:#fff;font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-controls{display:flex;gap:6px}.control-btn{width:32px;height:32px;border:none;border-radius:6px;background:#ffffffe6;color:#333;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.control-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.control-btn:active{transform:translateY(0)}.control-btn.muted,.control-btn.off{background:#f43f5ef2;color:#fff}.control-btn.muted:hover,.control-btn.off:hover{background:#f43f5e;box-shadow:0 4px 12px #f43f5e4d}.video-disconnected{padding:20px;text-align:center;color:#888;background:#0000004d;border-radius:8px}.video-hint{font-size:12px;margin-top:8px;color:#666}.chat-panel{display:flex;flex-direction:column;background:#fef3df;border-radius:8px;overflow:hidden;min-height:400px;height:100%}.chat-header{padding:12px 16px;background:#fef3df}.connection-status{font-size:11px;color:#ff6b6b}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.chat-empty{text-align:center;padding:40px 20px;color:#999}.chat-empty p{margin:0}.chat-hint{font-size:12px;color:#bbb;margin-top:8px}.chat-message{display:flex;gap:10px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message:not(.dice-message) .message-content{background:#5f6c37;border-radius:12px;padding:8px 12px;box-shadow:0 1px 2px #0000000d}.chat-message.own:not(.dice-message) .message-content{background:#e8f0fe}.chat-message.dice-message .message-content{background:#5f6c37;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.15)}.chat-message.dice-message .message-avatar{background:#8baa4a;font-size:18px;display:flex;align-items:center;justify-content:center}.dice-roll-content{display:flex;flex-direction:column;gap:6px}.dice-roll-header{font-size:13px;color:#fef3df;margin-bottom:4px}.dice-roll-header span{color:#fef3df;font-weight:700;font-family:monospace;font-size:14px;background:#0000004d;padding:2px 6px;border-radius:4px;margin-left:4px}.dice-roll-formula{font-family:Courier New,monospace;font-size:15px;font-weight:500;color:#fef3df;background:#0003;padding:6px 10px;border-radius:6px;letter-spacing:.5px}.dice-roll-result{font-size:18px;font-weight:700;color:#fff;text-align:right;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.15)}.dice-total-value{font-size:26px;font-weight:700;color:#fef3df;margin-left:8px;text-shadow:0 0 5px rgba(0,0,0,.3)}@keyframes diceGlow{0%{box-shadow:0 0 #8baa4a66}70%{box-shadow:0 0 0 6px #8baa4a00}to{box-shadow:0 0 #8baa4a00}}.chat-message.dice-message{animation:diceGlow .5s ease-out,fadeIn .3s ease-out}.message-avatar{width:36px;height:36px;border-radius:50%;background:#5a6b3a;display:flex;align-items:center;justify-content:center;color:#fef3df;font-weight:700;font-size:14px;flex-shrink:0}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-sender{font-size:13px;color:#aebdc6;font-weight:600}.message-time{font-size:10px;color:#fef3df}.message-text{margin:0;font-size:14px;line-height:1.4;color:#fef3df;word-wrap:break-word}.chat-message.own{flex-direction:row-reverse}.chat-message.own .message-avatar{background:#a8c46e}.chat-message.own .message-sender{color:#aebdc6}.chat-message.own .message-content{align-items:flex-end}.chat-message.own .message-header{flex-direction:row-reverse}.chat-input-form{display:flex;gap:8px;padding:12px;background:#5f6c37;border-radius:29px 29px 0 0;margin-top:auto}.chat-input{flex:1;padding:10px 15px;border:none;border-radius:25px;font-size:14px;background:#fff;color:#333;outline:none;transition:all .2s}.chat-input:focus{box-shadow:0 0 0 2px #a8c46e}.chat-input:disabled{opacity:.6;cursor:not-allowed;background:#f0f0f0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#5f6c37;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#4a5a2e}.images-panel{display:flex;flex-direction:column;height:100%}.images-header{display:flex;flex-direction:column;gap:10px;padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.images-header h4{margin:0;color:#fdf8e8;font-size:16px}.images-actions{display:flex;gap:8px}.btn-add-image{flex:1;height:36px;border:1px solid #5F6C37;background:#5f6c37;color:#fefadf;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .16s ease-in-out}.btn-add-image:hover{background:#fff;color:#5f6c37}.images-list{flex:1;overflow-y:auto;padding:15px}.images-empty{text-align:center;padding:40px 20px;color:#fdf8e899}.images-hint{font-size:13px;opacity:.7;margin-top:8px}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.map-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent;padding:0}.map-card[draggable=true]{cursor:grab}.map-card[draggable=true]:active{cursor:grabbing}.map-card:hover{border-color:#5a6b3a;transform:scale(1.02)}.map-card.dragging{opacity:.5;border-color:#5a6b3a}.map-card.active{border-color:#5a6b3a;box-shadow:0 0 10px #5a6b3a80}.map-card-image{aspect-ratio:16/9;overflow:hidden}.map-card-image img{width:100%;height:100%;object-fit:cover}.map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:#2a2a3e}.map-card-info{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0009;gap:5px}.map-title{font-size:12px;color:#fdf8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.map-drag-hint{font-size:10px;color:#fdf8e866;white-space:nowrap;opacity:0;transition:opacity .2s}.map-card:hover .map-drag-hint{opacity:1}.active-badge{background:#5a6b3a;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;margin-left:8px;flex-shrink:0}.btn-delete-map{position:absolute;top:5px;right:5px;background:#dc3545e6;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.map-card:hover .btn-delete-map{opacity:1}.btn-delete-map:hover{background:#dc3545;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.map-upload-modal,.map-templates-modal{background:#2a2a3e;padding:25px;border-radius:12px;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto;color:#fdf8e8}.map-upload-modal h3,.map-templates-modal h3{margin:0 0 20px;color:#5a6b3a;font-size:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;opacity:.8}.form-group input[type=text]{width:100%;padding:10px 12px;border-radius:8px;background:#fff;color:#000;font-size:14px;box-sizing:border-box}.form-group input[type=text]:focus{outline:none;border-color:#5a6b3a}.file-upload{display:flex;align-items:center;gap:10px}.file-upload input[type=file]{flex:1;color:#fdf8e8}.file-upload input[type=file]::-webkit-file-upload-button{background:#5a6b3a;border:none;color:#fdf8e8;padding:8px 12px;border-radius:6px;cursor:pointer;margin-right:10px}.file-name{font-size:13px;opacity:.8}.image-preview{margin:15px 0;max-height:200px;overflow:hidden;border-radius:8px;background:#1a1a2e}.image-preview img{width:100%;height:auto;display:block}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel,.btn-upload{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .2s}.btn-cancel{background:#ffffff1a;color:#fdf8e8}.btn-cancel:hover{background:#fff3}.btn-upload{background:#5a6b3a;color:#fdf8e8}.btn-upload:hover:not(:disabled){background:#6b7d4a}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.map-templates-modal{min-width:500px;max-width:700px}.no-templates{text-align:center;opacity:.7;padding:40px 20px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.template-card{position:relative;aspect-ratio:16/9;background:#1a1a2e;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.template-card:hover{border-color:#5a6b3a;transform:scale(1.05)}.template-card img{width:100%;height:100%;object-fit:cover}.template-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:#2a2a3e}.template-name{position:absolute;bottom:0;left:0;right:0;background:#000c;padding:4px 8px;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tokens-panel{display:flex;flex-direction:column;height:100%;background:#fefadf;color:#000}.tokens-actions{display:flex;gap:8px;padding:12px;border-bottom:1px solid #d6d0b5}.tokens-action-btn{flex:1;height:36px;border:1px solid #5F6C37;background:#5f6c37;color:#fefadf;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .16s ease-in-out}.tokens-action-btn:hover{background:#fff;color:#5f6c37}.tokens-content{flex:1;overflow-y:auto;padding:12px}.tokens-empty{text-align:center;padding:40px 20px;color:#0009}.tokens-empty p{margin-bottom:16px}.tokens-empty button{padding:8px 16px;border:1px solid #5F6C37;background:#5f6c37;color:#fefadf;border-radius:6px;cursor:pointer;transition:all .16s ease-in-out}.tokens-empty button:hover{background:#fff;color:#5f6c37}.token-group h4{margin:8px 0;font-size:13px;color:#000;text-transform:uppercase;letter-spacing:.5px}.panel-icon{vertical-align:middle;margin-right:8px;display:inline-block}.tokens-list{display:flex;flex-direction:column;gap:8px}.token-card{display:flex;align-items:center;gap:12px;padding:8px;background:#fffdf2;border-radius:8px;border:1px solid #d6d0b5;transition:all .16s ease-in-out;cursor:pointer}.token-card:hover{background:#fff;border-color:#a8c46e;box-shadow:0 4px 12px #5a64320f}.token-card-image{width:48px;height:48px;border-radius:50%;background:#5f6c37;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.token-letter{font-size:20px;font-weight:700;color:#2d2525}.token-card-info{flex:1;min-width:0}.token-card-name{font-size:14px;color:#000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-card-stats{display:flex;gap:12px;font-size:12px;color:#000000b3;margin-top:4px}.library-section{margin-bottom:24px}.library-section h4{margin:0 0 8px;font-size:14px;color:#000}.library-hint{font-size:12px;color:#000000a6;margin:0 0 12px;font-style:italic}.creatures-list,.images-list{display:flex;flex-direction:column;gap:8px}.creature-placeholder,.images-placeholder{padding:20px;text-align:center;color:#00000080;font-size:13px}.creature-card{display:flex;align-items:center;gap:12px;padding:10px;background:#fffdf2;border-radius:8px;border:1px solid #d6d0b5;transition:all .2s;cursor:grab;-webkit-user-select:none;user-select:none}.creature-card:hover{background:#fff;border-color:#a8c46e;box-shadow:0 4px 12px #5a64320f}.creature-card:active{cursor:grabbing}.library-context-menu{position:fixed;z-index:12000;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px #14180c33;border-radius:8px;padding:8px;display:flex;gap:8px}.library-context-menu .menu-item{padding:8px 12px;border:none;background:transparent;color:#1f2a1a;cursor:pointer;border-radius:6px}.library-context-menu .menu-item:hover{background:#f3f6ef}.library-context-menu .menu-item.danger{color:#c94a4a}.library-context-menu .menu-item.danger:hover{background:#c94a4a0f}.creature-card-image{width:56px;height:56px;border-radius:50%;background:#5f6c37;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.creature-card-image img{width:100%;height:100%;object-fit:cover}.creature-card-info{flex:1;min-width:0}.creature-card-name{font-size:14px;color:#000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creature-card-stats{display:flex;gap:12px;font-size:12px;color:#000000b3;margin-top:4px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:100001;display:flex;align-items:center;justify-content:center}.modal-content{background:#f3f6ef;border:1px solid rgba(120,120,100,.18);border-radius:12px;max-width:560px;width:92%;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #14180c59;animation:modalFadeIn .18s ease-out;color:#2d2525}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #d6d0b5}.modal-header h3{margin:0;font-size:18px;color:#1f2a1a}.modal-close{border:none;background:transparent;color:#2d2525;font-size:22px;cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .14s}.modal-close:hover{background:#5a643214}.modal-content form{padding:20px;color:#000}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:#000;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #c8c2a6;color:#1f2a1a;background:#fff;border-radius:6px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#5f6c37;box-shadow:0 0 0 4px #a8c46e1f}.form-group input::placeholder,.form-group textarea::placeholder{color:#0009}.token-type-selector{display:flex;gap:8px}.token-type-btn{flex:1;padding:10px;border:1px solid #c8c2a6;background:#dca15d;color:#1f2a1a;border-radius:6px;cursor:pointer;transition:all .14s;font-size:14px}.token-type-btn:hover{background:#fff;color:#5f6c37}.token-type-btn.active{background:#5f6c37;border-color:#5f6c37;color:#fefadf}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-submit{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .14s ease-in-out}.btn-cancel{background:#bc6c25;color:#fefadf;border:1px solid #c8c2a6}.btn-submit{background:#5f6c37;color:#fefadf;border:1px solid #5F6C37}.btn-submit:hover{background:#fff;color:#5f6c37}.token-card-image img{width:100%;height:100%;object-fit:cover}.create-token-progress{display:flex;align-items:center;justify-content:center;padding:16px 20px;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-number{width:32px;height:32px;border-radius:50%;background:#fefadf;color:#5f6c37;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .3s}.progress-step.active .step-number{background:#5f6c37;color:#d5d4c9}.step-label{font-size:11px;color:#5f6c37;transition:all .3s}.progress-step.active .step-label{color:#5f6c37}.progress-line{flex:1;max-width:60px;height:2px;background:#ffffff1a;position:relative}.progress-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:#a8c46e;transition:width .3s}.progress-line.completed:after{width:100%}.step-content{padding:20px}.step-hint{font-size:13px;color:#000;margin-bottom:20px;text-align:center;font-style:italic}.file-upload-area{position:relative}.file-input{position:absolute;width:0;height:0;opacity:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 20px;border:2px dashed #c8c2a6;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.file-upload-label:hover{border-color:#5f6c37;background:#5f6c3714}.upload-icon{font-size:32px}.file-upload-label span:last-child{font-size:14px;color:#000}.image-preview{position:relative;margin:16px 0;border-radius:12px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;max-height:200px;object-fit:contain}.btn-remove-image{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#ff6464cc;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-image:hover{background:#ff6464}.template-select{width:100%;padding:10px 12px;border:1px solid #c8c2a6;color:#000;border-radius:6px;font-size:14px;cursor:pointer}.template-select:focus{outline:none;border-color:#a8c46e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row .form-group{margin-bottom:0}.form-group textarea{width:100%;padding:10px 12px;border:1px solid #c8c2a6;color:#000;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:#a8c46e}.form-group textarea::placeholder{color:#00000073}.step-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.step-actions .btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.step-actions .btn-cancel:hover{background:#dca15d}.btn-next{background:#5f6c37;color:#fefadf;padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-next:hover{background:#273619;color:#fefadf}@media (max-width: 480px){.form-row{grid-template-columns:1fr}.step-actions{flex-direction:column-reverse}.step-actions button{width:100%}}.token-edit-modal{max-width:450px}.token-edit-body{padding:20px}.token-preview{display:flex;justify-content:center;margin-bottom:20px}.token-preview-shape{width:100px;height:100px;border:3px solid #A8C46E;background:linear-gradient(135deg,#5a6b3a,#a8c46e);display:flex;align-items:center;justify-content:center;overflow:hidden}.token-preview-shape.circle{border-radius:50%}.token-preview-shape.square{border-radius:8px}.token-preview-shape img{width:100%;height:100%;object-fit:cover}.token-preview-shape .token-letter{font-size:40px;font-weight:700;color:#2d2525}.token-edit-form{display:flex;flex-direction:column;gap:16px}.hp-control{display:flex;gap:8px;align-items:center}.hp-control button{width:40px;height:36px;border:1px solid #c8c2a6;background:#dca15d;color:#000;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.hp-control button:hover{background:#a8c46e4d;border-color:#a8c46e}.hp-control input{flex:1;padding:8px 12px;border:1px solid #c8c2a6;background:#dca15d;color:#000;border-radius:6px;font-size:16px;text-align:center}.hp-bar-preview{margin-top:8px;display:flex;flex-direction:column;gap:4px}.hp-bar-preview>span{font-size:12px;color:#fdf8e8b3}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:8px 12px;border:1px solid #c8c2a6;background:#fff;color:#000;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input[type=text]::placeholder,.form-group input[type=number]::placeholder{color:#000}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:#a8c46e;box-shadow:0 0 0 2px #a8c46e33}.hp-bar{height:8px;background:#0006;border-radius:4px;overflow:hidden}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ade80);transition:width .3s ease}.form-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.token-edit-actions{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.action-spacer{flex:1}.btn-delete{padding:10px 16px;border:1px solid rgba(255,107,107,.3);background:#d33e3e;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-delete:hover{background:#d33e3ea5;border-color:#ff6b6b}.token{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.token:hover{box-shadow:0 0 0 3px #a8c46e99}.token.dragging{cursor:grabbing;box-shadow:0 4px 12px #00000080}.token-circle{border-radius:50%;border:1px solid #A8C46E;background:#2d2525;overflow:hidden}.token-square{border-radius:4px;border:2px solid #8B7355;background:#2d2525;overflow:hidden}.token-image{width:100%;height:100%;object-fit:cover;display:block}.token-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5a6b3a,#a8c46e)}.token-letter{font-size:24px;font-weight:700;color:#2d2525;text-shadow:0 1px 2px rgba(255,255,255,.3)}.token-hp-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0009;border-radius:0 0 2px 2px;overflow:hidden}.token-hp-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ade80);transition:width .3s ease}.token-name-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;color:#fdf8e8;background:#000000b3;padding:2px 6px;border-radius:3px;pointer-events:none;opacity:0;transition:opacity .2s}.token:hover .token-name-label{opacity:1}.token-context-menu{position:fixed;z-index:99999;background:#f3f6ef;border:1px solid rgba(120,120,100,.18);border-radius:8px;padding:6px 0;min-width:180px;box-shadow:0 8px 32px #14180c40;animation:menuFadeIn .15s ease-out;transform:translate(-50%);color:#1f2a1a}.token-context-menu .menu-item{display:block;width:100%;padding:8px 14px;border:none;background:transparent;color:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .12s}.token-context-menu .menu-item:hover{background:#a8c46e1f;color:#2d2525}.token-context-menu .menu-item.danger{color:#c94a4a}@keyframes selectionPulse{0%{box-shadow:0 0 #aebdc6}70%{box-shadow:0 0 0 4px #0fd0}to{box-shadow:0 0 #0fd0}}.token-selected{animation:selectionPulse 1.5s infinite}@keyframes rectPulse{0%{box-shadow:0 0 #aebdc6}70%{box-shadow:0 0 0 3px #0fd0}to{box-shadow:0 0 #0fd0}}.token-selection-rect{animation:rectPulse 1.5s infinite}.map-viewport{cursor:default}.token-selected:hover~.token-selection-rect{border-color:2px #AEBDC6;box-shadow:0 0 2px #aebdc6}@media (prefers-color-scheme: dark){.selection-rect{border-color:#aebdc6;background-color:#aebdc6}.token.token-selected{filter:drop-shadow(0 0 6px #AEBDC6)}.token-circle.token-selected{border:2px solid #AEBDC6!important;box-shadow:0 0 0 2px #0003,0 0 12px #aebdc6}}.map-canvas-container{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto}.map-image.map-original{max-width:none;max-height:none;display:block;cursor:default}.map-image.map-cover-bg{width:100%;min-height:100%;object-fit:cover;display:block}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#0000004d;font-size:18px}.map-placeholder span{font-size:60px}.map-placeholder-hint{font-size:13px;opacity:.6}.map-viewport.drag-over{outline:4px dashed rgba(168,196,110,.9);outline-offset:-4px}.map-mode-indicator{position:absolute;bottom:15px;left:15px;z-index:10}.mode-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;background:#000000b3;color:#fdf8e8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-badge.bg-mode{background:#a8c46ed9;color:#2d2525}.mode-badge.map-mode{background:#5a6b3ad9;color:#fdf8e8}.mode-badge.uploading{background:#ffa500d9;color:#2d2525;margin-left:8px}.context-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99998}.map-context-menu{position:fixed;z-index:99999;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 0;min-width:220px;box-shadow:0 8px 32px #00000080;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.map-context-menu .menu-item{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:#fdf8e8;font-size:14px;text-align:left;cursor:pointer;transition:background .15s}.map-context-menu .menu-item:hover{background:#ffffff1a}.map-context-menu .menu-item.active{background:#a8c46e33;color:#a8c46e}.map-context-menu .menu-item.danger{color:#ff6b6b}.map-context-menu .menu-item.danger:hover{background:#ff6b6b26}.bg-image-picker{position:fixed;z-index:99999;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;min-width:320px;max-width:480px;box-shadow:0 8px 32px #00000080;animation:menuFadeIn .15s ease-out}.bg-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#5a6b3a4d;border-bottom:1px solid rgba(255,255,255,.1);color:#fdf8e8;font-weight:600;font-size:14px}.bg-picker-close{border:none;background:transparent;color:#fdf8e8;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.bg-picker-close:hover{background:#ffffff26}.bg-picker-empty{padding:24px;text-align:center;color:#fdf8e880;font-size:14px}.bg-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;max-height:400px;overflow-y:auto}.bg-picker-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.1);transition:all .2s}.bg-picker-item:hover{border-color:#a8c46e;transform:scale(1.02)}.bg-picker-item img{width:100%;height:100px;object-fit:cover;display:block}.bg-picker-item-name{display:block;padding:6px 8px;color:#fdf8e8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-controls{position:absolute;bottom:15px;right:15px;z-index:10;display:flex;align-items:center;gap:4px;background:#000000b3;border-radius:8px;padding:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-btn{width:32px;height:32px;border:none;background:transparent;color:#fdf8e8;font-size:18px;font-weight:700;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.zoom-btn:hover{background:#ffffff26}.zoom-level{min-width:48px;text-align:center;color:#fdf8e8;font-size:12px;font-weight:600}.drawing-controls{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#141414e6;padding:8px 16px;border-radius:8px;z-index:100;border:1px solid #444}.control-group{display:flex;align-items:center;gap:6px}.color-picker{width:32px;height:32px;border:2px solid #555;border-radius:4px;cursor:pointer;padding:0}.size-slider{width:80px;cursor:pointer}.size-label{color:#aaa;font-size:12px;min-width:30px}.clear-drawing-btn{background:#444;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px}.clear-drawing-btn:hover{background:#666}.drawing-layer,.drawing-layer.drawable:hover{cursor:crosshair}.drawing-disabled-overlay{position:absolute;top:10px;right:10px;background:#000000b3;color:#ff6b6b;padding:6px 12px;border-radius:4px;font-size:14px;z-index:100;border:1px solid #ff6b6b33}.page-create-form{display:flex;flex-direction:column;gap:20px}.page-create-form .form-group{display:flex;flex-direction:column;gap:6px}.page-create-form label{font-size:14px;font-weight:500;color:#2d2525}.page-create-form input[type=text],.page-create-form input[type=number]{padding:10px 12px;border:2px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#2d2525;font-size:14px;transition:border-color .2s,background .2s}.page-create-form input[type=text]:focus,.page-create-form input[type=number]:focus{outline:none;border-color:#5a6b3a;background:#fff}.page-create-form input[type=text].error,.page-create-form input[type=number].error{border-color:#ff6b6b}.page-create-form input[type=color]{width:50px;height:40px;border:2px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;cursor:pointer;padding:2px}.page-create-form input[type=color]:hover{border-color:#5a6b3a}.color-input-wrapper{display:flex;gap:10px;align-items:center}.color-text-input{flex:1;padding:10px 12px;border:2px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#2d2525;font-size:14px;font-family:monospace}.color-text-input:focus{outline:none;border-color:#5a6b3a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{flex-direction:row!important;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#2d2525}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#A8C46E}.error-text{font-size:12px;color:#ff6b6b;margin-top:2px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#5f6c37;border:1px solid #5F6C37;color:#fefadf}.btn-primary:hover{background:#fff;color:#5f6c37}.btn-secondary{background:#0000001a;color:#2d2525}.btn-secondary:hover{background:#00000026}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.pages-icon-btn{position:fixed;top:0;right:355px;z-index:100;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:36px;border:none;background:#5a6b3a;color:#fdf8e8;font-size:16px;cursor:pointer;border-radius:0 0 8px 8px;padding:0 10px;transition:background .2s;box-shadow:0 2px 8px #0000004d}.pages-icon-btn:hover,.pages-icon-btn.active{background:#6b7d4a}.pages-badge{position:absolute;top:-4px;right:-4px;font-size:9px;background:#a8c46e;color:#2d2525;border-radius:10px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700}.pages-panel{position:fixed;top:0;left:0;right:0;z-index:9999;background:#fefadf;border-bottom:2px solid #5A6B3A;padding:0;animation:panelSlideIn .3s ease-out;box-shadow:0 8px 40px #00000026}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pages-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#5a6b3a26;border-bottom:1px solid rgba(0,0,0,.1)}.pages-panel-header h3{margin:0;color:#2d2525;font-size:16px;font-weight:600}.pages-header-actions{display:flex;align-items:center;gap:8px}.pages-add-btn{border:none;background:#5a6b3a;color:#fdf8e8;font-size:13px;font-weight:600;cursor:pointer;padding:6px 14px;border-radius:6px;transition:all .2s}.pages-add-btn:hover{background:#6b7d4a;transform:translateY(-1px)}.pages-close-btn{border:none;background:transparent;color:#2d2525;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.pages-close-btn:hover{background:#0000001a}.pages-empty{padding:40px 24px;text-align:center;color:#2d252580}.pages-empty p{margin:0 0 8px;font-size:16px}.pages-hint{font-size:13px;opacity:.7}.pages-grid{display:flex;gap:12px;padding:16px 24px;overflow-x:auto;max-height:240px}.page-card{flex-shrink:0;width:180px;background:#0000000d;border:2px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:all .2s}.page-card:hover{background:#00000014;border-color:#0003;transform:translateY(-2px)}.page-card.active{border-color:#5a6b3a;background:#5a6b3a1a}.page-card-image{width:100%;height:120px;overflow:hidden;position:relative}.page-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.page-card-placeholder{display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.3;width:100%;height:100%}.page-card-placeholder-green{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#5a6b3a;padding:8px}.page-card-placeholder-green span{color:#fdf8e8;font-size:12px;font-weight:600;text-align:center;word-break:break-word;line-height:1.3}.page-card-info{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:6px}.page-card-title{flex:1;color:#2d2525;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.page-card-number{font-size:11px;color:#2d252566;flex-shrink:0}.page-card-check{position:absolute;top:8px;right:8px;background:#aebdc6;color:#2d2525;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0000004d}.page-card-delete{position:absolute;top:8px;left:8px;background:#00000080;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;color:#fdf8e8}.page-card:hover .page-card-delete{opacity:1}.page-card-delete:hover{background:#dc3545d9;transform:scale(1.1)}.page-card-settings{position:absolute;top:8px;left:40px;background:#00000080;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;color:#fdf8e8}.page-card:hover .page-card-settings{opacity:1}.page-card-settings:hover{background:#bc6c25;transform:scale(1.1)}.room-settings-panel{padding:20px}.room-settings-panel h3{color:#5a6b3a;margin:0 0 20px;font-size:18px}.settings-section{margin-bottom:24px}.settings-section h4{color:#5a6b3a;margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #D4C4A8;padding-bottom:6px}.setting-row{margin-bottom:14px}.setting-row label{display:block;font-size:14px;color:#333;margin-bottom:6px;cursor:pointer}.setting-row label input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer;vertical-align:middle}.setting-control{display:flex;align-items:center;gap:12px}.setting-control input[type=range]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d4c4a8;border-radius:3px;outline:none;cursor:pointer}.setting-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#5a6b3a;border-radius:50%;cursor:pointer;transition:transform .15s}.setting-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.setting-value{min-width:50px;text-align:right;font-weight:600;color:#5a6b3a;font-size:14px}.settings-loading{padding:40px 20px;text-align:center;color:#666;font-size:14px}.dice-panel-container{position:fixed;bottom:120px;left:80px;width:420px;max-height:80vh;background:#fef3df;border-radius:16px;box-shadow:0 20px 60px #2736194d;z-index:1001;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dice-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#5f6c37;color:#fef3df}.header-left{display:flex;align-items:center;gap:10px}.header-left h3{margin:0;font-size:18px}.loading-badge{font-size:12px;background:#fef3df33;padding:2px 8px;border-radius:12px}.close-btn{background:none;border:none;color:#fef3df;font-size:24px;cursor:pointer;padding:0 4px;opacity:.8;transition:opacity .2s}.close-btn:hover{opacity:1}.dice-panel-body{padding:20px;overflow-y:auto;max-height:calc(80vh - 60px)}.mode-switcher{display:flex;gap:10px;margin-bottom:20px;background:#273619;padding:4px;border-radius:10px}.mode-btn{flex:1;padding:8px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;color:#fef3df}.mode-btn.active{background:#5f6c37;box-shadow:0 2px 8px #0003;font-weight:500;color:#fef3df}.builder-row{display:flex;gap:10px;margin-bottom:10px}.dice-select,.count-input,.modifier-input{flex:1;padding:10px;border:2px solid #5F6C37;border-radius:8px;font-size:14px;transition:border-color .2s;background:#fef3df;color:#000}.dice-select:focus,.count-input:focus,.modifier-input:focus{outline:none;border-color:#273619}.current-expression{padding:8px 12px;background:#5f6c37;border-radius:8px;font-size:14px;margin-bottom:20px;color:#fef3df}.current-expression code{font-family:Courier New,monospace;font-weight:700;color:#fef3df}.custom-section{margin-bottom:20px}.expr-input{width:100%;padding:12px;border:2px solid #5F6C37;border-radius:8px;font-size:16px;font-family:Courier New,monospace;margin-bottom:8px;background:#fef3df;color:#000}.expr-input:focus{outline:none;border-color:#273619}.expr-hint{font-size:12px;color:#5f6c37;padding-left:4px}.favorites-section{margin-bottom:20px}.section-label{font-size:13px;font-weight:600;color:#273619;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.favorites-list{display:flex;flex-wrap:wrap;gap:6px}.favorite-btn{padding:6px 12px;background:#5f6c37;border:1px solid #273619;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;color:#fef3df}.favorite-btn:hover{background:#273619;transform:translateY(-1px);color:#fef3df}.add-favorite-btn{padding:6px 12px;background:transparent;border:1px dashed #5F6C37;border-radius:6px;color:#5f6c37;cursor:pointer;font-size:13px;transition:all .2s}.add-favorite-btn:hover{background:#5f6c37;color:#fef3df;border-style:solid}.action-section{margin-bottom:20px}.roll-main-btn{width:100%;padding:14px;background:#5f6c37;color:#fef3df;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:10px}.roll-main-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #27361966;background:#273619}.roll-main-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-actions{display:flex;gap:10px}.clear-btn{flex:1;padding:10px;background:#bc6c25;color:#fef3df;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.clear-btn:hover:not(:disabled){background:#dca15d}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.fav-btn{padding:10px 16px;background:#dca15d;border:none;border-radius:8px;cursor:pointer;font-size:18px;transition:all .2s;color:#273619}.fav-btn:hover{background:#bc6c25;transform:scale(1.05);color:#fef3df}.current-result{padding:16px;background:#5f6c37;border-radius:12px;text-align:center}.result-total{font-size:48px;font-weight:700;color:#fef3df;text-shadow:2px 2px 4px rgba(39,54,25,.3)}.result-breakdown{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.die-badge{padding:4px 12px;background:#fef3df;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 2px 4px #27361933;color:#000}.dice-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#273619f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;color:#fef3df}.dice-loading-spinner{width:60px;height:60px;border:4px solid rgba(254,243,223,.2);border-top:4px solid #DCA15D;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dice-error-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#273619f2;display:flex;justify-content:center;align-items:center;z-index:2000}.dice-error-message{background:#fef3df;padding:40px;border-radius:20px;text-align:center;max-width:500px}.dice-error-message h4{margin-bottom:20px;color:#bc6c25}.dice-error-message button{margin-top:20px;padding:10px 30px;background:#5f6c37;color:#fef3df;border:none;border-radius:8px;cursor:pointer}.dice-error-message button:hover{background:#273619}.audio-player-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;background:#fef3df;color:#2d2525;overflow-y:auto}.audio-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.audio-header h3{margin:0;flex:1;color:#2d2525}.btn-add-track{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#5f6c37;border:none;border-radius:6px;color:#fef3df;cursor:pointer;font-size:13px;transition:background .2s}.btn-add-track:hover{background:#4a5a2e}.now-playing{display:flex;align-items:center;gap:12px;padding:12px;background:#0000000d;border-radius:8px}.track-cover{width:64px;height:64px;border-radius:4px;overflow:hidden;background:#5f6c37;display:flex;align-items:center;justify-content:center}.track-cover img{width:100%;height:100%;object-fit:cover}.track-cover-placeholder{font-size:24px;color:#fef3df}.track-info{flex:1}.track-title{font-size:15px;font-weight:600;color:#2d2525}.track-artist{font-size:13px;color:#0009;margin-top:2px}.progress-bar-container{display:flex;align-items:center;gap:8px}.time{font-size:11px;color:#00000080;min-width:35px}.progress-bar{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:2px;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#5f6c37;border-radius:50%;cursor:pointer}.player-controls{display:flex;justify-content:center;align-items:center;gap:16px}.audio-control-btn{width:44px;height:44px;border:2px solid #5F6C37;border-radius:50%;background:transparent;color:#5f6c37;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.audio-control-btn:hover{background:#5f6c37;color:#fef3df}.audio-control-btn.play-btn{width:56px;height:56px;background:#5f6c37;color:#fef3df}.audio-control-btn.play-btn:hover{background:#4a5a2e}.repeat-btn.active{background:#5f6c37;color:#fef3df}.volume-control{display:flex;align-items:center;gap:8px;color:#5f6c37}.volume-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#5f6c37;border-radius:50%;cursor:pointer}.playlist-section{flex:1;overflow-y:auto}.playlist-section h4{margin:0 0 8px;font-size:13px;color:#0009}.tracks-list{display:flex;flex-direction:column;gap:4px}.track-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#00000008;border-radius:6px;cursor:pointer;transition:all .2s;color:#2d2525}.track-item:hover{background:#5f6c371a}.track-item.active{background:#5f6c3726;border-left:3px solid #5F6C37}.track-item-title{font-size:13px;flex:1}.btn-remove-track{background:none;border:none;color:#0000004d;cursor:pointer;font-size:14px;padding:4px 8px}.btn-remove-track:hover{color:#c94a4a}.empty-message{text-align:center;padding:20px;color:#0006;font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.library-modal{background:#fef3df;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;color:#2d2525}.library-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.library-header h3{margin:0;color:#2d2525}.modal-close{background:none;border:none;color:#2d2525;font-size:20px;cursor:pointer}.library-search{padding:12px 16px}.library-search input{width:100%;padding:8px 12px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;color:#2d2525}.library-list{flex:1;overflow-y:auto;padding:0 16px 16px}.library-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid rgba(0,0,0,.05)}.library-item-info{display:flex;flex-direction:column}.library-item-title{font-size:14px;color:#2d2525}.library-item-artist{font-size:12px;color:#00000080}.btn-add-to-room{background:#5f6c37;border:none;border-radius:50%;width:32px;height:32px;color:#fef3df;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-section{padding:16px;border-top:1px solid rgba(0,0,0,.1)}.game-board{display:flex;width:100vw;height:100vh;background:#2d2525;overflow:hidden}.fixed-video-section{position:fixed!important;left:95px!important;bottom:25px!important;z-index:9999!important;display:flex;flex-direction:row;align-items:flex-end;pointer-events:none}.fixed-video-section>*{pointer-events:auto}.fixed-video-section .video-grid{display:flex;flex-direction:row;gap:8px;align-items:flex-end}.fixed-video-section .video-tile{width:200px;height:112px}.fixed-video-section .video-tile-main{width:240px;height:135px}.fixed-video-section .remote-videos{display:flex;flex-direction:row;gap:8px;align-items:flex-end}.toolbar-left{width:70px;background:#5a6b3a;display:flex;flex-direction:column;padding:10px 0;gap:15px;overflow-y:auto}.toolbar-section{display:flex;flex-direction:column;align-items:center;gap:8px}.toolbar-section.bottom{margin-top:auto}.toolbar-btn{width:50px;height:50px;border:none;background:#ffffff1a;color:#fef3df;font-size:24px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.toolbar-btn svg{color:#fef3df;transition:color .2s ease}.toolbar-btn:hover{background:#fff3}.toolbar-btn:hover svg{color:#fff}.toolbar-btn.tool-active{background:#a8c46e;color:#2d2525;box-shadow:0 0 8px #a8c46e66}.toolbar-btn.tool-active svg{color:#2d2525}.toolbar-btn.menu-btn{background:transparent;font-size:28px}.dice-btn{background:#ffffff26}.canvas-area{flex:1;display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden;min-width:0;min-height:0;position:relative;z-index:1}.map-container{flex:1;position:relative;background:#fff;overflow:hidden;min-width:0;min-height:0}.map-viewport{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#fff}.map-transform-layer{position:absolute;top:0;left:0;box-shadow:0 8px 28px #000000b3,0 2px 8px #0006}.map-image.map-original{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.map-image.map-cover-bg{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-controls{position:absolute;top:15px;right:15px;background:#000000b3;padding:10px 15px;border-radius:8px;color:#fff;display:flex;flex-direction:row;align-items:center;gap:12px}.toggle-control{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.toggle-control input[type=checkbox]{width:18px;height:18px;cursor:pointer}.video-cards{display:flex;gap:15px;padding:10px 0}.video-card{width:180px;background:#1a1a1a;border-radius:12px;overflow:hidden}.video-feed{height:120px;background:#000;display:flex;align-items:center;justify-content:center}.video-placeholder{font-size:40px;color:#666}.video-info{padding:10px;background:#5a6b3a;display:flex;flex-direction:column;gap:5px}.video-name{color:#fef3df;font-size:14px;text-align:center;font-weight:500}.video-controls{display:flex;justify-content:center;gap:10px}.video-icon{font-size:14px;cursor:pointer;opacity:.8;transition:opacity .2s}.video-icon:hover{opacity:1}.sidebar-right{width:350px;background:#fdf8e8;display:flex;flex-direction:column;overflow:hidden}.sidebar-tabs{display:flex;background:#5a6b3a;padding:10px;gap:5px;border-radius:0 0 29px 29px;margin:0}.sidebar-tabs .tab-btn{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-tabs .tab-btn svg{color:#fef3df;transition:all .2s ease}.sidebar-tabs .tab-btn:hover{background:#ffffff1a}.sidebar-tabs .tab-btn:hover svg{color:#fef3df;transform:scale(1.1)}.sidebar-tabs .tab-btn.active{background:#fff3}.sidebar-tabs .tab-btn.active svg{color:#fef3df}.sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.tab-btn{flex:1;padding:10px;border:none;background:transparent;font-size:20px;cursor:pointer;border-radius:8px;transition:background-color .2s}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{background:#fff3}.chat-panel{display:flex;flex-direction:column;height:100%}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding-bottom:15px}.chat-message{display:flex;gap:10px;align-items:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;background:#5a6b3a;flex-shrink:0}.message-bubble{background:#5a6b3a;padding:10px 15px;border-radius:12px;max-width:80%}.message-author{color:#fdf8e8cc;font-size:12px;display:block;margin-bottom:4px}.dice-roll .message-bubble{background:#6b7d4a}.dice-result{font-size:16px}.dice-result strong{font-size:20px;color:#fff}.chat-input-form{padding-top:15px;border-top:1px solid #D4C4A8}.chat-input{width:100%;padding:12px 15px;border:2px solid #D4C4A8;border-radius:25px;font-size:14px;background:#fff;color:#333;transition:border-color .2s}.chat-input:focus{outline:none;border-color:#5a6b3a}.tab-placeholder{text-align:center;padding:40px 20px;color:#666}.tab-placeholder h3{color:#5a6b3a;margin-bottom:10px}.dice-panel{position:absolute;bottom:20px;left:90px;background:#5a6b3af2;padding:15px;border-radius:12px;color:#fef3df;z-index:99999}.dice-panel h4{margin:0 0 10px;font-size:14px;text-align:center}.dice-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dice-btn-small{width:45px;height:45px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fef3df;font-size:16px;border-radius:8px;cursor:pointer;transition:all .2s}.dice-btn-small:hover{background:#fff3;transform:scale(1.05)}.dice-result-display{margin-top:10px;text-align:center;padding:10px;background:#0000004d;border-radius:8px}.dice-result-display span{display:block;font-size:12px;opacity:.8}.dice-result-display strong{font-size:28px;color:#fff}@media (max-width: 1200px){.sidebar-right{width:300px}.video-cards{flex-wrap:wrap}}@media (max-width: 900px){.sidebar-right{display:none}.video-cards{justify-content:center}}#dice-canvas-main{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:998!important;background:transparent!important}#dice-canvas-main canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important;background:transparent!important}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.ruler-submenu{position:absolute;left:70px;background:#5a6b3a;border-radius:8px;padding:8px;display:flex;gap:8px;z-index:100}.ruler-mode-btn{width:40px;height:40px;border:none;background:#ffffff1a;font-size:20px;border-radius:6px;cursor:pointer}.ruler-mode-btn.active{background:#a8c46e;transform:scale(1.05)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fdf8e8;color:#333;margin:0;min-width:320px;min-height:100vh}a{font-weight:500;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.error-message{color:#dc3545;margin-top:.5rem;font-size:.875rem}.success-message{color:#28a745;margin-top:.5rem;font-size:.875rem}