/* HOTB original inferno theme — additional community spaces */
:root{--flame:#f27743;--haze:rgba(230,108,55,.12)}
.nav-links{gap:22px}.nav-links a{font-size:9.5px;letter-spacing:.09em}.nav-links a.active:after{bottom:-32px}
.community-news-section{background:linear-gradient(180deg,#111012,#0b0c0e);border-bottom:1px solid var(--line)}
.community-gallery-section{background:radial-gradient(ellipse 45% 65% at 85% 65%,#8f3b251c,transparent),#100e0e;border-bottom:1px solid var(--line)}
.head-more{display:inline-flex;margin-top:18px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.story-card{min-width:0;position:relative;background:#181619;border:1px solid #6e4b384d;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.story-card:hover{transform:translateY(-5px);border-color:#a96a48}.story-visual{height:192px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;padding:21px;background:linear-gradient(135deg,#362422,#141316)}
.story-visual:after{content:'';position:absolute;inset:0;opacity:.54;background:repeating-linear-gradient(125deg,transparent 0,transparent 80px,#d58e5b16 81px,#8a452a18 82px);pointer-events:none}
.story-visual--0{background:radial-gradient(circle at 70% 60%,#bd562e70,transparent 48%),linear-gradient(135deg,#412920,#171419)}
.story-visual--1{background:radial-gradient(ellipse at 80% 30%,#88482f4f,transparent 62%),linear-gradient(135deg,#252a37,#201317)}
.story-visual--2{background:radial-gradient(ellipse at 50% 40%,#b36d3673,transparent 70%),linear-gradient(130deg,#2d1922,#211d2a)}
.story-visual>span{font:800 10px var(--sans);letter-spacing:.17em;color:#f1b78d;text-transform:uppercase;border:1px solid #d58e5b75;padding:7px 11px;position:relative;z-index:1}
.story-visual-mark{font:700 155px/.8 var(--serif);color:#f2894752;transform:rotate(-17deg);margin:-25px -10px 0 0}
.story-content{flex:1;padding:25px 26px 28px;display:flex;flex-direction:column}.story-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.13em;color:#be926f;text-transform:uppercase;font-weight:800}.story-meta i{width:3px;height:3px;border-radius:50%;background:var(--orange)}.story-meta time{color:#857a75}
.story-content h3{font:700 clamp(27px,2.6vw,34px)/1.04 var(--cond);text-transform:uppercase;margin:15px 0 10px;color:#f6e6d4}
.story-content p{font-size:12px;line-height:1.8;margin-bottom:23px;flex:1}.text-link{border:0;padding:0;background:transparent;text-align:left;color:var(--cream);font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.text-link:hover{color:var(--orange-bright)}.text-link span{margin-left:9px}
.sample-label{color:#f7c2a4;border:1px solid #944c35;padding:2px 5px;font-size:9px;letter-spacing:.05em}.feed-empty{grid-column:1/-1;text-align:center;border:1px dashed #755039;background:linear-gradient(140deg,#191517,#141417);padding:65px 24px}.feed-empty>span{display:block;font-size:50px;color:#b65738}.feed-empty h3{font:700 37px var(--cond);margin:12px 0;text-transform:uppercase}.feed-empty p{max-width:440px;margin:auto auto 22px}
.home-gallery-grid{min-height:340px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.home-gallery-grid .shot-card{height:380px}.home-gallery-grid .gallery-teaser{grid-column:1/-1}
.gallery-teaser{display:grid;grid-template-columns:1.1fr .9fr;min-height:350px;background:#1a1514;border:1px solid #92563e65;overflow:hidden}
.gallery-teaser-image{position:relative;min-height:300px;overflow:hidden}.gallery-teaser-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}.gallery-teaser-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#180d0bd5,transparent 60%)}
.art-label{position:absolute;z-index:2;left:25px;bottom:21px;color:#efcfb6;font-size:10px;font-weight:800;letter-spacing:.16em}
.gallery-teaser-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px}.gallery-teaser-text>span{color:#d59b71;font-size:10px;font-weight:800;letter-spacing:.16em}.gallery-teaser-text h3{font:700 clamp(32px,4vw,57px)/1.0 var(--cond);margin:20px 0 17px}.gallery-teaser-text p{font-size:13px;line-height:1.85;margin-bottom:26px}
.subhero-community{position:relative;overflow:hidden;padding:115px 0 118px;min-height:480px;isolation:isolate;background:radial-gradient(ellipse at 72% 48%,#ab4b2b50,transparent 40%),linear-gradient(112deg,#0b0d10,#291714 65%,#100c0d)}
.subhero-community:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(98deg,transparent 0,transparent 90px,#c77a4210 91px,transparent 92px);z-index:-1;pointer-events:none}
.subhero-community .wrap{position:relative}.subhero-community h1{font:700 clamp(74px,9vw,129px)/.83 var(--cond);margin:30px 0 24px;letter-spacing:-.015em;text-transform:uppercase;position:relative;z-index:2}
.subhero-community h1 em{font-style:normal;color:#f07841}.subhero-community p{max-width:590px;font-size:15px;line-height:1.8}.subhero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.subhero-watermark{position:absolute;right:3%;top:-80px;font:700 510px/1 var(--serif);color:#b7502433;transform:rotate(-13deg);z-index:0;pointer-events:none}
.news-follow{margin-top:38px;padding:30px 36px;border:1px solid #85513e6f;background:#1b1617;display:flex;align-items:center;justify-content:space-between;gap:22px}.news-follow h3{font:700 30px var(--cond);margin-top:12px}
.gallery-section{background:#100f10}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.gallery-toolbar .filterbar{margin:0}.gallery-filter{border:1px solid #664333;background:#1d1717;color:#bcb1aa;font-size:10px;font-weight:800;letter-spacing:.1em;padding:12px 18px}.gallery-filter.active,.gallery-filter:hover{background:#502719;color:#ffdfc6;border-color:#da7042}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.shot-card{height:305px;border:1px solid #7554426b;position:relative;background:#1b191c;color:var(--ink);text-align:left;overflow:hidden;padding:0;display:block}.shot-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.shot-card:hover img{transform:scale(1.05)}.shot-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090a0ce8 0,#090a0c20 55%,#0707082b 100%)}.shot-game{position:absolute;top:17px;left:17px;border:1px solid #d18b65a6;background:#211415b8;color:#f0ba94;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;padding:7px 10px}.shot-meta{position:absolute;bottom:21px;left:21px;right:54px}.shot-meta b{display:block;font:700 25px/1.05 var(--cond);text-transform:uppercase;max-height:55px;overflow:hidden}.shot-meta small{display:block;font-size:9px;color:#bda99b;margin-top:8px;letter-spacing:.08em}.shot-expand{position:absolute;bottom:18px;right:18px;color:#fff8e5;font-size:22px}
.gallery-zero{grid-column:1/-1;min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #83573d;background:radial-gradient(ellipse at center,#54271936,transparent 65%),#171415;padding:38px 20px;position:relative;overflow:hidden}
.gallery-zero-art{width:180px;height:94px;margin-bottom:30px;display:grid;place-items:center;color:#ac5839}.zero-crest{font-size:72px;color:#9f5639;text-shadow:0 0 55px #ca542744}.zero-lines{position:absolute;inset:0;background:repeating-linear-gradient(132deg,transparent 0,transparent 91px,#c36e3b09 92px,transparent 93px);pointer-events:none}
.gallery-zero .eyebrow:before{display:none}.gallery-zero h3{font:700 clamp(40px,5vw,60px)/.92 var(--cond);margin:15px 0}.gallery-zero p{font-size:13px;max-width:490px;line-height:1.85;margin-bottom:23px}
.gallery-fineprint{margin-top:30px;font-size:11px;color:#8c8683;line-height:1.7}.upload-banner{background:radial-gradient(circle at 75% 60%,#ba4d2844,transparent 40%),linear-gradient(125deg,#261615,#100f11);border-block:1px solid #7f49325e}.upload-banner .wrap{display:flex;flex-direction:column;align-items:flex-start}.upload-banner h2{margin:19px 0}.upload-banner p{max-width:550px;font-size:14px;margin-bottom:29px}
.community-overlay{position:fixed;z-index:350;inset:0;background:rgba(0,0,0,.87);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.community-overlay[hidden]{display:none!important}.upload-dialog,.story-dialog,.lightbox-card{width:min(100%,660px);max-height:calc(100vh - 50px);overflow:auto;position:relative;background:linear-gradient(145deg,#21191a,#111215);border:1px solid #a96541;box-shadow:0 25px 90px #000e;padding:36px 42px}.dialog-close{position:absolute;top:12px;right:17px;background:transparent;border:0;font-size:34px;color:#ead1c0;z-index:3}.upload-dialog h2,.story-dialog h2{font:700 52px var(--cond);text-transform:uppercase;margin:15px 0}.upload-dialog h2 em{color:var(--orange);font-style:normal}.upload-dialog>p{font-size:12px;margin-bottom:22px}.upload-dialog form,.admin-login form,.news-editor{display:flex;flex-direction:column;gap:9px}.upload-dialog form label,.admin-login label,.news-editor label{font-size:10px;color:#d8b296;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-top:9px}
.upload-dialog input,.upload-dialog textarea,.upload-dialog select,.admin-login input,.news-editor input,.news-editor textarea,.news-editor select{border:1px solid #604335;border-radius:0;background:#101114;color:#f6e1d1;padding:12px 13px;outline:none;width:100%;font-size:13px;min-height:43px}.upload-dialog input:focus,.upload-dialog textarea:focus,.news-editor input:focus,.news-editor textarea:focus{border-color:#e47b4c}.upload-dialog input[type=file]{position:absolute;left:-99999px;width:1px;height:1px}.file-drop{margin-top:2px!important;border:1px dashed #a85b3a;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#241b1a;cursor:pointer}.file-drop span{font-size:31px;color:#ee8c57}.file-drop strong{font-size:11px}.file-drop small{font-size:10px;letter-spacing:0;color:#a99a91;text-transform:none}.hidden-trap{position:absolute;left:-9000px;top:-9000px}.upload-dialog form .button{margin-top:17px}.upload-dialog form .button:disabled{opacity:.6}.upload-dialog form [data-state=ok]{color:#bbdfc0}.upload-dialog form [data-state=error]{color:#ffaa83}
.story-dialog{width:min(100%,780px)}.story-dialog h2{font-size:clamp(40px,5vw,68px);line-height:.98;margin:20px 0}.story-dialog .story-meta{margin-bottom:23px}.article-body{white-space:pre-wrap;line-height:1.95;font-size:14px;color:#d4c4b7;margin-bottom:27px;overflow-wrap:break-word}.story-dialog .button{margin-top:10px}.lightbox-card{padding:0;width:min(100%,1100px);background:#0b0c0e}.lightbox-card>img{width:100%;height:auto;max-height:70vh;object-fit:contain;background:#070708}.lightbox-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px}.lightbox-footer strong{font:700 26px var(--cond);display:block;text-transform:uppercase}.lightbox-footer span{font-size:10px;color:#baa18e;letter-spacing:.1em}
.admin-section{background:#111013}.admin-message{min-height:28px;font-size:12px}.admin-unconfigured{padding:16px 19px;color:#f4bc96;background:#33241e;border:1px solid #a45b3b;margin-bottom:20px}.admin-login{max-width:600px;margin:35px auto;background:#191619;border:1px solid #88573d6b;padding:40px}.admin-login form{margin-top:29px}.admin-login .button{margin-top:18px}.admin-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px}.admin-top h2{margin-top:16px}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px}.admin-layout>section{min-width:0}.admin-heading{font:700 38px var(--cond);text-transform:uppercase;margin:14px 0 20px}.mod-queue{display:flex;flex-direction:column;gap:14px}.mod-card{display:grid;grid-template-columns:180px 1fr;gap:20px;border:1px solid #624330;background:#191619;padding:14px}.mod-card img{width:180px;height:150px;object-fit:cover}.mod-card h3{font:700 24px var(--cond);text-transform:uppercase;margin:13px 0 7px}.mod-card p{font-size:12px}.mod-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.admin-story{border:1px solid #5e4539;background:#181618;padding:15px 19px;margin-bottom:9px}.admin-story span{display:block;color:#cf9875;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.admin-story strong{display:block;font:700 23px var(--cond);text-transform:uppercase;margin:8px 0}.admin-story>div{display:flex;gap:17px}.news-editor{margin-top:30px;border:1px solid #79503f;padding:25px;background:#1c1919}.news-editor h3{font:700 31px var(--cond);text-transform:uppercase;margin-bottom:6px}.pin-label{display:flex;align-items:center;gap:9px}.pin-label input{width:19px;min-height:auto}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
@media(max-width:1200px){.nav-links{gap:15px}.head-inner{gap:17px}.nav-links a{font-size:9px}.brand strong{font-size:15px}}
@media(max-width:1050px){.head-join{display:none}.admin-layout{grid-template-columns:1fr}.subhero-watermark{opacity:.6}}
@media(max-width:820px){.nav-links{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card:last-child:nth-child(odd){grid-column:1/-1}.head-join{display:inline-flex}.gallery-toolbar{align-items:flex-start;flex-direction:column}.gallery-teaser{grid-template-columns:1fr}.gallery-teaser-image{max-height:350px}.gallery-teaser-text{padding:34px}.news-follow{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.story-grid,.gallery-grid,.home-gallery-grid{grid-template-columns:1fr}.story-card:last-child:nth-child(odd){grid-column:auto}.subhero-community{min-height:0;padding:76px 0}.subhero-community h1{font-size:clamp(53px,15vw,74px);margin:24px 0}.subhero-community p{font-size:13px}.subhero-actions .button{width:100%}.subhero-watermark{right:-120px;top:2%;font-size:330px}.gallery-filter{font-size:9px;padding:10px 12px}.gallery-toolbar .button{width:100%}.home-gallery-grid .shot-card{height:285px}.news-follow{padding:25px}.news-follow .button{width:100%}.gallery-teaser-image{min-height:245px}.gallery-teaser-text{padding:28px}.gallery-zero h3{font-size:48px}.gallery-zero{min-height:420px}.upload-dialog,.story-dialog{padding:28px 22px}.upload-dialog h2{font-size:42px}.upload-dialog p{font-size:11px}.lightbox-footer{padding:15px;flex-direction:column;align-items:flex-start}.admin-login{padding:27px 21px}.admin-top{flex-direction:column;align-items:flex-start}.mod-card{grid-template-columns:1fr}.mod-card img{width:100%;height:210px}.editor-actions .button{width:100%}}
@media(max-width:560px){.head-join{display:none}.head-inner{min-width:0}.gallery-teaser-text h3{overflow-wrap:break-word}}

/* Staff sign-in state: display failures immediately beside the password field. */
.login-feedback {font-size:13px;line-height:1.6;margin:8px 0 0;padding:12px 14px;border-left:3px solid #ce8850;background:#281f1c;color:#eac8a6;overflow-wrap:anywhere;}
.login-feedback[data-state="ok"] {background:#17221b;border-left-color:#7fb88a;color:#c5e9c8;}
.login-feedback[data-state="error"] {background:#321c1b;border-left-color:#f18d76;color:#ffd0bd;}
.login-retry {align-self:flex-start;margin-top:4px;padding:6px 0;cursor:pointer;}
#login-submit:disabled {opacity:.55;cursor:not-allowed;}

/* HOTB staff account dashboard */
.staff-accounts-section,.staff-password-section{margin-top:55px;padding-top:34px;border-top:1px solid #71513b}
.staff-helper{font-size:13px;line-height:1.8;margin-bottom:18px;color:#c4aaa0}
.staff-accounts-list{display:flex;flex-direction:column;gap:10px}
.staff-account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;background:#191619;border:1px solid #5e4539}
.staff-account-row strong{display:block;color:#f6e1d1;font-size:16px}
.staff-account-row small{display:block;color:#d8a588;margin-top:5px;text-transform:uppercase;letter-spacing:.08em}
.staff-account-actions{display:flex;gap:10px;flex-wrap:wrap}
.staff-accounts-section .news-editor,.staff-password-section .news-editor{max-width:720px}
@media(max-width:680px){.staff-account-row{align-items:flex-start;flex-direction:column}.staff-account-actions{width:100%}.staff-account-actions .button{flex:1}}

#reset-staff-form[hidden]{display:none!important}


.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.account-columns .news-editor{width:100%;min-width:0}.account-notice{padding:18px;border:1px solid #ab693a;margin:18px 0;color:#f0c99e}.account-notice a{color:#ffc286;text-decoration:underline}.staff-login-link{color:#ffc286!important}.staff-account-row{flex-wrap:wrap;gap:20px}.staff-account-row fieldset{flex:1;min-width:240px;padding:20px}.staff-account-row input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.head-inner .nav-links{gap:13px}.nav-links a{font-size:11px}@media(max-width:1100px){.head-inner .nav-links{display:none}.mobile-toggle{display:flex}}@media(max-width:700px){.account-columns{grid-template-columns:1fr}}

.post-replies{margin-top:24px;padding-top:20px;border-top:1px solid #784834}.post-reply{padding:12px;border-left:2px solid #b87040;margin:12px 0}.post-reply-form label{display:block;margin:12px 0}.post-reply-form textarea{width:100%;background:#171315;color:#f5dfcf;border:1px solid #784834;padding:12px;font:inherit}.post-reply-form button{margin-top:10px}.post-reply p{margin:10px 0}.post-reply small{margin-top:5px}

[hidden]{display:none!important}

.account-bar{background:#211713;border-bottom:1px solid #aa6439;padding:10px 0}.account-bar .wrap{display:flex;justify-content:flex-end;gap:28px}.account-bar a{font:800 12px var(--sans);color:#ffd4a9;letter-spacing:.05em;text-decoration:none}.account-bar a:hover{text-decoration:underline}@media(max-width:600px){.account-bar .wrap{justify-content:space-between;gap:12px}.account-bar a{font-size:10px}}

@media(max-width:1300px){.head-inner .nav-links{display:none}.mobile-toggle{display:flex}}

.rank-list{display:grid;gap:14px;margin:24px 0}.rank-card{padding:22px;background:#211719;border:1px solid #78513a;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.rank-card h3{margin:0 0 12px}.rank-card p{line-height:1.7;color:#dfc3b0}.rank-card small{color:#c9a98f}.rank-check{display:flex!important;gap:10px;align-items:center;margin:14px 0!important}.rank-check input[type=checkbox]{width:20px;height:20px;margin:0}#rank-form{margin-top:28px}#rank-form fieldset{padding:20px;border:1px solid #78513a}.staff-account-row select{background:#1b1618;color:#ffe5cb;padding:10px;max-width:100%;border:1px solid #78513a}@media(max-width:700px){.rank-card{flex-direction:column}}

.lightbox-card{max-height:90vh;overflow-y:auto}.lightbox-card>img{max-height:60vh;object-fit:contain}.photo-comments{padding:24px;border-top:1px solid #78513a;text-align:left}.photo-comments h3{color:#ffe1c8;font-size:24px}.photo-comment{padding:15px 0;border-bottom:1px solid #664536}.photo-comment>div{display:flex;justify-content:space-between;gap:14px}.photo-comment time{color:#b9a392;font-size:11px}.photo-comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:#e5d1c1;line-height:1.7}.photo-comment-pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.photo-comment-pagination span{font-size:11px;color:#b9a392}.photo-comments label{display:block;margin-bottom:10px}.photo-comments textarea{width:100%;padding:12px;background:#151214;border:1px solid #78513a;color:#fce0c8;font:inherit}.photo-comments form button{margin-top:12px}.photo-comments a{color:#ffb882;text-decoration:underline}@media(max-width:600px){.photo-comments{padding:16px}}