/* KARMA — forged matte-black UI. Heavy white/grey metal, chipped orange bevels, angular geometry. */
:root{color-scheme:dark;--bg:#070809;--panel:#121315;--line:#a5a5a5;--accent:#ff7a0b;--ink:#fcfcfc;--muted:#c5c5c5}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:
repeating-linear-gradient(146deg,transparent 0 120px,#f2f2f208 121px,#0000 124px),
radial-gradient(ellipse at 95% 0,#ff730b24,transparent 35%),
linear-gradient(#151618,#050505 75%);
font:16px/1.5 system-ui,Segoe UI,sans-serif}
a{color:#ff8b24}
.member-nav{max-width:1200px;margin:auto;padding:1.15rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:4px solid #ebebeb;box-shadow:0 5px 0 #f57610}
.member-brand{font-size:1.5rem;text-transform:uppercase;letter-spacing:-.05em;font-weight:1000;color:#fff;text-decoration:none;text-shadow:2px 2px #222}.member-brand span{color:#ff7c12}.member-brand small{display:block;color:#d7d7d7;letter-spacing:.19em;font-size:.55rem}
.member-nav nav{display:flex;gap:1rem;flex-wrap:wrap}.member-nav nav a{font-weight:900;text-transform:uppercase;color:#fafafa;font-size:.78rem;text-decoration:none}.member-nav nav a:hover{color:#ff8428}
.member-container{max-width:1200px;margin:auto;padding:1rem 1.25rem 5rem}.member-hero{padding:3rem 0}.eyebrow{color:var(--accent);letter-spacing:.23em;font-weight:950;text-transform:uppercase;font-size:.7rem}
.member-hero h1{font-size:clamp(3rem,8vw,6rem);text-transform:uppercase;font-weight:1000;line-height:.92;letter-spacing:-.07em;margin:.6rem 0;text-shadow:4px 4px #0a0a0a}.member-hero h1 span{color:var(--accent)}.member-hero p:not(.eyebrow){max-width:840px;color:#dbdbdb}
.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.panel,.forum-board{position:relative;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));border:0!important;background:
linear-gradient(120deg,#ffffff10 0 2px,transparent 3px 100%),
repeating-linear-gradient(173deg,transparent 0 17px,#eee1 18px,#0000 20px),
linear-gradient(150deg,#1c1e20,#0c0d0f 58%,#232428);
padding:1.6rem;box-shadow:inset 0 0 0 3px #a2a2a2,inset 0 0 0 6px #141414}
.panel:before,.forum-board:before{content:"";pointer-events:none;position:absolute;inset:8px;background:linear-gradient(120deg,#ff7209 0 5px,transparent 7px 40%,#ff7d0b 41% 43%,transparent 46%);opacity:.13;clip-path:polygon(0 0,100% 0,100% 7px,7px 7px,7px 100%,0 100%)}
.panel h2{font-size:1.5rem;text-transform:uppercase;font-weight:1000;margin:0 0 .9rem;border-bottom:3px solid #f7791c;padding-bottom:.5rem}
.panel label{display:block;margin:1rem 0;color:#fff;font-size:.81rem;letter-spacing:.05em;text-transform:uppercase;font-weight:900}
.panel input,.panel select,.panel textarea{width:100%;display:block;margin-top:.3rem;padding:.85rem;background:#08090b;color:#fff;border:2px solid #888;border-bottom:3px solid #ef7313;border-radius:0;font:inherit}
.panel input:focus,.panel select:focus,.panel textarea:focus{outline:3px solid #f77c17;outline-offset:2px}
.member-button{display:inline-block;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));border:0!important;background:linear-gradient(145deg,#ffa03b,#f1740a 63%,#a63f03);color:#111;padding:.83rem 1.25rem;font:inherit;font-weight:1000;text-transform:uppercase;letter-spacing:.045em;cursor:pointer;text-decoration:none}
.member-button:hover:not(:disabled){filter:brightness(1.13)}.member-button:disabled{background:linear-gradient(#4b4b4b,#272727);color:#ddd;cursor:not-allowed}.member-button.secondary{background:#26282b;color:white;box-shadow:inset 0 0 0 2px #a4a4a4}.link-button{margin-left:.6rem}
.status{background:#191716;color:#ffdcb9;border:2px solid #f57a1b;border-left-width:7px;padding:.75rem 1rem;display:inline-block;font-size:.81rem;font-weight:850}.warning{border-color:#f55e2f}
.note,.result{color:#d2d2d2;font-size:.84rem}.result{min-height:1.4em}.member-bottom{margin-top:1.2rem}
.forum-board{display:block;width:100%;min-height:105px;text-align:left;text-decoration:none;cursor:pointer;margin:.8rem 0;color:#fff}.forum-board h3{margin:.2rem 0}.forum-board small{color:#ffac69;font-weight:900}.forum-board p{color:#d2d2d2}
.forum-thread{padding:1.2rem;border-bottom:2px solid #555}.forum-thread button{background:none;border:0;text-align:left;color:#ff8b30;font:inherit;font-weight:900;cursor:pointer}.forum-thread p{white-space:pre-wrap;overflow-wrap:anywhere}.forum-thread small{color:#c4c4c4}.forum-form textarea{min-height:140px}
.hidden{display:none!important}footer{text-align:center;padding:2rem;color:#bdbdbd;border-top:2px solid #777;font-size:.75rem}
@media(max-width:750px){.member-grid{grid-template-columns:1fr}.member-hero{padding:1.8rem 0}.panel{padding:1.2rem}}

/* Hand-finished, irregular scuffs: sparse accents; never a repeating damage pattern. */
body{background-image:radial-gradient(ellipse at 93% 4%,#ed720e1a,transparent 31%),linear-gradient(165deg,#161719,#070809 70%)!important}
.panel,.forum-board{
 background:linear-gradient(154deg,#1c1d1f 0%,#101113 54%,#18191b 100%)!important;
 box-shadow:inset 0 0 0 3px #989898,inset 0 0 0 6px #121213!important;
}
.panel::before,.forum-board::before{
 content:"";position:absolute;pointer-events:none;inset:7px;
 background:linear-gradient(118deg,#ff760f 0 4px,transparent 5px 100%) top left / 55px 42px no-repeat;
 opacity:.48;clip-path:none;
}
.panel:nth-of-type(3n+2)::after,.forum-board:nth-of-type(5n+3)::after{
 content:"#";position:absolute;pointer-events:none;right:24px;top:18px;
 color:#bcbcbc;font:900 15px/1 monospace;transform:rotate(-16deg);opacity:.27;
 text-shadow:5px 2px 0 #ff7d18;
}
.panel:nth-of-type(4n+3)::after{
 content:"╱╱";position:absolute;pointer-events:none;right:31px;bottom:20px;
 color:#d6d6d6;font:900 9px/1 monospace;transform:rotate(9deg);opacity:.22;
}
.forum-board:nth-of-type(7n+5)::before{background:linear-gradient(83deg,#ff8c21,transparent 25%) top right/18px 12px no-repeat}
.member-button:focus-visible,.forum-board:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
