.bottom-navigation[data-v-3f359987]{position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#8b6f47,#6b5537);border-top:2px solid #5a4630;display:flex;align-items:center;justify-content:space-around;padding:0 var(--spacing-md);z-index:150;box-shadow:0 -4px 12px #00000080;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 4px),linear-gradient(to top,#8b6f47,#6b5537)}.nav-button[data-v-3f359987]{position:relative;width:56px;height:56px;background:#2d1b3dcc;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.nav-button[data-v-3f359987]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff26;background:#2d1b3de6}.nav-button.active[data-v-3f359987]{border:3px solid #000;background:#6347ffe6;box-shadow:0 4px 12px #6347ff99,inset 0 1px #fff3}.nav-icon[data-v-3f359987]{font-size:28px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:transform .2s ease}.nav-button:hover .nav-icon[data-v-3f359987]{transform:scale(1.1)}.nav-button.active .nav-icon[data-v-3f359987]{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.globe-button-wrapper[data-v-3f359987],.menu-button-wrapper[data-v-3f359987]{position:relative}.globe-dropdown-menu[data-v-3f359987]{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-xs);pointer-events:auto}.globe-dropdown-menu .dropdown-item[data-v-3f359987]{position:relative;width:200px;height:auto;min-height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center}.globe-dropdown-menu .dropdown-board[data-v-3f359987]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;pointer-events:none}.globe-dropdown-menu .dropdown-text[data-v-3f359987]{position:relative;z-index:2;font-family:Pangolin,sans-serif;font-size:18px;font-weight:700;color:#fff;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);letter-spacing:1px;pointer-events:none;transition:all .2s}.globe-dropdown-menu .dropdown-item:hover .dropdown-text[data-v-3f359987],.globe-dropdown-menu .dropdown-item.active .dropdown-text[data-v-3f359987]{color:#51e3b7;text-shadow:0 0 10px rgba(81,227,183,.8),2px 2px 0 rgba(0,0,0,.8)}.menu-dropdown-menu[data-v-3f359987]{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-xs);pointer-events:auto}.menu-dropdown-menu .dropdown-item[data-v-3f359987]{position:relative;width:200px;height:auto;min-height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center}.menu-dropdown-menu .dropdown-board[data-v-3f359987]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;pointer-events:none}.menu-dropdown-menu .dropdown-text[data-v-3f359987]{position:relative;z-index:2;font-family:Pangolin,sans-serif;font-size:18px;font-weight:700;color:#fff;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);letter-spacing:1px;pointer-events:none;transition:all .2s}.menu-dropdown-menu .dropdown-item:hover .dropdown-text[data-v-3f359987],.menu-dropdown-menu .dropdown-item.logout:hover .dropdown-text[data-v-3f359987]{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.8),2px 2px 0 rgba(0,0,0,.8)}.admin-sidebar[data-v-278f309a]{width:250px;background:#2a2a2a;border-right:1px solid #3a3a3a;padding:20px 0;overflow-y:auto}.sidebar-title[data-v-278f309a]{padding:0 20px;margin-bottom:20px;color:#6347ff;font-size:18px}.sidebar-nav[data-v-278f309a]{list-style:none;margin:0;padding:0}.sidebar-nav a[data-v-278f309a]{display:block;padding:12px 20px;color:#ccc;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.sidebar-nav a[data-v-278f309a]:hover{background:#333;color:#fff}.sidebar-nav a.active[data-v-278f309a],.sidebar-nav a.router-link-active[data-v-278f309a]{background:#333;color:#6347ff;border-left-color:#6347ff}.admin-view[data-v-5fdc0c86]{display:flex;height:100vh;background:#1a1a1a;color:#e0e0e0}.admin-content[data-v-5fdc0c86]{flex:1;overflow-y:auto;padding:20px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #9d4edd;--color-primary-dark: #7b2cbf;--color-primary-light: #c77dff;--color-secondary: #5a189a;--color-accent: #ff6b6b;--color-glow: #e0aaff;--bg-cave: #2B2A32;--bg-cave-texture: #2d1b3d;--bg-cell: #0f0519;--bg-cell-hover: #1a0d2e;--bg-primary: #2d1b3d;--bg-secondary: #1a0d2e;--bg-dark: #0f0519;--bg-wood: #8b4513;--bg-wood-dark: #654321;--bg-scroll: #3d2a4f;--text-primary: #ffffff;--text-secondary: #b8a3d1;--text-light: #ffffff;--text-letter: #ffffff;--border-color: #4a2c5a;--border-glow: #9d4edd;--border-radius: 8px;--radius: var(--border-radius);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--glow-purple: 0 0 10px rgba(157, 78, 221, .6), 0 0 20px rgba(157, 78, 221, .4), 0 0 30px rgba(157, 78, 221, .2);--glow-blue: 0 0 10px rgba(100, 181, 246, .6), 0 0 20px rgba(100, 181, 246, .4);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: "Pangolin", sans-serif;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--header-height: 60px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-cave);background-image:radial-gradient(circle at 20% 50%,rgba(157,78,221,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(91,24,154,.1) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(45,27,61,.3) 2px,rgba(45,27,61,.3) 4px);line-height:1.6;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-container.electron-frameless{-webkit-app-region:drag;height:100vh;width:100vw}.app-container.electron-frameless button,.app-container.electron-frameless input,.app-container.electron-frameless textarea,.app-container.electron-frameless select,.app-container.electron-frameless a,.app-container.electron-frameless canvas,.app-container.electron-frameless [role=button],.app-container.electron-frameless .no-drag{-webkit-app-region:no-drag}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-md);height:var(--header-height)}.user-actions{display:flex;align-items:center;gap:var(--spacing-md)}.logo{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin:0}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.main{flex:1;padding:var(--spacing-xl) 0;display:flex;flex-direction:column;min-height:0}.main:has(.game-view),.main.main-game{padding:0;height:calc(100vh - var(--header-height));min-height:0}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--text-light);border:none;border-radius:var(--radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background .2s,transform .1s;text-decoration:none}.btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--color-secondary)}.btn-secondary:hover{background:#2c3e4a}.card{background:var(--bg-primary);border-radius:var(--radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:var(--font-size-lg);color:var(--text-secondary)}