body{overflow:hidden;margin:0;padding:0}#game-canvas,.game-canvas{image-rendering:pixelated;display:block;width:100%;height:100%}.sidebar-dark{background-color:#212529}.sidebar-dark .nav-link{color:#ffffffbf;transition:all .2s}.sidebar-dark .nav-link:hover{color:#fff;background-color:#ffffff1a}.sidebar-dark .nav-link.active{color:#fff;background-color:#ffffff26}.game-toolbar{position:absolute;z-index:1000;display:flex;flex-direction:column;align-items: flex-start;gap:12px;top:20px;left:20px}.game-menu-button{color:#fff;cursor:pointer;display:flex;backdrop-filter:blur(4px);background:#000c;border:1px solid #444;border-radius:8px;justify-content:center;align-items: center;width:48px;height:48px;transition:all .2s}.game-menu-button:hover{background:#0d6efde6;border-color:#0d6efd;transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd4d}.game-menu-button:active{transform:translateY(0)}.game-menu-panel-container{position:absolute;z-index:1000;display:flex;justify-content:center;top:20px;left:50%;transform:translate(-50%)}.game-menu-panel{backdrop-filter:blur(8px);background:linear-gradient(135deg,#14141ef2 0%,#282832f2 100%);border:2px solid #444;border-radius:12px;min-width:280px;box-shadow:0 8px 32px #00000080}.game-menu-header{display:flex;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items: center;padding:16px}.game-menu-header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.game-menu-close{color:#fff;cursor:pointer;display:flex;background:0 0;border:none;border-radius:4px;justify-content:center;align-items: center;padding:4px;transition:background .2s}.game-menu-close:hover{background:#ffffff1a}.game-menu-items{padding:8px}.game-menu-item{display:flex;color:#fff;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items: center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;font-size:14px;font-weight:500}.game-menu-item:hover{background:#0d6efd26;border-color:#0d6efd;transform:translateY(-2px)}.game-menu-item:active{transform:translateY(0)}.game-menu-item svg{flex-shrink:0}.turn-banner{position:fixed;z-index:1000;border-radius:0 0 12px 12px;padding:8px 24px;font-weight:700;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.turn-banner.your-turn{color:#fff;background:linear-gradient(135deg,#198754 0%,#157347 100%)}.turn-banner.waiting{color:#fff;background:linear-gradient(135deg,#6c757d 0%,#5c636a 100%)}.placement-banner{position:fixed;z-index:1000;color:#fff;text-align:center;background:linear-gradient(135deg,#0d6efd 0%,#0a58ca 100%);padding:12px 24px;font-weight:700;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.victory-overlay{position:fixed;z-index:2000;display:flex;animation:fadeIn .5s ease;background:#000000d9;justify-content:center;align-items: center;inset:0}.victory-content{text-align:center;color:#fff}.victory-content h1{color:#ffc107;text-shadow:0 0 20px #ffc10780;margin-bottom:24px;font-size:4rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.center-announcement{position:fixed;z-index:1500;text-align:center;animation:announcementPop .3s ease;border-radius:12px;padding:24px 48px;font-size:2rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes announcementPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.character-sheet-drawer{position:fixed;color:#fff;z-index:1100;background:#1a1a2e;width:400px;max-width:100vw;transition:transform .3s;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #00000080}.character-sheet-drawer.open{transform:translate(0)}.view-controls{position:fixed;z-index:1000;display:flex;gap:8px;bottom:20px;right:20px}.view-control-btn{color:#fff;cursor:pointer;display:flex;background:#000c;border:1px solid #444;border-radius:8px;justify-content:center;align-items: center;width:40px;height:40px;transition:all .2s}.view-control-btn:hover{background:#0d6efde6;border-color:#0d6efd}.door-panel{position:fixed;z-index:1000;display:flex;background:#000000e6;border:1px solid #444;border-radius:12px;align-items: center;gap:12px;padding:12px 24px;bottom:100px;left:50%;transform:translate(-50%)}.loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:16px;height:100vh}.error-state{display:flex;text-align:center;flex-direction:column;justify-content:center;align-items: center;height:100vh;padding:24px}