/* Fixed game windows; content reflows at its real size instead of scaling down. */
.hero{padding:28px 0 18px}.hero h1{font-size:clamp(27px,4vw,42px);margin:10px 0}.hero p{font-size:15px;max-width:720px;line-height:1.65}.hero-bg,.bh-arena-bg,.hr-arena-bg,.mobile-rotate-gate,.mobile-fullscreen-btn{display:none!important}.bh-board-section,.hr-board-section{padding-top:12px}.game-stage-wrap{display:block;overflow:visible;height:auto!important}.game-stage{position:relative;isolation:isolate;width:100%!important;max-width:none;transform:none!important;height:720px;display:flex;flex-direction:column;overflow:hidden;padding:22px;border:1px solid #65513a;border-radius:14px;box-shadow:0 20px 65px #0006;backdrop-filter:none!important}.game-stage::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#100c09dc,#100c0970),url('/game-assets/hr-arena-bg.webp') center/cover;pointer-events:none}.bh-shell::before{background:linear-gradient(110deg,#111128d9,#12142670),url('/game-assets/bh-arena-bg.webp') center/cover}.bh-shell{border-color:#69608d}.game-stage .btn{min-height:44px;font-size:14px;padding:10px 16px;touch-action:manipulation}.game-stage :is(button,input,select):focus-visible,.hr-ctxmenu button:focus-visible{outline:2px solid #ffe6a6;outline-offset:3px}.game-stage button:disabled{cursor:default}.game-stage input[type=text],.game-stage input[type=number]{font-size:16px}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding-bottom:14px;border-bottom:1px solid #ffffff24;margin-bottom:16px}.game-toolbar strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#edd6ad}.bh-shell .game-toolbar strong{color:#d3c6ff}.game-toolbar button{color:var(--text);background:#15111dd9;border:1px solid #ffffff30;border-radius:6px;padding:9px 14px;min-height:44px;font:inherit;cursor:pointer}.game-help{position:absolute;inset:14px;z-index:150;max-width:none;max-height:none;width:auto;height:auto;margin:0;padding:0;border:1px solid #88769d;border-radius:10px;background:#100e1af7;color:var(--text);overflow:auto}.game-help[open]{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,5vw,60px)}.game-help h2{font-size:26px;margin:0 0 20px}.game-help p{font-size:16px;line-height:1.8;max-width:650px}.game-help button{align-self:flex-start;margin-top:20px}.game-help::backdrop{background:transparent}.game-stage:fullscreen{height:100dvh!important;border-radius:0;max-height:none!important}.game-stage [hidden]{display:none!important}
.hr-shell-head{margin:0 0 14px;padding:12px;background:#130d0bc7;width:auto;flex:none;border-radius:7px}.hr-phase-label{font-size:13px;letter-spacing:.06em}.hr-clock{font-size:14px}#hrPhaseContent{height:auto;min-height:0;flex:1;overflow:auto;scrollbar-gutter:stable;padding:2px 8px 8px 2px;overscroll-behavior:contain}.hr-raid-options{gap:14px}.hr-raid-card{border-radius:9px;background:#171211e8}.hr-raid-art{height:140px}.hr-raid-card strong{font-size:18px}.hr-raid-card-body{padding:16px}.hr-raid-card span{font-size:14px}.hr-raid-card.selected{box-shadow:inset 0 0 0 1px var(--legendary)}.hr-raid-card.selected .hr-raid-selected-tag{color:#1a0d00}.hr-subopts{background:#130e0bd9;padding:16px;border-radius:8px}.hr-subopts h4{font-size:14px}.hr-roster-layout{gap:16px;min-height:0}.hr-applicant-card,.hr-roster-panel{background:#14100fe8;border-radius:8px}.hr-applicant-stat,.hr-applicant-flavor{font-size:14px}.hr-applicant-name{font-size:20px}.hr-groups{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr))}.hr-roster-slot{min-height:40px;display:flex;align-items:center;font-size:12px;cursor:pointer}.hr-class-icons{grid-template-columns:repeat(5,minmax(0,1fr))}.hr-class-icon{padding:6px 4px;font-size:11px}.hr-event-overlay{position:absolute;inset:0;padding:24px;background:#07060cbd;align-items:center;z-index:90}.hr-event-card{max-height:100%;overflow:auto;border-radius:10px;padding:24px}.hr-event-card p{font-size:16px}.hr-event-card h4{font-size:20px}.hr-ctxmenu-item{display:block;width:100%;min-height:44px;border:0;background:transparent;text-align:left;font:inherit;font-size:14px}.hr-rc-member{font-size:13px;padding:10px 4px}.hr-pull-card{max-width:100%}.hr-roster-comp{font-size:13px}.hr-rc-afk-row{font-size:13px;padding:8px}.hr-results-log{font-size:15px}
.bh-topbar{flex:none;background:#141226dc;padding:16px;border:1px solid #bda4ff33;border-radius:8px;margin-bottom:12px;gap:12px}.bh-clock{font-size:20px;color:#e3d2ff}.bh-progress{font-size:14px;line-height:1.8}.bh-toast{height:76px;min-height:76px;flex:none;display:flex;align-items:center;white-space:normal;line-height:1.5;font-size:14px;padding:10px 16px;overflow:auto;background:#17122bdc;border-color:#9b7cc3;border-radius:8px;margin-bottom:14px}.bh-grid-wrap{height:auto;min-height:0;flex:1;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.bh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.bh-spot{min-height:128px;border-radius:9px;padding:18px;background:#151328e8;flex-direction:column;align-items:flex-start;text-align:left}.bh-spot-icon{font-size:26px}.bh-spot-name{font-size:14px;white-space:normal;line-height:1.4;color:#f1eafa}.bh-spot-status{font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0}.bh-spot[data-state=unknown]{border-style:dashed;opacity:.7}.bh-spot[data-state=cooling]{opacity:1}.bh-spot[data-state=ready]{box-shadow:inset 0 0 0 1px #f9d883}.bh-spot[data-state=ready] .bh-spot-status{animation:none}.bh-controls{flex:none;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #ffffff24}.bh-controls .btn-fill{background:#b49ce9;border-color:#b49ce9;color:#160f27}.bh-controls #bhResetBtn{margin-left:auto}.bh-win-panel{position:absolute;inset:14px;z-index:100;margin:0;background:#151021f5;overflow:auto;display:flex;flex-direction:column;justify-content:center;border-radius:10px}.bh-dc-overlay,.bh-sleep-overlay{position:absolute;inset:0;z-index:110;border-radius:14px}.bh-dc-overlay p,.bh-sleep-overlay p{font-size:17px}.bh-board,.hr-board{background:var(--surface);border-radius:9px}.bh-boards,.hr-boards{margin-top:24px}.bh-grid-empty{grid-column:1/-1}
@keyframes gameReveal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes gameFound{0%{transform:scale(.96);opacity:.6}60%{transform:scale(1.025)}100%{transform:none;opacity:1}}.hr-raid-card,.bh-spot{animation:gameReveal .32s ease-out both}.bh-spot[data-state=done]{animation:gameFound .4s ease-out}.hr-event-card{animation:gameReveal .25s ease-out}.game-stage button{transition:background-color .18s,border-color .18s}.game-stage .btn:active{transform:scale(.98)}
@media(max-width:800px){.wrap{padding-left:14px;padding-right:14px}.game-stage{height:760px;padding:14px}.hr-raid-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-raid-art{height:100px}.hr-raid-card-body{padding:10px}.hr-raid-card strong{font-size:15px}.hr-raid-card span{font-size:12px}.hr-roster-layout{grid-template-columns:1fr}.bh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-class-icons{grid-template-columns:repeat(5,minmax(0,1fr))}.hr-rc-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.hero{padding:18px 0 12px}.hero p{font-size:14px}.game-stage{height:740px;padding:12px;border-radius:10px}.game-toolbar{margin-bottom:10px;padding-bottom:10px}.game-toolbar strong{font-size:10px;letter-spacing:.06em}.game-toolbar button{padding:8px 10px;font-size:13px}.hr-shell-head{gap:8px;padding:10px}.hr-phase-label{width:100%;font-size:12px}.hr-raid-options{grid-template-columns:1fr}.hr-raid-card{display:grid;grid-template-columns:95px minmax(0,1fr);min-height:125px}.hr-raid-art{height:100%;min-height:125px;background-size:auto 100%}.hr-raid-tag{display:none}.hr-raid-selected-tag{top:8px;right:4px;font-size:8px!important}.hr-raid-card strong{font-size:17px}.hr-raid-card span{font-size:13px}.hr-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-class-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-applicant-actions .btn{flex:1}.hr-event-overlay{padding:12px}.hr-event-card{padding:18px}.bh-topbar{display:block;padding:12px}.bh-clock{font-size:18px}.bh-progress{margin-top:8px;font-size:12px}.bh-toast{height:96px;min-height:96px;font-size:13px;padding:10px}.bh-grid{gap:8px}.bh-spot{padding:12px;min-height:130px}.bh-spot-name{font-size:13px}.bh-spot-status{font-size:12px}.bh-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px}.bh-controls .btn{padding:9px 8px;font-size:12px}.bh-controls #bhResetBtn{margin:0}.bh-controls #bhRoamBtn{grid-column:1/-1}.bh-controls #bhSoundToggle{grid-column:1/-1}.hr-rc-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.game-stage *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hr-group-slot{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.game-help:not([open]){display:none}.game-help[open]{box-sizing:border-box}.bh-spot-text{flex:0}.hr-board-section,.bh-board-section{padding-top:12px!important}.game-stage .hr-subopts label{font-size:14px}
@media(max-width:520px){.bh-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-controls #bhRoamBtn,.bh-controls #bhSoundToggle{grid-column:auto}.bh-controls .btn{white-space:normal;min-width:0;font-size:13px}.hr-raid-card{min-width:0}.hr-applicant-actions .btn{white-space:normal}.hr-group-slot{font-size:13px}.hr-raid-card span{line-height:1.5}}
.hr-mobile-tabs{display:none}@media(min-width:1000px){.hr-groups{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){.hr-mobile-tabs{display:flex;position:sticky;top:0;z-index:3;background:#18120f;padding:6px;gap:8px;margin-bottom:10px}.hr-mobile-tabs button{flex:1;min-height:44px;background:#211914;border:1px solid var(--line);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.hr-mobile-tabs button[aria-pressed=true]{border-color:var(--legendary);color:var(--legendary-bright)}.hr-roster-layout[data-view=applicants] #hrRosterPanel,.hr-roster-layout[data-view=roster] #hrApplicantsCol{display:none}}
.bh-toast-text{white-space:normal;overflow:visible;font-size:14px;line-height:1.5}.bh-toast{overscroll-behavior:contain}.bh-grid-wrap,.hr-shell #hrPhaseContent{scroll-behavior:auto}
