/* 2000年代オタクサイト風スタイル */
body {
    font-family: "MS Pゴシック", "ＭＳ ゴシック", monospace, Arial, sans-serif;
    background: #000000;
    background-image: 
        radial-gradient(circle at 25% 25%, #ff0000 1px, transparent 1px),
        radial-gradient(circle at 75% 75%, #00ff00 1px, transparent 1px);
    background-size: 50px 50px;
    margin: 0;
    padding: 0;
    color: #00ff00;
    animation: bg-scroll 10s linear infinite;
}

@keyframes bg-scroll {
    0% { background-position: 0 0, 25px 25px; }
    100% { background-position: 50px 50px, 75px 75px; }
}

/* blinkタグ互換 */
blink {
    animation: blink-effect 1s steps(2, start) infinite;
}

@keyframes blink-effect {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* marqueeの基本スタイル */
marquee {
    display: block;
    width: 100%;
    white-space: nowrap;
}

/* テーブルの基本スタイル */
table {
    border-collapse: separate;
    border-spacing: 2px;
}

td, th {
    padding: 2px;
}

/* フォントタグのサイズ対応 */
font[size="1"] { font-size: 8px; }
font[size="2"] { font-size: 10px; }
font[size="3"] { font-size: 12px; }
font[size="4"] { font-size: 14px; }
font[size="5"] { font-size: 18px; }
font[size="6"] { font-size: 24px; }
font[size="7"] { font-size: 32px; }

/* 追加のオタクっぽいエフェクト */
.otaku-glow {
    text-shadow: 
        0 0 5px currentColor,
        0 0 10px currentColor,
        0 0 15px currentColor;
    animation: glow-pulse 2s ease-in-out infinite alternate;
}

@keyframes glow-pulse {
    from { text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor; }
    to { text-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor; }
}

/* きもいスクロールエフェクト */
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: #000000;
    border: 2px solid #ff00ff;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #ff00ff, #00ffff);
    border: 1px solid #ffff00;
    animation: scrollbar-rainbow 3s linear infinite;
}

@keyframes scrollbar-rainbow {
    0% { background: linear-gradient(45deg, #ff00ff, #00ffff); }
    33% { background: linear-gradient(45deg, #00ffff, #ffff00); }
    66% { background: linear-gradient(45deg, #ffff00, #ff0000); }
    100% { background: linear-gradient(45deg, #ff0000, #ff00ff); }
}

/* レスポンシブ対応（一応） */
@media (max-width: 600px) {
    table {
        font-size: 10px;
    }
    
    font[size="5"] { font-size: 14px; }
    font[size="6"] { font-size: 18px; }
}