:root{--red:#ff4d4d;--text:#663300}
body{background:#ff9933;color:#663300;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}
.topbar{height:56px;background:#663300;box-shadow:0 2px 4px #0002}
.topnav{width:1000px;height:56px;gap:4px}.topnav>a{font-size:12px;padding:8px 12px}.topnav>a.active,.topnav>a:hover{background:#ff9933}.topnav .mini-logo{width:164px;padding:0;text-align:center}.mini-logo img{width:86px;height:44px}
.wrap{width:1000px}.banner{width:1000px;height:300px;border:0;object-fit:cover}.hero-shell{margin:0;padding:0}
.columns{display:grid;grid-template-columns:644px 300px;gap:24px;padding:16px}.forum-tabs,.card,.sidebox{background:#ffcc99;border:1px solid #e67e22;border-radius:4px;box-shadow:0 2px 3px #0002}
.forum-tabs{height:49px;padding:0;gap:0;margin:0}.forum-tabs a{height:47px;padding:12px 16px;color:#6b7280}.forum-tabs a.active{border-bottom:2px solid #663300;color:#663300}.filters{height:52px;gap:16px;color:#663300;font-size:14px}.filters a.active{color:#ff4d4d}.filters .latest{color:#ff4d4d;font-size:12px}
.card{padding:16px}.pin{padding:2px 8px;font-size:10px}.author{gap:12px;color:#ff4d4d}.avatar{width:40px;height:40px;border:1px solid #fff;border-radius:2px}.time{font-size:11px;color:#a3a3a3}.post-title{font-size:14px;margin:12px 0}.post-image{display:block;width:100%;height:auto;max-height:none;border:1px solid #fff;border-radius:3px}.meta{border-color:#fff5;color:#996633;margin-top:16px}.meta .stats{color:#996633}
.sidebox{padding:16px;margin-bottom:16px}.side-title{padding-bottom:8px;border-color:#e67e22;color:#663300;font-size:12px;font-weight:600}.login-main{height:28px;margin-top:16px;border-radius:4px;font-size:14px;cursor:pointer}.auth-row{margin-top:8px;gap:8px}.auth-row button{height:35px;background:#ffc58a;border:1px solid #ffad5c;color:#663300;font-size:12px;cursor:pointer}.download-grid{margin-top:16px;gap:8px}.download-grid a,.download-grid button{display:flex;align-items:center;justify-content:center;gap:7px;height:35px;padding:6px 8px;border:0;border-radius:3px;color:white;font-size:11px;font-weight:700;cursor:pointer}.download-grid .pc{background:#663300}.download-grid .apk{background:#00ad3c}.download-grid .ios{background:#364153}.download-grid .java{background:#ff6600}.download-grid .play{background:#5030ff}.download-grid .ios-unavailable{opacity:1}.sidebox p{font-size:10px}.support-btn{height:36px;margin-top:12px;cursor:pointer}.support-box .side-title{border:0;padding-bottom:0}.result-table{width:100%;font-size:11px;text-align:center;border-collapse:collapse}.result-table th{padding:15px 0;color:#ae722d}.result-table td{padding:8px;border-top:1px solid #e67e2240}.footer{background:#663300;border-radius:0}
@media(max-width:1020px){.wrap,.topnav,.footer{width:100%}.banner{width:100%;height:auto;aspect-ratio:10/3}.columns{grid-template-columns:minmax(0,1fr) 300px}.sidebar{display:block}.sidebox{margin-bottom:16px}}
@media(max-width:700px){.topnav .mini-logo{width:95px}.topnav>a{padding:8px;font-size:10px}.columns{display:flex;flex-direction:column;padding:10px}.columns>section,.sidebar{display:block}.forum-tabs{gap:0}.forum-tabs a{padding:12px}.filters{font-size:11px;gap:10px}.sidebox{margin-bottom:12px}}

.hero-shell{position:relative}.hero-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,#0000004d)}.hero-login{position:absolute;z-index:1;bottom:32px;left:50%;transform:translateX(-50%);width:96px;height:96px;padding:0;border:4px solid #ffcc99;border-radius:50%;box-shadow:0 0 0 12px #ff993380;overflow:hidden;cursor:pointer}.hero-login img{width:100%;height:100%;object-fit:cover}.topnav,.columns{font-family:ui-sans-serif,system-ui,sans-serif}.columns button,.download-grid a{font-family:inherit}

/* Lower section matched to the supplied reference screenshot. */
.topbar{position:sticky;top:0;z-index:50}.meta{font-size:12px;padding-top:12px;border-top:1px solid #fff9;align-items:center;min-height:30px}.meta .stats{font-size:11px;color:#9ca3af}.meta .ico{width:16px;height:16px}.result-table{table-layout:fixed;font-size:10px;line-height:15px}.result-table th{font-size:11px;padding:16px 0 8px;font-weight:600}.result-table td{height:41px;padding:5px 2px;border-top:1px solid #e67e2215}.result-table tbody tr:first-child td{border-top:0}.result-table time{color:#008236;font-weight:700}.result-table td:last-child{color:#ff4d4d;font-weight:900}.result-table td:nth-child(2){font-weight:600}.support-box .side-title>.ico{display:none}

/* Highlight the main account actions and TestFlight v1. */
@keyframes action-button-blink {
  0%, 100% { filter: brightness(1); box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); }
  50% { filter: brightness(1.18); box-shadow: 0 0 10px 3px rgba(255, 102, 0, .5); }
}
#openPlayerLogin,
.auth-row [data-nav-action="register"],
#openForgot,
#openTestflightGuide {
  animation: action-button-blink 1.6s ease-in-out infinite;
}
.auth-row [data-nav-action="register"] { animation-delay: .2s; }
#openForgot { animation-delay: .4s; }
#openTestflightGuide { animation-delay: .6s; }
#openPlayerLogin:hover,
.auth-row [data-nav-action="register"]:hover,
#openForgot:hover,
#openTestflightGuide:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  #openPlayerLogin,
  .auth-row [data-nav-action="register"],
  #openForgot,
  #openTestflightGuide { animation: none; }
}

/* Mobile: show account and downloads before the post feed. */
@media (max-width: 700px) {
  .columns { display: flex; flex-direction: column; gap: 12px; }
  .columns > section, .columns > .sidebar { display: contents; }
  .columns .forum-tabs { order: 0; }
  .columns .sidebar > .sidebox:nth-of-type(1) { order: 1; margin-bottom: 0; }
  .columns .sidebar > .sidebox:nth-of-type(2) { order: 2; margin-bottom: 0; }
  .columns .filters { order: 3; height: auto; min-height: 36px; }
  .columns .event-post { order: 4; margin-bottom: 0; }
  .columns .sidebar > .sidebox:nth-of-type(n+3) { order: 5; margin-bottom: 0; }
}

/* Keep the login badge fully inside the mobile banner. */
@media (max-width: 700px) {
  .hero-shell { overflow: hidden; }
  .hero-login {
    width: clamp(48px, 15vw, 72px);
    height: clamp(48px, 15vw, 72px);
    bottom: 12px;
    border-width: 3px;
    box-shadow: 0 0 0 6px #ff993380;
  }
}