@font-face{font-family:"Lobster";src:url("../interface-assets/fonts/Lobster-Regular.woff2") format("woff2");font-display:block}
@font-face{font-family:"Yellowtail";src:url("../interface-assets/fonts/yellowtail-latin-400-normal.woff2") format("woff2");font-display:block}

:root {
  --neon: #FFF6DE;
  --neon-glow: 0 0 4px #FFF6DE, 0 0 10px rgba(255,235,190,.85), 0 0 22px rgba(255,214,140,.55), 0 0 42px rgba(255,190,100,.35);
}
body { margin: 0; min-height: 100vh; background: #0b1a3a url("../interface-assets/game/poster_behind.png") center top / cover no-repeat fixed; }
body::before { content: ""; position: fixed; inset: 0; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 45%, rgba(0,4,30,.55) 100%); pointer-events: none; }

.neon-back {
  position: absolute; left: 32px; top: 24px; z-index: 2; display: inline-block; transform: rotate(-3deg);
  font: 400 56px/1.2 "Yellowtail", cursive; white-space: nowrap; text-decoration: none;
  color: var(--neon); text-shadow: var(--neon-glow);
}
.neon-back:hover { text-shadow: 0 0 5.2px #FFF6DE, 0 0 13px rgba(255,235,190,.85), 0 0 22px rgba(255,214,140,.55), 0 0 42px rgba(255,190,100,.35); }
.neon-back:focus-visible { outline: 3px dashed #FFF6DE; outline-offset: 6px; }

main {
  position: relative; z-index: 1; box-sizing: border-box; max-width: 860px; margin: 120px auto 80px; padding: 40px 48px;
  background: rgba(255,248,230,.78); color: #3A2416; font: 18px/1.6 system-ui, sans-serif; border-radius: 6px;
  box-shadow: 0 4px 5px rgba(0,4,30,.55), 0 16px 22px rgba(0,4,30,.7);
}
h1 { font: 400 56px/1.15 "Lobster", cursive; color: #A32012; margin: 0 0 8px; }
h2 { font: 400 30px/1.2 "Lobster", cursive; color: #3A2416; margin: 32px 0 8px; }
main p, main ul { margin: 0 0 12px; }
main ul { padding-left: 24px; }
main a { color: #A32012; text-decoration: underline; }
.updated { font-style: italic; }
button#withdraw {
  font: inherit; font-weight: 700; color: #FFF6DE; background: #A32012; border: 0; border-radius: 6px;
  padding: 10px 18px; cursor: pointer;
}
button#withdraw:focus-visible { outline: 3px dashed #3A2416; outline-offset: 3px; }
#withdraw-status { margin-left: 12px; font-weight: 700; }
footer { margin-top: 40px; }
footer img { display: block; width: 200px; height: auto; }
.yt-links { margin-top: 8px; font-size: 14px; }

@media (max-width: 640px) {
  .neon-back { left: 20px; top: 16px; font-size: 38px; }
  main { margin: 90px 0 0; padding: 20px; border-radius: 0; font-size: 17px; }
  h1 { font-size: 38px; }
  h2 { font-size: 26px; }
  #withdraw-status { display: block; margin: 10px 0 0; }
}