body{margin:0;padding:0;overflow:hidden}#game-canvas,.game-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.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{z-index:1000;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;top:20px;left:20px}.game-menu-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);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;display:flex}.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{z-index:1000;justify-content:center;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.game-menu-panel{-webkit-backdrop-filter:blur(8px);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{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.game-menu-header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.game-menu-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.game-menu-close:hover{background:#ffffff1a}.game-menu-items{padding:8px}.game-menu-item{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;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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{z-index:1000;border-radius:0 0 12px 12px;padding:8px 24px;font-weight:700;position:fixed;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{z-index:1000;color:#fff;text-align:center;background:linear-gradient(135deg,#0d6efd 0%,#0a58ca 100%);padding:12px 24px;font-weight:700;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.victory-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex;position:fixed;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{z-index:1500;text-align:center;border-radius:12px;padding:24px 48px;font-size:2rem;font-weight:700;animation:.3s announcementPop;position:fixed;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)}}.floating-message{z-index:1200;pointer-events:none;text-shadow:2px 2px 4px #000c;font-size:1.25rem;font-weight:700;animation:1.5s ease-out forwards floatUp;position:absolute}.floating-message.damage{color:#dc3545}.floating-message.miss{color:#6c757d}.floating-message.heal{color:#198754}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.character-sheet-drawer{color:#fff;z-index:1100;background:#1a1a2e;width:400px;max-width:100vw;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #00000080}.character-sheet-drawer.open{transform:translate(0)}.view-controls{z-index:1000;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.view-control-btn{color:#fff;cursor:pointer;background:#000c;border:1px solid #444;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.view-control-btn:hover{background:#0d6efde6;border-color:#0d6efd}.door-panel{z-index:1000;background:#000000e6;border:1px solid #444;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}