@import url('./styles/base.css');
@import url('./styles/ui.css');
@import url('./styles/crosshair.css');
@import url('./styles/instructions.css');
@import url('./styles/gameover.css');
@import url('./styles/splash.css');
@import url('./styles/pause.css');
@import url('./styles/start.css');
@import url('./styles/overlays.css');
@import url('./styles/exitReminder.css');
@import url('./styles/menuEyes.css');
@import url('./styles/minimap.css');
@import url('./styles/animations.css');
@import url('./styles/shakyText.css');
@import url('./styles/loading.css');

/* NEW: library discovery bottom sliding notice */
.library-discovery-notice {
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(110%);
    bottom: 12px;
    z-index: 1200;
    background: rgba(20,20,20,0.95);
    color: #fff;
    padding: 12px 18px;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    pointer-events: none;
    transition: transform 420ms cubic-bezier(.2,.9,.2,1), opacity 420ms ease-in-out;
    opacity: 0;
}
.library-discovery-notice.visible {
    transform: translateX(-50%) translateY(0%);
    opacity: 1;
}
.library-discovery-notice .notice-inner strong { color: #f1c40f; margin-left:6px; }

/* NEW: bottom-right VR toggle button */
#vrToggleButton {
    position: fixed;
    right: 12px;
    bottom: 12px;
    z-index: 1200;
    width: 64px;
    height: 48px;
    border-radius: 8px;
    background: rgba(10,10,10,0.85);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.06);
    font-family: 'Space Mono', monospace;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-shadow: 0 6px 18px rgba(0,0,0,0.6);
}
#vrToggleButton[aria-pressed="true"] {
    background: rgba(255,215,0,0.12);
    color: #ffd700;
    border-color: rgba(255,215,0,0.18);
}
/* Ensure mobile-safe touch area */
@media (max-width: 600px) {
    #vrToggleButton { width: 56px; height: 44px; font-size: 13px; right: 8px; bottom: 8px; }
}