body{background:#d6d6d6;font-family:monospace;margin:0;position:relative}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,0,0.15) 3px,rgba(0,255,0,0.15) 6px);z-index:1000;animation:flicker 0.15s infinite linear}
body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");z-index:999}

.social-link {
  text-align: center;
  margin-bottom: 10px;
  padding: 8px;
  background: #111;
  border: 1px solid #333;
  position: relative;
  z-index: 10;
}

.social-link a {
  color: #ff0;
  text-decoration: none;
  font-family: monospace;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  transition: color 0.3s;
}

.social-link a:hover {
  color: #fff;
  text-shadow: 0 0 5px #ff0;
}

.contract-address {
  text-align: center;
  margin-bottom: 10px;
  padding: 6px;
  background: #222;
  border: 1px solid #444;
  color: #ccc;
  font-family: monospace;
  font-size: 10px;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 10;
}
.frame{max-width:800px;margin:10px auto;border:3px solid #000;padding:6px;background:#eee}
@media (max-width: 768px) {
  .frame{margin:10px;padding:8px}
}
.bar{border:3px solid #000;padding:6px;background:#f4f4f4}
.logo{font-size:48px;color:green;margin:0}
@media (max-width: 768px) {
  .logo{font-size:36px}
}
.headline{text-align:center;border:3px solid #000;padding:6px;margin:8px 0;font-size:16px}
@media (max-width: 768px) {
  .headline{font-size:14px;padding:6px;margin:8px 0}
}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
@media (max-width: 768px) {
  .grid{grid-template-columns:1fr;gap:16px}
}
.panel{border:3px solid #000;padding:4px;background:#fff}
.lcd{background:#111;color:#0f0;font-size:32px;text-align:center;padding:10px;transition:color 0.2s}
@media (max-width: 768px) {
  .lcd{font-size:24px;padding:8px}
}
.lcd.red{color:#f00 !important;}
.lcd.green{color:#0f0 !important;}
.btn{display:block;width:100%;padding:14px;font-size:28px;margin:12px 0;border:3px solid #000;background:#ddd;cursor:pointer;transition:background-color 0.1s}
@media (max-width: 768px) {
  .btn{padding:18px;font-size:24px;margin:16px 0}
}
.btn.clicked{background:#ff0000 !important;}
.auto-btn{
  background:#2a2a2a !important;
  color:#ff0 !important;
  border-color:#ff0 !important;
}
.auto-btn:hover{
  background:#ff0 !important;
  color:#000 !important;
}
.auto-btn:disabled{
  background:#333 !important;
  color:#666 !important;
  border-color:#666 !important;
}
/* DISCLAIMER SECTION */
.disclaimer-section {
  margin-top: 10px;
  margin-bottom: 5px;
  border: 1px solid #666;
  background: #222;
}

.disclaimer-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: #333;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s;
}

.disclaimer-toggle:hover {
  background: #444;
}

.disclaimer-title {
  color: #ff0;
  font-family: monospace;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
}

.disclaimer-arrow {
  color: #ff0;
  font-size: 10px;
  transition: transform 0.3s;
}

.disclaimer-arrow.rotated {
  transform: rotate(180deg);
}

.disclaimer-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background: #111;
}

.disclaimer-content.expanded {
  max-height: 600px;
}

.disclaimer-text {
  padding: 12px;
  color: #ccc;
  font-family: monospace;
  font-size: 8px;
  line-height: 1.3;
  border-left: 2px solid #ff0;
  margin-left: 8px;
}

.disclaimer-text p {
  margin: 8px 0;
  text-align: left;
}

.disclaimer-text strong {
  color: #ff0;
  font-weight: bold;
}

.warning{margin-top:14px;border:3px solid #000;background:#222;color:#0f0;text-align:center;padding:10px;font-size:20px}
.evidence{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.evidence img{
  max-width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:grayscale(100%);
  transition:filter 0.1s ease;
}
.evidence img.flash-red{
  filter:grayscale(0%) hue-rotate(0deg) saturate(2) brightness(1.5) sepia(1) contrast(2) !important;
}
.georgie img{max-width:100%;width:100%;height:auto;object-fit:contain;display:block;filter:grayscale(1) contrast(1.5)}
@keyframes flicker{0%{opacity:1}98%{opacity:1}99%{opacity:0.98}100%{opacity:1}}
.feed-container{margin:8px 0 12px 0;border:3px solid #000;background:#000;color:#0f0;font-family:monospace}
.feed-header{background:#111;color:#0f0;padding:4px 8px;font-weight:bold;font-size:14px}
.feed{height:120px;overflow-y:auto;overflow-x:hidden;padding:6px;font-size:12px;line-height:1.3}
.feed-line{margin:1px 0;white-space:nowrap}
@media (max-width: 768px) {
  .feed-container{margin:8px 0;border:2px solid #000}
  .feed-header{padding:4px 6px;font-size:12px}
  .feed{height:100px;overflow-y:auto;overflow-x:hidden;padding:4px;font-size:10px;line-height:1.2}
  .feed-line{margin:0.5px 0}
}
.feed-line.cia{color:#ff6666}
.feed-line.system{color:#66ff66}
.feed-line.alert{color:#ffff66}
.feed-line.bonus{color:#ff6600}
.feed-line.fbi{color:#ff3333}
.feed-line.nsa{color:#9966ff}
.feed-line.dhs{color:#ff9933}
.feed-line.dod{color:#33ffff}
.feed-line.norad{color:#33ff99}
.feed-line.darpa{color:#ff33ff}
.feed-line.sec{color:#ffff99}
.feed-line.chaos{color:#ff0099}
.feed-line.news{color:#ffffff}
.brand-label{font-size:24px;font-weight:bold;color:green;text-align:center;margin:8px 0 4px 0;font-family:monospace}
.wallet{
  background:#000;
  border:2px solid #666;
  padding:15px;
  margin-top:15px;
  text-align:center;
}
.wallet-btn{
  background:#1a472a;
  color:#0f0;
  border:2px solid #0f0;
  padding:8px 16px;
  cursor:pointer;
  font-family:monospace;
  font-weight:bold;
  margin:10px 0;
  transition:all 0.2s;
}
@media (max-width: 768px) {
  .wallet-btn{padding:12px 20px;font-size:16px}
}
.wallet-btn:hover{
  background:#0f0;
  color:#000;
}
.wallet-btn:disabled{
  background:#333;
  color:#666;
  border-color:#666;
  cursor:not-allowed;
}
.wallet-status{
  color:#f00;
  font-family:monospace;
  font-size:12px;
  margin:5px 0;
}
.wallet-status.connected{
  color:#0f0;
}
.wallet-address{
  color:#0f0;
  font-family:monospace;
  font-size:10px;
  word-break:break-all;
  margin:5px 0;
}
.sol-balance{
  color:#ff0;
  font-family:monospace;
  font-size:12px;
  font-weight:bold;
}
.winnings-display{
  color:#00ff88;
  font-family:monospace;
  font-size:11px;
  font-weight:bold;
  margin:3px 0;
  text-align:left;
}

.bonus-status{
  font-family:monospace;
  font-size:11px;
  font-weight:bold;
  margin-top:8px;
  padding:4px;
  text-align:center;
  border:1px solid;
}
.bonus-status.active{
  color:#ff6600;
  border-color:#ff6600;
  background:rgba(255,102,0,0.1);
  animation:bonusPulse 2s infinite;
}
.bonus-status.inactive{
  color:#666;
  border-color:#666;
}
@keyframes bonusPulse{
  0%{opacity:1}
  50%{opacity:0.6}
  100%{opacity:1}
}

/* Screen shake effect */
@keyframes screenShake{
  0%{transform:translate(0)}
  10%{transform:translate(-2px, 1px) rotate(0.5deg)}
  20%{transform:translate(-1px, -2px) rotate(-0.5deg)}
  30%{transform:translate(2px, 0px) rotate(0.5deg)}
  40%{transform:translate(1px, -1px) rotate(-0.5deg)}
  50%{transform:translate(-1px, 1px) rotate(0.5deg)}
  60%{transform:translate(-2px, 1px) rotate(-0.5deg)}
  70%{transform:translate(2px, 1px) rotate(0.5deg)}
  80%{transform:translate(-1px, -1px) rotate(-0.5deg)}
  90%{transform:translate(1px, 2px) rotate(0.5deg)}
  100%{transform:translate(0)}
}

.shake{
  animation:screenShake 0.6s ease-in-out;
}

/* Scrambled text animation */
@keyframes scramble{
  0%{opacity:1}
  25%{opacity:0.7}
  50%{opacity:1}
  75%{opacity:0.8}
  100%{opacity:1}
}

.scrambling{
  animation:scramble 0.1s infinite;
  color:#ff3333 !important;
}

/* CHAOS MODE EFFECTS */
@keyframes chaosFlash{
  0%{filter:grayscale(0%) hue-rotate(0deg) saturate(3) brightness(2) sepia(1) contrast(3) !important;}
  50%{filter:grayscale(100%) contrast(2) brightness(0.5) !important;}
  100%{filter:grayscale(0%) hue-rotate(0deg) saturate(3) brightness(2) sepia(1) contrast(3) !important;}
}

@keyframes chaosVibrate{
  0%{transform:translate(0)}
  10%{transform:translate(-1px, 1px) rotate(0.2deg)}
  20%{transform:translate(1px, -1px) rotate(-0.2deg)}
  30%{transform:translate(-1px, -1px) rotate(0.2deg)}
  40%{transform:translate(1px, 1px) rotate(-0.2deg)}
  50%{transform:translate(-1px, 1px) rotate(0.2deg)}
  60%{transform:translate(1px, -1px) rotate(-0.2deg)}
  70%{transform:translate(-1px, -1px) rotate(0.2deg)}
  80%{transform:translate(1px, 1px) rotate(-0.2deg)}
  90%{transform:translate(-1px, 1px) rotate(0.2deg)}
  100%{transform:translate(0)}
}

@keyframes chaosTextGlitch{
  0%{color:#ff0000; text-shadow:2px 2px #00ff00, -2px -2px #0000ff;}
  25%{color:#00ff00; text-shadow:2px 2px #ff0000, -2px -2px #ffff00;}
  50%{color:#0000ff; text-shadow:2px 2px #ff00ff, -2px -2px #ff0000;}
  75%{color:#ffff00; text-shadow:2px 2px #00ffff, -2px -2px #ff0000;}
  100%{color:#ff0000; text-shadow:2px 2px #00ff00, -2px -2px #0000ff;}
}

@keyframes chaosBackground{
  0%{background:#eee;}
  25%{background:#ffcccc;}
  50%{background:#ccffcc;}
  75%{background:#ccccff;}
  100%{background:#eee;}
}

.chaos-mode .evidence img{
  animation:chaosFlash 0.3s infinite !important;
}

.chaos-mode .georgie img{
  animation:chaosFlash 0.2s infinite !important;
}

.chaos-mode .frame{
  animation:chaosVibrate 0.1s infinite, chaosBackground 2s infinite;
}

.chaos-mode .headline{
  animation:chaosTextGlitch 0.5s infinite;
}

.chaos-mode .logo{
  animation:chaosTextGlitch 0.7s infinite;
}

.chaos-mode .lcd{
  animation:chaosTextGlitch 0.4s infinite;
}

.chaos-mode .feed{
  border:3px solid #ff0000 !important;
  background:#330000 !important;
  animation:chaosVibrate 0.05s infinite;
}
