* { cursor: url('https://cdn.cursors-4u.net/css-previews/legend-of-zelda-ocarina-of-time-e4589adf-css.webp') 1 5, auto !important; } body { background-image: url('img/bg/backstar.gif'); color: white; font-family: monospace; white-space: pre; margin: 0; height: 100vh; } #spiral-wrap { display: flex; align-items: center; justify-content: center; margin-top: 15rem; gap: 1rem; } #spiral { font-size: 10px; line-height: 7px; text-align: center; color: #fcffe576; background: none !important; box-shadow: none !important; padding: 0 !important; } #spiral .neon { color: #2a2210 !important; text-shadow: none !important; transition: color 0.08s, text-shadow 0.08s; } #spiral .neon.on { color: #fffbe6 !important; text-shadow: 0 0 4px #fffb91, 0 0 10px #fffb9188, 0 0 25px #f0c04055 !important; } .neon-toggle { height: 3rem; width: auto; flex-shrink: 0; } .window, .window * { white-space: normal !important; } .window .title-bar { cursor: grab !important; user-select: none; } .window .title-bar:active { cursor: grabbing !important; } /* ─── Guestbook ─── */ #gb-entries { font-size: 11px; line-height: 1.4; background: #fff !important; } .gb-entry { padding: 4px 0; border-bottom: 1px dotted #ccc; margin-bottom: 4px; } .gb-entry:last-child { border-bottom: none; } .gb-header { display: flex; justify-content: space-between; align-items: baseline; } .gb-date { font-size: 9px; color: #999; } .gb-body { margin: 2px 0; color: #333; } .gb-track { font-size: 9px; color: #808; font-style: italic; } #guestbook .field-row { display: flex; align-items: center; } #guestbook input[type="text"] { flex: 1; } /* ─── Vinyl shelf (main page) ─── */ #vinyl-shelf { display: flex; justify-content: center; gap: 3rem; position: absolute; z-index: 10; left:50%; top:110%; } .vinyl-link { display: flex; flex-direction: column; align-items: center; text-decoration: none; } .vinyl-link img { height: 6rem; width: auto; border-radius: 50%; } .vinyl-label { font-family: 'pixelout', monospace; font-size: 14px; color: #e0d0ff; margin-top: 0.5rem; letter-spacing: 2px; } .vinyl-link:hover .vinyl-label { color: #fff; } /* ─── Room page layout ─── */ .room-page { display: flex; align-items: center; justify-content: center; gap: 2rem; height: 100vh; padding: 2rem; box-sizing: border-box; } .room-vinyl { height: 12rem; width: auto; border-radius: 50%; } .room-title { font-family: 'pixelout', monospace; font-size: 20px; color: #fff; text-align: center; margin-bottom: 1rem; letter-spacing: 3px; text-shadow: 0 0 6px #ff80ff, 0 0 15px #c060ff, 0 0 35px #8040ff; white-space: normal; } .back-link { position: fixed; top: 1rem; left: 1rem; font-family: 'pixelout', monospace; font-size: 12px; color: #c0b0ff; text-decoration: none; letter-spacing: 1px; text-shadow: 0 0 6px #8060c0; z-index: 100; transition: color 0.2s, text-shadow 0.2s; white-space: normal; } .back-link:hover { color: #fff; text-shadow: 0 0 8px #ff80ff, 0 0 20px #c060ff; } .room-left { display: flex; flex-direction: column; align-items: center; } /* ─── Fonts ─── */ @font-face { font-family: 'fiftiesmovie'; src: url('fonts/Fifties_Movies.ttf') format('truetype'); } @font-face { font-family: 'pixelout'; src: url('fonts/pixelout.ttf') format('truetype'); } @font-face { font-family: 'luckc'; src: url('fonts/luckc.ttf') format('truetype'); } @font-face { font-family: 'astrodings'; src: url('fonts/Astrodings.ttf') format('truetype'); } @font-face { font-family: 'esoterica'; src: url('fonts/Esoterica.ttf') format('truetype'); } @font-face { font-family: 'zodiac'; src: url('fonts/ZODIAC01.TTF') format('truetype'); } @font-face { font-family: 'sunandmoon'; src: url('fonts/SunandMoon.ttf') format('truetype'); } /* ─── Per-room backgrounds ─────────────────────────────── Each room page sets . To add a new room: duplicate frenchies.html, change data-room, then add a matching block here. Available bgs in img/bg/: backstar.gif, aquagalaxy_small.gif, movestarbackground.gif, space_bg.gif, ss144.gif, saftextr.jpg ──────────────────────────────────────────────────────── */ body[data-room] { /* shared defaults for all room pages — tiles like the main page */ background-repeat: repeat; } body[data-room="frenchies"] { background-image: url('img/bg/space_bg.gif'); } /* ─── Presence window ─── */ #presence-window { position: fixed; bottom: 1rem; right: 1rem; width: 180px; z-index: 90; } /* ─── About dialog ─── */ #about-dialog { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; max-width: 90vw; z-index: 200; } #about-dialog.visible { display: block; } #about-dialog menu[role="tablist"] { display: flex; gap: 0; padding: 0; margin: 0 0 -1px 0; list-style: none; } .about-tab { padding: 4px 12px; font-size: 11px; border: 1px solid #888; border-bottom: none; background: #d4d0c8; cursor: pointer; position: relative; top: 1px; } .about-tab.active { background: #fff; border-bottom: 1px solid #fff; z-index: 1; } .about-panel { border: 1px solid #888; background: #fff; padding: 12px; min-height: 160px; } /* ─── Hit counter ─── */ #hit-counter { text-align: center; font-family: 'pixelout', monospace; font-size: 15px; color: black; letter-spacing: 1px; margin-top: 8px; border-top: 1px dotted #ccc; padding-top: 6px; }