* { margin: 0; padding: 0; }
        body {
            background: #0a0a0a;
            overflow: hidden;
            font-family: 'Courier New', monospace;
        }
        canvas { display: block; position: fixed; top: 0; left: 0; z-index: 0; }
        .back-link {
            position: fixed;
            top: 16px;
            left: 20px;
            color: #d4a574;
            font-size: 11px;
            text-decoration: none;
            letter-spacing: 0.08em;
            opacity: 0.7;
            z-index: 10;
            transition: opacity 0.2s;
        }
        .back-link:hover { opacity: 1; }
        .overlay {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            color: #f5f1e8;
            text-align: center;
            pointer-events: none;
        }
        .title {
            font-size: 4em;
            letter-spacing: 0.3em;
            font-weight: 100;
            text-shadow: 0 0 40px rgba(212, 165, 116, 0.3);
            animation: fadeIn 3s ease-out;
        }
        .subtitle {
            margin-top: 1em;
            font-size: 0.9em;
            color: #d4a574;
            letter-spacing: 0.5em;
            opacity: 0.8;
            animation: fadeIn 4s ease-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }