*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Times New Roman", Times, serif;font-size:16px;color:#000;background:#C0C0C0}
img{display:block;max-width:100%}
hr{border:none;border-top:1px solid #808080;margin:8px 0;width:100%}
h1,h2,h3,p{margin:0 0 8px 0}
a{color:#1a0dab}
mark{background:#FFFF00}
input{font-family:inherit;font-size:inherit}
button{font-family:inherit;cursor:pointer}
a.navbtn{text-decoration:none;display:inline-block}
.ticker{overflow:hidden;white-space:nowrap;position:relative}
.tick-inner{display:inline-block;will-change:transform;animation:tick 60s linear infinite}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tick-inner{animation:none}}

body{background-color:#C0C0C0;font-family:"Times New Roman", Times, serif;color:#000000}
.wrap{width:100%;display:flex;flex-direction:row;justify-content:center;gap:16px}
.rail{width:150px;display:flex;flex-direction:column;gap:16px;padding-top:16px;padding-bottom:16px}
.page{width:900px;display:flex;flex-direction:column;gap:16px;padding:16px}
.hl{background-color:#FFFF00;color:#000000;font-size:20px;font-weight:700;padding:8px}
.sheet{background-color:#FFFFFF;border-width:2px;border-style:solid;border-color:#000000;padding:24px;display:flex;flex-direction:column;gap:16px}
.ticker{background-color:#000080;color:#FFFF00;font-family:"Courier New", Courier, monospace;font-size:18px;padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;width:100%;height:40px}
.navrow{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;background-color:#C0C0C0;border-width:2px;border-style:solid;border-color:#808080;padding:8px}
.navbtn{background-color:#C0C0C0;color:#000000;border-width:2px;border-style:solid;border-color:#404040;padding-left:12px;padding-right:12px;padding-top:4px;padding-bottom:4px;font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:16px;border-radius:0;cursor:pointer}
.navbtn:hover{background-color:#DFDFDF}
.navbtn:active{background-color:#A0A0A0}
.headline{color:#FF0000;font-size:48px;font-weight:700;text-align:center}
.sub{color:#000080;font-size:30px;font-weight:700;text-align:center}
.shout{color:#FF0000;font-size:24px;font-weight:700;text-align:center}
.copy{font-size:20px}
.center{text-align:center}
.panel{border-width:2px;border-style:solid;border-color:#808080;padding:16px;display:flex;flex-direction:column;gap:12px}
.gold{border-width:4px;border-style:solid;border-color:#808000;background-color:#FFFFE0;padding:16px;display:flex;flex-direction:column;gap:12px}
.testi{border-width:2px;border-style:solid;border-color:#808080;background-color:#F0F0F0;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.counter{background-color:#000000;color:#00FF00;font-family:"Courier New", Courier, monospace;font-size:30px;padding-left:12px;padding-right:12px;padding-top:4px;padding-bottom:4px}
.stat{background-color:#000000;color:#00FF00;font-family:"Courier New", Courier, monospace;font-size:18px;padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px}
.cbox{display:flex;flex-direction:column;align-items:center}
.counterbox{display:flex;flex-direction:column;align-items:center;gap:8px;border-width:2px;border-style:solid;border-color:#808080;background-color:#DFDFDF;padding:12px}
.badge{background-color:#000080;color:#FFFFFF;font-family:"Courier New", Courier, monospace;font-size:14px;padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;border-width:1px;border-style:solid;border-color:#FFFFFF}
.footer{display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#808080;border-width:2px;border-style:solid;border-color:#404040;padding:16px;color:#FFFFFF;font-size:16px}
.fine{font-size:14px;color:#404040}
.cell{width:25.0%;border-width:1px;border-style:solid;border-color:#808080;padding:8px;font-size:16px}
.cellhead{width:25.0%;border-width:1px;border-style:solid;border-color:#808080;padding:8px;font-size:16px;font-weight:700;background-color:#000080;color:#FFFFFF}
.row{display:flex;flex-direction:row}
.blink{color:#FF0000;font-weight:700}

.active\:bg-\[\#A0A0A0\]:active{background-color:#A0A0A0}
.bg-\[\#000000\]{background-color:#000000}
.bg-\[\#000080\]{background-color:#000080}
.bg-\[\#808080\]{background-color:#808080}
.bg-\[\#C0C0C0\]{background-color:#C0C0C0}
.bg-\[\#CC0000\]{background-color:#CC0000}
.bg-\[\#DFDFDF\]{background-color:#DFDFDF}
.bg-\[\#F0F0F0\]{background-color:#F0F0F0}
.bg-\[\#F5F0E0\]{background-color:#F5F0E0}
.bg-\[\#FFFF00\]{background-color:#FFFF00}
.bg-\[\#FFFFE0\]{background-color:#FFFFE0}
.bg-\[\#FFFFFF\]{background-color:#FFFFFF}
.border{border-width:1px;border-style:solid}
.border-2{border-width:2px;border-style:solid}
.border-4{border-width:4px;border-style:solid}
.border-\[\#000000\]{border-color:#000000}
.border-\[\#000080\]{border-color:#000080}
.border-\[\#404040\]{border-color:#404040}
.border-\[\#808000\]{border-color:#808000}
.border-\[\#808080\]{border-color:#808080}
.border-\[\#CC0000\]{border-color:#CC0000}
.border-\[\#FF0000\]{border-color:#FF0000}
.border-\[\#FFFFFF\]{border-color:#FFFFFF}
.cursor-pointer{cursor:pointer}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.font-bold{font-weight:700}
.font-mono{font-family:"Courier New", Courier, monospace}
.font-sans{font-family:Arial, Helvetica, sans-serif}
.font-serif{font-family:"Times New Roman", Times, serif}
.gap-1{gap:4px}
.gap-2{gap:8px}
.gap-3{gap:12px}
.gap-4{gap:16px}
.h-\[105px\]{height:105px}
.h-\[110px\]{height:110px}
.h-\[119px\]{height:119px}
.h-\[120px\]{height:120px}
.h-\[126px\]{height:126px}
.h-\[130px\]{height:130px}
.h-\[144px\]{height:144px}
.h-\[150px\]{height:150px}
.h-\[158px\]{height:158px}
.h-\[160px\]{height:160px}
.h-\[191px\]{height:191px}
.h-\[192px\]{height:192px}
.h-\[200px\]{height:200px}
.h-\[220px\]{height:220px}
.h-\[225px\]{height:225px}
.h-\[240px\]{height:240px}
.h-\[280px\]{height:280px}
.h-\[281px\]{height:281px}
.h-\[287px\]{height:287px}
.h-\[344px\]{height:344px}
.h-\[40px\]{height:40px}
.h-\[64px\]{height:64px}
.h-\[70px\]{height:70px}
.h-\[71px\]{height:71px}
.h-\[80px\]{height:80px}
.hover\:bg-\[\#DFDFDF\]:hover{background-color:#DFDFDF}
.items-center{align-items:center}
.justify-center{justify-content:center}
.p-2{padding:8px}
.p-3{padding:12px}
.p-4{padding:16px}
.p-6{padding:24px}
.px-2{padding-left:8px;padding-right:8px}
.px-3{padding-left:12px;padding-right:12px}
.py-1{padding-top:4px;padding-bottom:4px}
.py-2{padding-top:8px;padding-bottom:8px}
.py-4{padding-top:16px;padding-bottom:16px}
.rounded-none{border-radius:0}
.text-2xl{font-size:24px}
.text-3xl{font-size:30px}
.text-5xl{font-size:48px}
.text-\[\#000000\]{color:#000000}
.text-\[\#000080\]{color:#000080}
.text-\[\#008000\]{color:#008000}
.text-\[\#00FF00\]{color:#00FF00}
.text-\[\#404040\]{color:#404040}
.text-\[\#CC0000\]{color:#CC0000}
.text-\[\#FF0000\]{color:#FF0000}
.text-\[\#FFFF00\]{color:#FFFF00}
.text-\[\#FFFFFF\]{color:#FFFFFF}
.text-base{font-size:16px}
.text-center{text-align:center}
.text-lg{font-size:18px}
.text-sm{font-size:14px}
.text-xl{font-size:20px}
.w-1\/4{width:25.0%}
.w-\[127px\]{width:127px}
.w-\[150px\]{width:150px}
.w-\[160px\]{width:160px}
.w-\[195px\]{width:195px}
.w-\[200px\]{width:200px}
.w-\[220px\]{width:220px}
.w-\[225px\]{width:225px}
.w-\[240px\]{width:240px}
.w-\[250px\]{width:250px}
.w-\[260px\]{width:260px}
.w-\[269px\]{width:269px}
.w-\[280px\]{width:280px}
.w-\[300px\]{width:300px}
.w-\[340px\]{width:340px}
.w-\[400px\]{width:400px}
.w-\[500px\]{width:500px}
.w-\[70px\]{width:70px}
.w-\[800px\]{width:800px}
.w-\[80px\]{width:80px}
.w-\[900px\]{width:900px}
.w-full{width:100%}

@media (max-width:1320px){
  .rail{display:none}
}
@media (max-width:940px){
  html,body{overflow-x:hidden}
  .page{width:100%;max-width:100%;padding:8px;gap:12px}
  .wrap{gap:0}
  .flex-row{flex-wrap:wrap;justify-content:center}
  .page *,.sheet *{min-width:0;max-width:100%}
  .page,.sheet,.panel,.gold,.testi,.counterbox,.check,.warn{min-width:0}
  p,h1,h2,h3,span,div{overflow-wrap:break-word}
  .sheet{padding:14px;gap:12px}
  .panel,.gold,.testi,.counterbox,.check,.warn,.lock{padding:12px}
  img{height:auto !important;max-width:100%}
  canvas{max-width:100%;height:auto}
  .headline{font-size:30px}
  .sub{font-size:20px}
  .shout{font-size:19px}
  .copy{font-size:17px}
  .hl{font-size:17px}
  .counter{font-size:20px}
  .stat{font-size:12px;word-break:break-word;white-space:normal}
  .ticker{font-size:13px;height:auto;padding:4px 6px}
  .navbtn{font-size:13px;padding:4px 8px}
  .navrow{gap:5px;padding:6px}
  .footer{padding:12px;font-size:14px}
  .fig,.figalt,.crit,.critalt{font-size:17px}
  .bigwarn{font-size:22px}
  .cbox{width:100%}
  input{width:100%;max-width:320px}
}
@media (max-width:480px){
  .headline{font-size:24px}
  .sub{font-size:17px}
  .copy{font-size:16px}
  .navbtn{font-size:12px;padding:3px 6px}
  .stat{font-size:11px}
  .counter{font-size:16px}
}

