/* ============================================================
   GEOCITIES PAGE STYLES
   Late 90s personal homepage aesthetic
   ============================================================ */

.geocities-page {
    background: #000033;
    color: #ffffff;
    font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;
    font-size: 14px;
    padding: 20px;
    min-height: 100%;
    line-height: 1.6;
    user-select: text;
    -webkit-user-select: text;
}

.geocities-page a {
    color: #00ffff;
    text-decoration: underline;
    cursor: pointer;
}

.geocities-page a:hover {
    color: #ffff00;
}

/* ============================================================
   RAINBOW TEXT & SUBTITLE
   ============================================================ */
.rainbow-text {
    background: linear-gradient(to right, #ff0000, #ff7700, #ffff00, #00ff00, #0000ff, #8b00ff, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
}

.geo-subtitle {
    color: #ffff00;
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-align: center;
    letter-spacing: 2px;
    animation: subtitle-glow 2s ease-in-out infinite;
}

@keyframes subtitle-glow {
    0%, 100% { text-shadow: 0 0 4px #ffff00; }
    50% { text-shadow: 0 0 12px #ffff00, 0 0 20px #ff8800; }
}

/* ============================================================
   MARQUEE
   ============================================================ */
.geo-marquee {
    background: #000066;
    border: 2px solid #ffff00;
    padding: 6px;
    margin: 10px 0;
    color: #00ff00;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.geo-marquee-inner {
    display: inline-block;
    animation: marquee-scroll 14s linear infinite;
}

@keyframes marquee-scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* ============================================================
   UNDER CONSTRUCTION
   ============================================================ */
.under-construction {
    text-align: center;
    margin: 15px 0;
    padding: 10px;
}

.geo-blink {
    animation: geo-blink-anim 1s steps(2, start) infinite;
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
}

@keyframes geo-blink-anim {
    50% { opacity: 0; }
}

/* ============================================================
   FLAME DIVIDER
   ============================================================ */
.flame-divider {
    height: 24px;
    background: linear-gradient(0deg,
        #ff0000 0%, #ff4400 20%, #ff8800 40%,
        #ffcc00 60%, #ffff00 80%, transparent 100%
    );
    margin: 10px 0;
    animation: flame-flicker 0.3s infinite alternate;
    opacity: 0.8;
}

@keyframes flame-flicker {
    0% { opacity: 0.7; height: 22px; }
    100% { opacity: 1; height: 26px; }
}

/* ============================================================
   RAINBOW HORIZONTAL RULE
   ============================================================ */
.rainbow-hr {
    height: 4px;
    border: none;
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    margin: 15px 0;
}

/* ============================================================
   SECTION HEADERS
   ============================================================ */
.geo-section-header {
    color: #ffff00;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 8px;
    text-shadow: 2px 2px 0 #ff0000;
}

/* ============================================================
   TWO-COLUMN LAYOUT (CoolDaddy page)
   ============================================================ */
.geo-two-col {
    display: flex;
    gap: 16px;
    margin: 10px 0;
    flex-wrap: wrap;
}

.geo-sidebar {
    width: 160px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.geo-sidebar-box {
    background: #000055;
    border: 2px ridge #3366ff;
    padding: 8px;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.geo-sidebar-box h4 {
    color: #ffff00;
    margin: 0 0 6px;
    font-size: 12px;
    border-bottom: 1px solid #3366ff;
    padding-bottom: 4px;
}

.geo-sidebar-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.geo-sidebar-box ul li {
    color: #00ff00;
    padding: 2px 0;
    font-size: 11px;
}

.geo-sidebar-box ul li::before {
    content: "> ";
    color: #ffff00;
}

.geo-main-col {
    flex: 1;
    min-width: 0;
}

/* ============================================================
   ABOUT ME TABLE
   ============================================================ */
.geo-about-table {
    border: 2px solid #00ff00;
    background: #000033;
    padding: 12px;
    margin: 10px 0;
    width: 100%;
    border-collapse: separate;
}

.geo-about-table td {
    color: #00ff00;
    padding: 8px;
    vertical-align: top;
}

/* ============================================================
   SLOTH FACTS SECTION
   ============================================================ */
.geo-sloth-facts {
    padding: 8px;
    background: #000044;
    border: 2px solid #00ff00;
    margin: 10px 0;
}

.geo-facts-table {
    border-collapse: collapse;
    color: #00ff00;
    font-size: 13px;
    width: 100%;
}

.geo-facts-table td {
    padding: 3px 4px;
    vertical-align: top;
}

/* ============================================================
   LINK LIST
   ============================================================ */
.geo-link-list {
    list-style-type: none;
    padding-left: 10px;
}

.geo-link-list li {
    margin: 3px 0;
}

/* ============================================================
   BADGES (NEW! and HOT!)
   ============================================================ */
.new-badge {
    color: #ff0000;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    animation: pulse-badge 0.8s ease-in-out infinite;
    margin-left: 4px;
    font-family: Arial, sans-serif;
    background: #ffff00;
    padding: 0 3px;
}

@keyframes pulse-badge {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.3); }
}

.hot-badge {
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    animation: pulse-badge 0.8s ease-in-out infinite;
    margin-left: 4px;
    font-family: Arial, sans-serif;
    background: #ff0000;
    padding: 0 3px;
}

/* ============================================================
   MIDI MUSIC NOTICE
   ============================================================ */
.geo-midi-notice {
    background: #000066;
    border: 2px ridge #3366ff;
    padding: 8px 12px;
    margin: 12px 0;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

/* ============================================================
   AWARDS SECTION
   ============================================================ */
.geo-awards {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 10px;
    flex-wrap: wrap;
}

.geo-award {
    text-align: center;
    width: 100px;
    background: #000066;
    border: 2px ridge #6699ff;
    padding: 8px;
}

.geo-award-title {
    color: #ffff00;
    font-size: 11px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 1.3;
}

.geo-award-graphic {
    color: #ffcc00;
    font-size: 28px;
    font-family: "Courier New", monospace;
    font-weight: bold;
    line-height: 1;
    margin: 4px 0;
}

/* ============================================================
   GUESTBOOK
   ============================================================ */
.geo-guestbook {
    background: #000044;
    border: 2px solid #3366ff;
    padding: 12px;
    margin: 10px 0;
}

.geo-guestbook-entry {
    border-bottom: 1px dashed #3366ff;
    padding: 8px 0;
    margin-bottom: 8px;
}

.geo-guestbook-entry b {
    color: #00ffff;
}

.geo-guestbook-entry i {
    color: #808080;
    font-size: 12px;
}

.geo-guestbook-form {
    margin-top: 10px;
}

.geo-guestbook-form input[type="text"],
.geo-guestbook-form textarea {
    background: #000066;
    color: #00ff00;
    border: 1px solid #3366ff;
    padding: 4px;
    font-family: "Comic Sans MS", cursive;
    margin: 4px 0;
}

.geo-guestbook-form input[type="submit"] {
    background: #3366ff;
    color: white;
    border: 2px outset #6699ff;
    padding: 4px 12px;
    font-family: "Comic Sans MS", cursive;
    cursor: pointer;
    margin-top: 6px;
}

/* ============================================================
   HIT COUNTER
   ============================================================ */
.geo-counter {
    text-align: center;
    margin: 15px 0;
}

.geo-counter-label {
    font-size: 12px;
    color: #808080;
}

.geo-counter-digits {
    display: inline-flex;
    gap: 2px;
    margin-top: 4px;
}

.geo-counter-digit {
    background: #000000;
    color: #00ff00;
    font-family: "Courier New", monospace;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 6px;
    border: 1px solid #333;
}

/* ============================================================
   BEST VIEWED BADGE
   ============================================================ */
.geo-badge {
    text-align: center;
    margin: 15px 0;
    padding: 10px;
    border: 2px solid #808080;
    background: #c0c0c0;
    color: #000000;
    display: inline-block;
    font-size: 11px;
    font-family: Arial, sans-serif;
}

.geo-badge strong {
    color: #000080;
}

/* ============================================================
   WEBRING
   ============================================================ */
.geo-webring {
    text-align: center;
    margin: 10px 0;
}

.geo-webring-box {
    display: inline-block;
    background: #ffffcc;
    border: 3px ridge #cc9900;
    padding: 10px 20px;
    color: #000000;
    font-size: 12px;
    font-family: "Comic Sans MS", cursive;
}

.geo-webring-box a {
    color: #0000ff;
}

.geo-webring-box b {
    color: #800000;
}

/* ============================================================
   DISCLAIMER
   ============================================================ */
.geo-disclaimer {
    text-align: center;
    color: #666666;
    font-size: 9px;
    font-family: Arial, sans-serif;
    margin: 15px 20px;
    padding: 8px;
    border: 1px dashed #333366;
    font-style: italic;
}

/* ============================================================
   EMAIL LINK / CENTER
   ============================================================ */
.geo-email {
    text-align: center;
    margin: 10px 0;
}

.geo-center {
    text-align: center;
}

/* ============================================================
   LAST UPDATED TEXT
   ============================================================ */
.geo-updated {
    text-align: center;
    color: #808080;
    font-size: 11px;
    font-family: Arial, sans-serif;
    margin-top: 20px;
}

/* ============================================================
   LOTTERY POPUP
   ============================================================ */
.geo-lottery-popup {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    background: #c0c0c0;
    border: 3px outset #ffffff;
    box-shadow: 4px 4px 0 #000000;
    z-index: 9999;
    font-family: Arial, sans-serif;
}

.geo-lottery-titlebar {
    background: linear-gradient(to right, #000080, #1084d0);
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
    user-select: none;
}

.geo-lottery-close {
    background: #c0c0c0;
    border: 2px outset #ffffff;
    width: 16px;
    height: 14px;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #000;
    flex-shrink: 0;
}

.geo-lottery-close:hover {
    background: #dfdfdf;
}

.geo-lottery-body {
    padding: 16px;
    text-align: center;
    color: #000000;
}

.geo-lottery-body p {
    margin: 6px 0;
}

.geo-lottery-prize {
    font-size: 22px;
    font-weight: bold;
    color: #ff0000;
    animation: pulse-badge 0.6s ease-in-out infinite;
    display: block;
    margin: 10px 0;
}

.geo-lottery-btn {
    background: #000080;
    color: #ffffff;
    border: 2px outset #6699ff;
    padding: 6px 18px;
    font-family: "Comic Sans MS", cursive;
    font-size: 13px;
    cursor: pointer;
    margin-top: 10px;
}

.geo-lottery-btn:hover {
    background: #0000aa;
}

/* ============================================================
   "NOT A VIRUS" LINK
   ============================================================ */
.geo-virus-link {
    display: inline-block;
    background: #ffff00;
    color: #ff0000 !important;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 10px;
    border: 2px outset #cccc00;
    text-decoration: none !important;
    cursor: pointer;
    animation: pulse-badge 1.2s ease-in-out infinite;
    font-family: Arial, sans-serif;
}

.geo-virus-link:hover {
    background: #ffcc00;
    color: #cc0000 !important;
}

/* ============================================================
   PHOTO PLACEHOLDER (for GIFs/photos to be dropped in)
   ============================================================ */
.geo-photo {
    display: inline-block;
    border: 3px ridge #808080;
    margin: 6px;
    vertical-align: top;
    background: #000000;
    overflow: hidden;
}

.geo-photo img {
    display: block;
    max-width: 100%;
}

.geo-photo-caption {
    color: #ffff00;
    font-size: 10px;
    font-family: Arial, sans-serif;
    text-align: center;
    font-style: italic;
    padding: 2px 4px;
    background: #000033;
}

/* ============================================================
   BRITNEY SPEARS FAN PAGE — two-col layout
   Hot pink / purple 90s pop aesthetic
   ============================================================ */
.britney-page {
    background: #1a0033;
}

.britney-page .geo-section-header {
    color: #ff99cc;
    text-shadow: 2px 2px 0 #cc0066;
}

.britney-page .geo-about-table {
    border-color: #ff66cc;
    background: #1a0033;
}

.britney-page .geo-about-table td {
    color: #ffccee;
}

.britney-page .geo-sloth-facts {
    background: #2d0044;
    border-color: #ff66cc;
}

.britney-page .geo-link-list a {
    color: #ff99cc;
}

.britney-page .geo-link-list a:hover {
    color: #ffff00;
}

.britney-page .geo-guestbook {
    background: #2d0044;
    border-color: #ff66cc;
}

.britney-page .geo-guestbook-entry b {
    color: #ff99cc;
}

.britney-page .geo-guestbook-form input[type="text"],
.britney-page .geo-guestbook-form textarea {
    background: #1a0033;
    color: #ff99cc;
    border-color: #ff66cc;
}

.britney-page .geo-guestbook-form input[type="submit"] {
    background: #cc0066;
    border-color: #ff99cc;
}

.britney-page .geo-marquee {
    border-color: #ff66cc;
    background: #2d0044;
    color: #ff99cc;
}

.britney-page .geo-midi-notice {
    background: #2d0044;
    border-color: #ff66cc;
}

/* Britney grid layout */
.britney-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 10px 0;
}

.britney-card {
    background: #2d0044;
    border: 2px solid #ff66cc;
    padding: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #ffccee;
}

.britney-card h4 {
    color: #ff99cc;
    margin: 0 0 8px;
    font-size: 13px;
    border-bottom: 1px dashed #ff66cc;
    padding-bottom: 4px;
}

/* ============================================================
   LEONARDO DICAPRIO FAN PAGE — tabbed layout
   Navy blue / ocean aesthetic (Titanic vibes)
   ============================================================ */
.leo-page {
    background: #000820;
}

.leo-page .geo-section-header {
    color: #99ccff;
    text-shadow: 2px 2px 0 #003399;
}

.leo-page .geo-about-table {
    border-color: #3366ff;
    background: #000820;
}

.leo-page .geo-about-table td {
    color: #cce0ff;
}

.leo-page .geo-sloth-facts {
    background: #000d33;
    border-color: #3366ff;
}

.leo-page .geo-link-list a {
    color: #99ccff;
}

.leo-page .geo-link-list a:hover {
    color: #ffff00;
}

.leo-page .geo-guestbook {
    background: #000d33;
    border-color: #3366ff;
}

.leo-page .geo-guestbook-entry b {
    color: #99ccff;
}

.leo-page .geo-guestbook-form input[type="text"],
.leo-page .geo-guestbook-form textarea {
    background: #000820;
    color: #99ccff;
    border-color: #3366ff;
}

.leo-page .geo-guestbook-form input[type="submit"] {
    background: #003399;
    border-color: #6699ff;
}

.leo-page .geo-marquee {
    border-color: #3366ff;
    background: #000d33;
    color: #99ccff;
}

.leo-page .geo-midi-notice {
    background: #000d33;
    border-color: #3366ff;
}

/* Leo tab layout */
.leo-tabs {
    display: flex;
    gap: 2px;
    margin-bottom: 0;
    border-bottom: 2px solid #3366ff;
}

.leo-tab-btn {
    background: #000d33;
    color: #99ccff;
    border: 2px solid #3366ff;
    border-bottom: none;
    padding: 4px 12px;
    font-family: "Comic Sans MS", cursive;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    bottom: -2px;
}

.leo-tab-btn.active {
    background: #000820;
    color: #ffffff;
    border-color: #6699ff;
    border-bottom: 2px solid #000820;
}

.leo-tab-panel {
    display: none;
    background: #000820;
    border: 2px solid #3366ff;
    border-top: none;
    padding: 12px;
    color: #cce0ff;
    font-size: 13px;
}

.leo-tab-panel.active {
    display: block;
}

/* ASCII art photo frames */
.leo-photo-frame {
    text-align: center;
    background: #000d33;
    border: 2px ridge #3366ff;
    padding: 10px;
    min-width: 130px;
    display: inline-block;
    margin: 6px;
    vertical-align: top;
}

.leo-ascii-photo {
    font-family: "Courier New", monospace;
    font-size: 13px;
    color: #99ccff;
    line-height: 1.4;
    text-align: left;
    display: inline-block;
    white-space: pre;
}

.leo-photo-caption {
    color: #ffff00;
    font-size: 11px;
    font-family: "Comic Sans MS", cursive;
    margin-top: 6px;
    line-height: 1.4;
}

/* ============================================================
   STAR WARS FAN PAGE — dark space / terminal aesthetic
   Black background, green text, ASCII art
   ============================================================ */
.starwars-page {
    background: #000000;
    color: #00cc44;
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
}

.starwars-page a {
    color: #00ff88;
}

.starwars-page a:hover {
    color: #ffff00;
}

.starwars-page .geo-section-header {
    color: #ffe81f;
    font-family: "Courier New", monospace;
    text-shadow: 0 0 8px #ffe81f;
    letter-spacing: 3px;
}

.starwars-page .geo-marquee {
    border-color: #ffe81f;
    background: #000011;
    color: #ffe81f;
    font-family: "Courier New", monospace;
}

.starwars-page .geo-midi-notice {
    background: #000011;
    border-color: #ffe81f;
    color: #ffe81f;
    font-family: "Courier New", monospace;
}

.starwars-page .geo-guestbook {
    background: #000011;
    border-color: #00cc44;
}

.starwars-page .geo-guestbook-entry b {
    color: #ffe81f;
}

.starwars-page .geo-guestbook-form input[type="text"],
.starwars-page .geo-guestbook-form textarea {
    background: #000000;
    color: #00cc44;
    border-color: #00cc44;
    font-family: "Courier New", monospace;
}

.starwars-page .geo-guestbook-form input[type="submit"] {
    background: #004400;
    border-color: #00cc44;
    font-family: "Courier New", monospace;
}

.sw-opening-crawl {
    background: #000000;
    color: #ffe81f;
    font-family: "Courier New", monospace;
    font-size: 12px;
    text-align: center;
    padding: 16px;
    border: 2px solid #ffe81f;
    margin: 10px 0;
    letter-spacing: 1px;
    line-height: 1.8;
}

.sw-ascii-art {
    font-family: "Courier New", monospace;
    font-size: 11px;
    color: #ffe81f;
    text-align: center;
    white-space: pre;
    line-height: 1.3;
    background: #000000;
    padding: 10px;
    border: 1px solid #333;
    display: inline-block;
    text-shadow: 0 0 4px #ffe81f;
}

.sw-stats-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Courier New", monospace;
    font-size: 12px;
}

.sw-stats-table td {
    padding: 4px 8px;
    border: 1px solid #003300;
    vertical-align: top;
}

.sw-stats-table td:first-child {
    color: #ffe81f;
    width: 38%;
    white-space: nowrap;
}

.sw-stats-table td:last-child {
    color: #00cc44;
}

.sw-poll-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    font-family: "Courier New", monospace;
    font-size: 12px;
}

.sw-poll-bar {
    height: 10px;
    background: #ffe81f;
    display: inline-block;
}

.sw-terminal-box {
    background: #000000;
    border: 2px solid #00cc44;
    padding: 12px 16px;
    font-family: "Courier New", monospace;
    font-size: 12px;
    color: #00cc44;
    margin: 10px 0;
}

.sw-terminal-box .sw-prompt {
    color: #ffe81f;
}

/* ============================================================
   POKEMON FAN PAGE — bright kawaii / pastel aesthetic
   Yellow/red with Pokémon card layout
   ============================================================ */
.pokemon-page {
    background: #fff9e6;
    color: #333333;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 13px;
}

.pokemon-page a {
    color: #cc0000;
}

.pokemon-page a:hover {
    color: #ff6600;
}

.pokemon-page .geo-section-header {
    color: #cc0000;
    text-shadow: 2px 2px 0 #ffcc00;
    font-size: 18px;
}

.pokemon-page .rainbow-hr {
    background: linear-gradient(to right, #cc0000, #ff6600, #ffcc00, #33cc33, #3399ff, #9933cc);
}

.pokemon-page .geo-marquee {
    background: #cc0000;
    border-color: #ffcc00;
    color: #ffff00;
}

.pokemon-page .geo-midi-notice {
    background: #ffcc00;
    border-color: #cc0000;
    color: #000000;
}

.pokemon-page .geo-guestbook {
    background: #fff3cc;
    border-color: #cc0000;
    color: #333;
}

.pokemon-page .geo-guestbook-entry {
    border-bottom-color: #ffcc00;
}

.pokemon-page .geo-guestbook-entry b {
    color: #cc0000;
}

.pokemon-page .geo-guestbook-form input[type="text"],
.pokemon-page .geo-guestbook-form textarea {
    background: #fffde0;
    color: #333333;
    border-color: #cc0000;
}

.pokemon-page .geo-guestbook-form input[type="submit"] {
    background: #cc0000;
    border-color: #ff6666;
}

.pokemon-page .geo-counter-digit {
    background: #cc0000;
    color: #ffcc00;
}

.pokemon-page .geo-badge {
    background: #ffcc00;
    border-color: #cc0000;
    color: #000000;
}

.pokemon-page .geo-badge strong {
    color: #cc0000;
}

.pokemon-page .geo-webring-box {
    background: #ffcc00;
    border-color: #cc0000;
}

.poke-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 12px 0;
}

.poke-card {
    background: #ffcc00;
    border: 3px solid #cc0000;
    border-radius: 6px;
    padding: 8px;
    text-align: center;
    font-size: 11px;
    font-family: Arial, sans-serif;
    box-shadow: 3px 3px 0 #aa8800;
}

.poke-card-name {
    font-weight: bold;
    color: #cc0000;
    font-size: 13px;
    font-family: "Comic Sans MS", cursive;
    margin-bottom: 4px;
}

.poke-card-sprite {
    font-size: 28px;
    line-height: 1;
    margin: 4px 0;
}

.poke-card-type {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    margin: 2px 1px;
}

.poke-card-hp {
    color: #cc0000;
    font-weight: bold;
    font-size: 11px;
    margin-top: 4px;
}

.poke-type-fire    { background: #ff4400; }
.poke-type-water   { background: #3399ff; }
.poke-type-grass   { background: #33aa33; }
.poke-type-electric{ background: #cc9900; }
.poke-type-psychic { background: #cc33cc; }
.poke-type-normal  { background: #888888; }
.poke-type-ghost   { background: #553366; }

.poke-my-team {
    background: #fff3cc;
    border: 3px double #cc0000;
    padding: 12px;
    margin: 12px 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.poke-my-team h4 {
    color: #cc0000;
    font-size: 15px;
    font-family: "Comic Sans MS", cursive;
    margin: 0 0 8px;
    text-align: center;
    border-bottom: 2px solid #ffcc00;
    padding-bottom: 4px;
}

.poke-team-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
    border-bottom: 1px dashed #ffcc00;
}

.poke-team-num {
    color: #888;
    font-size: 11px;
    width: 16px;
    text-align: right;
}

.poke-team-icon {
    font-size: 18px;
}

.poke-team-name {
    font-weight: bold;
    color: #cc0000;
    flex: 1;
}

.poke-team-level {
    color: #666;
    font-size: 11px;
}

.poke-news-box {
    background: #cc0000;
    color: #ffff00;
    padding: 10px 14px;
    margin: 10px 0;
    font-family: "Comic Sans MS", cursive;
    font-size: 13px;
    border: 3px outset #ff6666;
}

.poke-news-box h4 {
    margin: 0 0 6px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.poke-news-box ul {
    margin: 0;
    padding-left: 18px;
}

.poke-news-box li {
    margin: 4px 0;
}