/* geocities.css
   Theme-specific rules extracted from the original working base CSS.
*/

body.geocities{--bg:#000080;--bg2:#000066;--bg3:#ffffff;
  --accent:#ffff00;--accent2:#ff00ff;--accent3:#ff0000;
  --text:#ffffff;--text2:#aaaaff;--text-inv:#000080;
  --bl:#aaaaff;--bd:#0000aa;--bdd:#000044;
  --tb-bg:linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#0000ff,#ff00ff);
  --tb-text:#ffffff;
  --btn:#000080;
  --font:"Comic Sans MS","Chalkboard SE",cursive;
  --font-d:"Comic Sans MS","Chalkboard SE",cursive;
  --wr:0;--br:0;
  /* Tiled starfield background */
  background:#000080 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Crect width='100' height='100' fill='%23000080'/%3E%3Ccircle cx='10' cy='15' r='1' fill='white' opacity='0.8'/%3E%3Ccircle cx='35' cy='8' r='0.8' fill='white' opacity='0.6'/%3E%3Ccircle cx='60' cy='25' r='1.2' fill='white' opacity='0.9'/%3E%3Ccircle cx='80' cy='5' r='0.7' fill='white' opacity='0.7'/%3E%3Ccircle cx='20' cy='45' r='1' fill='white' opacity='0.5'/%3E%3Ccircle cx='75' cy='55' r='0.9' fill='white' opacity='0.8'/%3E%3Ccircle cx='45' cy='70' r='1.1' fill='white' opacity='0.6'/%3E%3Ccircle cx='90' cy='80' r='0.8' fill='white' opacity='0.7'/%3E%3Ccircle cx='15' cy='85' r='1' fill='white' opacity='0.9'/%3E%3Ccircle cx='55' cy='92' r='0.7' fill='white' opacity='0.5'/%3E%3C/svg%3E");
  font-family:var(--font);
  font-size:13px;
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='24' font-size='24'%3E⭐%3C/text%3E%3C/svg%3E") 16 16, auto;}
body.geocities .window{border:3px solid #ffff00;
  background:#000080;
  box-shadow:4px 4px 0 #ff00ff, 8px 8px 0 #00ffff;}
body.geocities .titlebar{background:linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#0088ff,#ff00ff);
  padding:5px 8px;
  border-bottom:2px solid #ffff00;}
body.geocities .tb-title{color:#000000;
  font-family:"Comic Sans MS",cursive;
  font-size:13px;
  font-weight:bold;
  text-shadow:1px 1px 0 #ffffff;}
body.geocities .tb-btn{background:#ffff00;
  border:2px solid #ff0000;
  color:#ff0000;
  font-weight:bold;
  font-size:11px;
  width:20px;height:18px;}
body.geocities .wbody{background:#000080;
  padding:10px 12px;
  border:2px inset #aaaaff;}
body.geocities .site-title{font-family:"Comic Sans MS",cursive;
  font-size:38px;
  letter-spacing:2px;
  color:#ffff00;
  text-shadow:2px 2px 0 #ff00ff, 4px 4px 0 #00ffff;
  animation:geo-pulse 2s ease-in-out infinite;}
body.geocities .site-title .hi{color:#00ff00;}
body.geocities .site-title .dotnet{font-size:16px;color:#ff00ff;}
body.geocities .tagline{color:#00ffff;
  font-family:"Comic Sans MS",cursive;
  font-size:12px;
  letter-spacing:1px;}
body.geocities .date-lbl{color:#aaaaff;}
body.geocities .clock{font-family:"Comic Sans MS",cursive;
  font-size:26px;
  color:#ff00ff;
  text-shadow:1px 1px 0 #ffff00;}
body.geocities .site-hdr{border-bottom:3px solid #ffff00;
  padding-bottom:10px;
  margin-bottom:10px;}
body.geocities .site-hdr::after{content:"🚧 Under Construction 🚧";
  display:block;
  text-align:center;
  font-family:"Comic Sans MS",cursive;
  font-size:11px;
  color:#ffff00;
  margin-top:8px;
  animation:geo-blink 1s step-end infinite;}
body.geocities .sec-title{color:#00ff00;
  font-family:"Comic Sans MS",cursive;
  font-size:13px;
  text-transform:none;
  letter-spacing:0;}
body.geocities button.collapse-btn{border-color:#0000aa;}
body.geocities .sec-hdr-wrap{border-color:#ffff00;}
body.geocities .sc{background:#000066;
  border:2px solid #ff00ff;
  box-shadow:2px 2px 0 #ffff00;}
body.geocities .sc:hover{border-color:#00ffff;}
body.geocities .si input{background:#000044;
  border:2px inset #aaaaff;
  color:#ffffff;
  font-family:"Comic Sans MS",cursive;
  font-size:12px;}
body.geocities .si input::placeholder{color:#aaaaff;}
body.geocities .si input:focus{border-color:#ffff00;outline:none;}
body.geocities .si button{background:#ff00ff;
  border:2px outset #ff88ff;
  color:#000000;
  font-family:"Comic Sans MS",cursive;
  font-weight:bold;
  font-size:11px;}
body.geocities .si button:hover{background:#ff88ff;}
body.geocities .esig{color:#ffff00;font-size:16px;}
body.geocities .ename{color:#aaaaff;font-size:10px;}
body.geocities .sl{background:#000066;
  border:2px solid #00ffff;
  color:#ffffff;
  box-shadow:2px 2px 0 #ff00ff;}
body.geocities .sl:hover{background:#000088;border-color:#ffff00;}
body.geocities .sl .lbl{color:#aaaaff;font-family:"Comic Sans MS",cursive;font-size:10px;}
body.geocities .sl .ico{font-size:18px;}
body.geocities .theme-bar,body.geocities button.collapse-btn{background:#000066;
  border:2px solid #0000aa;}
body.geocities .tbtn{background:#000044;
  border:2px outset #aaaaff;
  color:#ffff00;
  font-family:"Comic Sans MS",cursive;
  font-size:11px;}
body.geocities .tbtn.active{background:#ff00ff;
  color:#000000;
  border:2px inset #ff88ff;}
body.geocities .tbtn:hover{background:#000088;color:#00ffff;}
body.geocities .add-btn{background:#ff0000;
  border:2px outset #ff8888;
  color:#ffff00;
  font-family:"Comic Sans MS",cursive;
  font-weight:bold;}
body.geocities .profile-card{background:#000066;
  border:2px solid #ff00ff;}
body.geocities .profile-card:hover{background:#000088;border-color:#ffff00;}
body.geocities .profile-card .p-name{color:#00ff00;font-family:"Comic Sans MS",cursive;}
body.geocities .profile-card.active-profile{border-color:#ffff00 !important;background:#000044 !important;}
body.geocities .taskbar{background:linear-gradient(90deg,#000044,#000088,#000044);
  border-top:3px solid #ffff00;
  height:40px;
  animation:geo-taskbar 4s linear infinite;}
body.geocities .start-btn{background:linear-gradient(180deg,#ffff00,#ff8800);
  border:2px outset #ffff88;
  color:#000000;
  font-family:"Comic Sans MS",cursive;
  font-weight:bold;
  font-size:12px;
  height:28px;
  padding:0 12px;}
body.geocities .start-btn:hover{background:linear-gradient(180deg,#ff8800,#ffff00);}
body.geocities .tb-clock{background:transparent;
  border:none;
  color:#00ffff;
  font-family:"Comic Sans MS",cursive;
  font-size:11px;}
body.geocities .modal{background:#000080;
  border:3px solid #ffff00;
  box-shadow:4px 4px 0 #ff00ff;}
body.geocities .modal-body p,body.geocities .modal-body label,body.geocities .setting-name{color:#ffffff !important;font-family:"Comic Sans MS",cursive;}
body.geocities .setting-desc{color:#aaaaff !important;}
body.geocities .modal-btns button{background:#ff00ff;
  border:2px outset #ff88ff;
  color:#000000;
  font-family:"Comic Sans MS",cursive;
  font-weight:bold;}
body.geocities .modal-btns button.primary{background:#ffff00;border-color:#ffff88;}
body.geocities .footer-geo-counter{display:inline-block;
  background:#000000;
  border:2px inset #aaaaff;
  color:#00ff00;
  font-family:"Share Tech Mono",monospace;
  font-size:14px;
  padding:2px 8px;
  letter-spacing:3px;
  margin-top:4px;}