.hall-page{color:#edf2e8;max-width:1100px;margin:auto;padding:24px;font-family:Arial,Helvetica,sans-serif}.hall-brand{color:#fff;margin-bottom:24px;font-size:26px;font-weight:900;text-decoration:none;display:block}.hall-brand b{color:#111;background:#ff705a;padding:8px;display:inline-block;transform:rotate(-7deg)}.hall-eyebrow{color:#b5e383;letter-spacing:2px;margin-top:35px;font-size:11px}.hall-page h1{letter-spacing:normal;text-shadow:none;margin:20px 0;font:700 clamp(30px,5vw,48px)/1.2 Arial,sans-serif}.hall-page h2{margin:20px 0;font:700 24px/1.3 Arial,sans-serif}.hall-page h3{font:700 18px/1.4 Arial,sans-serif}.hall-page p{color:#aebdb5;line-height:1.6}.hall-page a{color:#c4ee91}.hall-columns{grid-template-columns:1.2fr 1fr;gap:28px;display:grid}.hall-columns>section{background:#19242a;border:1px solid #35453e;border-radius:18px;padding:22px}.hall-ranking{padding:0;list-style:none}.hall-ranking li{border-bottom:1px solid #35453e;align-items:center;gap:16px;padding:16px 0;display:flex}.hall-ranking li>strong{color:#b7e682;min-width:26px;font-size:22px}.hall-ranking li>div{overflow-wrap:anywhere;flex:1;min-width:0}.hall-ranking small{color:#aebdb5;line-height:1.8;display:block}.hall-ranking li>b{font-size:20px}.hall-badges{gap:5px;display:inline-flex}.hall-badges>span{cursor:help}.hall-action{background:#2f4934;border-radius:12px;margin-top:16px;padding:14px 20px;display:inline-block}.hall-page label{color:#bac8c0;gap:8px;margin:16px 0;font-size:14px;display:grid}.hall-page input,.hall-page select{color:#fff;background:#101b20;border:1px solid #536955;border-radius:10px;width:100%;min-width:0;padding:12px;font-size:16px}.hall-page button{color:#18231a;cursor:pointer;background:#c4ee91;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.hall-events{padding:0;list-style:none}.hall-events li{border-top:1px solid #35453e;gap:14px;padding:12px 0;font-size:14px;line-height:1.5;display:flex}.hall-events time{color:#8faaa1;margin-left:auto;font-size:12px}.hall-achievements{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.hall-achievements article{background:#1b2928;border:1px solid #3a5140;border-radius:16px;padding:20px}.hall-achievements article>span{font-size:36px}.hall-achievements .locked{filter:grayscale();opacity:.55}.hall-achievements .earned{border-color:#a3ce70}.hall-stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.hall-stat-grid>div{color:#b5c8bc;background:#21342b;border-radius:12px;padding:20px;font-size:13px}.hall-stat-grid b{color:#c4ee91;margin-bottom:8px;font-size:30px;display:block}.hall-ticker{color:#b3c5b8;border-top:1px solid #374c40;align-items:center;gap:18px;max-width:1200px;margin:24px auto 0;padding:14px 20px;font:13px Arial,sans-serif;display:flex;overflow:hidden}.hall-ticker>a{white-space:nowrap;color:#c4ee91}.hall-ticker>div{flex:1;overflow:hidden}.hall-ticker span{white-space:nowrap;padding-left:40px;animation:42s linear infinite hall-ticker;display:inline-block}.hall-ticker:hover span{animation-play-state:paused}.hall-toast{top:max(16px,env(safe-area-inset-top));z-index:1000;color:#eff8df;pointer-events:none;background:#263e29;border:1px solid #b9df81;border-radius:16px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:20px;font-family:Arial,sans-serif;animation:.45s ease-out hall-toast;display:flex;position:fixed;right:16px;box-shadow:0 12px 60px #0009}.hall-toast>span{font-size:38px;animation:.7s ease-out hall-badge}.hall-toast small{letter-spacing:1px;margin-bottom:7px;font-size:10px;display:block}.hall-toast b{font-size:17px}.hall-toast button{pointer-events:auto;color:#d6e8c4;cursor:pointer;background:0 0;border:0;font-size:25px}@keyframes hall-ticker{to{transform:translate(-85%)}}@keyframes hall-toast{0%{opacity:0;transform:translateY(-40px)}}@keyframes hall-badge{50%{transform:scale(1.35)rotate(-15deg)}}@media (max-width:700px){.hall-page{padding:16px}.hall-columns{grid-template-columns:1fr}.hall-columns>section{padding:16px}.hall-stat-grid>div{padding:14px 10px}.hall-stat-grid b{font-size:24px}.hall-toast{padding:14px}.hall-toast b{font-size:15px}}@media (prefers-reduced-motion:reduce){.hall-ticker span,.hall-toast,.hall-toast>span{animation:none}.hall-ticker span{white-space:normal}}
