fix tailwind, remove css calss bloat

source/static/input.css

@@ -218,17 +218,6 @@ h1 span{color:var(--accent);}
   border-color:var(--accent);
 }
 
-.exp-flex {
-  display: block;
-  gap: 1rem;
-}
-
-@media (min-width: 800px) {
-  .exp-flex {
-    display: flex;
-    align-items: center;
-  }
-}
 
 .exp-title{
     font-family: "IBM Plex Serif", serif;
@@ -343,83 +332,6 @@ footer{
   }
 
 
-.toplist-ranked li {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  counter-increment: rank;
-}
-
-.toplist-ranked {
-  counter-reset: rank;
-}
-
-.toplist-ranked li::before {
-  content: counter(rank);
-  font-family: 'DM Mono', monospace;
-  font-size: 11px;
-  color: var(--muted);
-  min-width: 16px;
-  text-align: right;
-}
-
-.toplist-ranked li img {
-  width: 42px;
-  height: 62px;
-  object-fit: cover;
-  border-radius: 4px;
-  flex-shrink: 0;
-}
-
-.toplist-toggle {
-  display: block;
-  width: 100%;
-  text-align: center;
-}
-
-.poster-grid {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 1.5rem;
-  padding: 1rem 0;
-  max-width: 90%;
-}
-
-.poster-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 120px;
-}
-
-.poster-item img {
-  width: 120px;
-  height: 180px;
-  object-fit: cover;
-  border-radius: 6px;
-}
-
-.poster-item p {
-  margin-top: 8px;
-  font-size: 12px;
-  text-align: center;
-  line-height: 1.4;
-}
-
-.game-grid {
-  justify-content: center;
-  gap: 1.5rem;
-  padding: 1rem 0;
-}
-
-.game-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 180px;
-}
-
 .page-header {
   display: flex;
   flex-direction: column;
@@ -456,27 +368,6 @@ footer{
 }
 
 
-#rain-canvas {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 999;
-  opacity: 0;
-  transition: opacity 0.8s ease;
-}
-
-#dragon-grid {
-  position: fixed;
-  top: 0;
-  left: 0;
-  pointer-events: none;
-  z-index: 999;
-  opacity: 0.15;
-}
-
 
 .outlink {font-family:var(--ff-mono);font-size:0.78rem;color:var(--accent);text-decoration:none;}
 .outlink:hover{text-decoration:underline;}
@@ -605,44 +496,6 @@ button:hover {
   display: none;
 }
 
-
-    section .cta {
-      margin-top: 3rem;
-      padding: 2rem;
-      border: 0.5px solid var(--accent-border);
-      border-radius: 8px;
-      background: var(--accent-dim);
-    }
- 
-    .cta-hed {
-      font-family: var(--mono);
-      font-size: 13px;
-      color: var(--accent);
-      margin-bottom: 0.4rem;
-    }
- 
-    .cta-body {
-      font-size: 13px;
-      color: var(--muted);
-      margin-bottom: 1.25rem;
-      line-height: 1.65;
-    }
- 
-    .cta-btn {
-      display: inline-block;
-      font-family: var(--mono);
-      font-size: 12px;
-      color: var(--bg);
-      background: var(--accent);
-      border: none;
-      padding: 9px 20px;
-      border-radius: 4px;
-      text-decoration: none;
-      cursor: pointer;
-      transition: opacity 0.15s;
-    }
- 
-    .cta-btn:hover { opacity: 0.85; }
 .available {
 background:rgba(65, 219, 26, 0.07);color:var(--green);
   border:1px solid var(--green);