:root{--bg: #0b0b0c;--bg-deep: #050506;--surface: #151517;--surface-2: #1f1f22;--line: #333338;--fg: #efeff1;--muted: #a0a0a8;--crimson: #a3202a;--steel: #8b8b95;--silver: #d4d4da;--red: #e5252f;--accent: #e5252f;--on-accent: #ffffff;--font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme: dark;}@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--bg: #f2f2f3;--bg-deep: #e3e3e6;--surface: #ffffff;--surface-2: #ebebee;--line: #cdcdd3;--fg: #141416;--muted: #55555e;--crimson: #8f1a23;--steel: #6e6e78;--silver: #3c3c44;--red: #c8161f;--accent: #c8161f;--on-accent: #ffffff;color-scheme: light;}}:root[data-theme="light"]{--bg: #f2f2f3;--bg-deep: #e3e3e6;--surface: #ffffff;--surface-2: #ebebee;--line: #cdcdd3;--fg: #141416;--muted: #55555e;--crimson: #8f1a23;--steel: #6e6e78;--silver: #3c3c44;--red: #c8161f;--accent: #c8161f;--on-accent: #ffffff;color-scheme: light;}*{box-sizing: border-box;}html{scroll-behavior: smooth;scroll-padding-top: 4.5rem;}body{background: var(--bg);color: var(--fg);font-family: var(--font-body);font-size: 16px;line-height: 1.55;padding-inline: clamp(16px, 4vw, 32px);padding-block: 0 3rem;}.wrap{max-width: 1080px;margin-inline: auto;}h1, h2, h3{font-family: var(--font-display);font-weight: 800;line-height: 1;margin: 0;text-wrap: balance;text-transform: uppercase;letter-spacing: 0.01em;}p{margin: 0;}a{color: inherit;}:focus-visible{outline: 2px solid var(--silver);outline-offset: 2px;}.mono{font-family: var(--font-mono);}.eyebrow{font-family: var(--font-mono);font-size: 0.75rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);}.top{position: sticky;top: env(safe-area-inset-top, 0px);z-index: 20;background: color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter: blur(8px);border-bottom: 1px solid var(--line);margin-inline: calc(-1 * clamp(16px, 4vw, 32px));padding-inline: clamp(16px, 4vw, 32px);}.top-in{max-width: 1080px;margin-inline: auto;display: flex;align-items: center;gap: 1rem;padding-block: 0.6rem;}.brand{display: flex;align-items: center;gap: 0.7rem;text-decoration: none;flex: none;}.brand-name{font-family: var(--font-display);font-weight: 800;font-size: 1.3rem;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap;}.brand-name b{color: var(--accent);font-weight: 800;}.el{position: relative;display: grid;place-items: center;border: 1.5px solid var(--accent);background: var(--surface);color: var(--fg);font-family: var(--font-display);font-weight: 800;}.el small{position: absolute;top: 3px;left: 5px;font-family: var(--font-mono);font-weight: 500;font-size: 0.6rem;color: var(--muted);}.el.sm{width: 40px;height: 40px;font-size: 1.5rem;border-radius: 3px;}nav{margin-left: auto;display: flex;gap: 0.25rem;overflow-x: auto;min-width: 0;scrollbar-width: none;}nav::-webkit-scrollbar{display: none;}nav a{font-family: var(--font-mono);font-size: 0.8rem;text-decoration: none;padding: 0.45rem 0.7rem;border-radius: 4px;color: var(--muted);white-space: nowrap;}nav a:hover{color: var(--fg);background: var(--surface);}.btn{font: 600 0.95rem/1 var(--font-body);display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.8rem 1.2rem;border-radius: 4px;border: 1.5px solid var(--accent);background: var(--accent);color: var(--on-accent);cursor: pointer;text-decoration: none;}.btn:hover{filter: brightness(1.08);}.btn.ghost{background: transparent;color: var(--fg);border-color: var(--line);}.btn.ghost:hover{border-color: var(--muted);filter: none;}.btn.small{padding: 0.5rem 0.8rem;font-size: 0.85rem;}.btn[disabled], .btn[aria-disabled="true"]{opacity: 0.5;cursor: not-allowed;}.btn.on{background: transparent;color: var(--silver);border-color: var(--silver);}.linkbtn{background: none;border: 0;padding: 0;font: 500 0.8rem var(--font-mono);color: var(--muted);text-decoration: underline;cursor: pointer;}.linkbtn:hover{color: var(--red);}.hero{display: grid;grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);gap: 2.5rem;align-items: center;padding-block: 3rem 2.25rem;}.hero h1{font-size: clamp(2.9rem, 8.5vw, 5.6rem);line-height: 0.92;}.hero h1 em{font-style: normal;color: var(--accent);}.hero p.lead{margin-top: 1.25rem;max-width: 52ch;color: var(--muted);font-size: 1.05rem;}.cta{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1.75rem;}.logo-stage{justify-self: center;width: min(100%, 380px);display: grid;place-items: center;padding: 1rem;background: radial-gradient(closest-side, color-mix(in srgb, var(--accent) 28%, transparent), transparent 75%);}.hero-logo{width: 100%;height: auto;display: block;filter: drop-shadow(0 6px 24px color-mix(in srgb, var(--accent) 35%, transparent));}.brand-logo{width: 40px;height: auto;display: block;flex: none;}.rule-line{height: 4px;background: linear-gradient(90deg, var(--accent) 0 72px, var(--line) 72px 100%);}section.block{padding-block: 3.5rem 0.5rem;}.sec-head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 0.75rem 1.5rem;margin-bottom: 1.5rem;}.sec-head h2{font-size: clamp(2rem, 5vw, 3rem);}.sec-head p{color: var(--muted);max-width: 54ch;margin-top: 0.5rem;}.sec-head > div{min-width: 0;}.legend{display: flex;flex-wrap: wrap;gap: 0.5rem 1rem;font-family: var(--font-mono);font-size: 0.72rem;color: var(--muted);}.legend span{display: inline-flex;align-items: center;gap: 0.4rem;}.legend i{width: 10px;height: 10px;border-radius: 2px;display: inline-block;}.games{display: grid;grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));gap: 0.75rem;}.tile{--fam: var(--crimson);text-align: left;font: inherit;color: inherit;cursor: pointer;background: var(--surface);border: 1px solid var(--line);border-top: 3px solid var(--fam);border-radius: 4px;padding: 0.6rem 0.75rem 0.8rem;display: grid;gap: 0.15rem;min-width: 0;}.tile:hover{background: var(--surface-2);}.tile[aria-pressed="true"]{background: var(--surface-2);border-color: var(--fam);box-shadow: 0 0 0 2px var(--fam);}.tile .n{font-family: var(--font-mono);font-size: 0.7rem;color: var(--muted);}.tile .s{font-family: var(--font-display);font-weight: 800;font-size: 3rem;line-height: 1;}.tile .g{font-weight: 600;font-size: 0.92rem;line-height: 1.25;overflow-wrap: anywhere;}.tile .p{font-family: var(--font-mono);font-size: 0.7rem;color: var(--muted);}.fam-shooter{--fam: var(--red);}.fam-moba{--fam: var(--crimson);}.fam-mmo{--fam: var(--silver);}.fam-survival{--fam: var(--steel);}.filter-note{margin-top: 0.9rem;font-family: var(--font-mono);font-size: 0.8rem;color: var(--muted);min-height: 1.2rem;}.panel{background: var(--surface);border: 1px solid var(--line);border-radius: 4px;}.empty{padding: 1.5rem;color: var(--muted);border: 1px dashed var(--line);border-radius: 4px;}.tag{font-family: var(--font-mono);font-size: 0.65rem;letter-spacing: 0.08em;text-transform: uppercase;padding: 0.15rem 0.4rem;border: 1px solid var(--line);border-radius: 3px;color: var(--muted);white-space: nowrap;}.events{display: grid;gap: 0.75rem;}.event{display: grid;grid-template-columns: 76px minmax(0, 1fr) auto;gap: 1rem;align-items: center;padding: 0.9rem 1rem;}.date{text-align: center;border: 1px solid var(--line);border-radius: 3px;padding: 0.4rem 0;background: var(--bg-deep);}.date .m, .date .w{font-family: var(--font-mono);font-size: 0.68rem;letter-spacing: 0.1em;color: var(--muted);display: block;}.date .d{font-family: var(--font-display);font-weight: 800;font-size: 2.1rem;line-height: 1;display: block;}.event h3{font-size: 1.5rem;}.event .meta{font-family: var(--font-mono);font-size: 0.76rem;color: var(--muted);margin-top: 0.35rem;display: flex;flex-wrap: wrap;gap: 0.25rem 0.9rem;}.event .blurb{color: var(--muted);font-size: 0.92rem;margin-top: 0.35rem;}.rsvp{display: grid;gap: 0.35rem;justify-items: end;}.rsvp .count{font-family: var(--font-mono);font-size: 0.72rem;color: var(--muted);}.two{display: grid;grid-template-columns: minmax(0, 340px) minmax(0, 1fr);gap: 1.5rem;align-items: start;}form.panel{padding: 1.1rem;display: grid;gap: 0.85rem;}label, .lbl{display: grid;gap: 0.3rem;font-size: 0.8rem;font-family: var(--font-mono);color: var(--muted);letter-spacing: 0.04em;}input[type=text], input[type=url], input[type=number], input[type=datetime-local], select, textarea{font: 400 0.95rem var(--font-body);color: var(--fg);background: var(--bg-deep);border: 1px solid var(--line);border-radius: 4px;padding: 0.6rem 0.7rem;width: 100%;min-width: 0;}textarea{resize: vertical;min-height: 4.5rem;}.row2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem;}.checks{display: flex;flex-wrap: wrap;gap: 0.4rem;}.checks label{display: inline-flex;flex-direction: row;align-items: center;gap: 0.4rem;font-family: var(--font-body);font-size: 0.85rem;color: var(--fg);letter-spacing: 0;background: var(--bg-deep);border: 1px solid var(--line);border-radius: 4px;padding: 0.35rem 0.6rem;cursor: pointer;}.checks input{accent-color: var(--accent);}.posts{display: grid;gap: 0.75rem;}.post{padding: 0.9rem 1rem;display: grid;gap: 0.5rem;}.post-top{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;}.post-top .title{font-family: var(--font-display);font-weight: 800;font-size: 1.35rem;text-transform: uppercase;}.post .note{color: var(--muted);font-size: 0.92rem;overflow-wrap: anywhere;}.post-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 0.9rem;font-family: var(--font-mono);font-size: 0.76rem;color: var(--muted);}.post-foot .grow{flex: 1;}.tablewrap{overflow-x: auto;}table{border-collapse: collapse;width: 100%;min-width: 480px;}th, td{text-align: left;padding: 0.7rem 1rem;border-bottom: 1px solid var(--line);font-size: 0.95rem;}th{font-family: var(--font-mono);font-size: 0.72rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted);font-weight: 500;}td.pts, th.pts{text-align: right;font-family: var(--font-mono);font-variant-numeric: tabular-nums;}td.rk{font-family: var(--font-display);font-weight: 800;font-size: 1.4rem;width: 3.5rem;}tr:last-child td{border-bottom: 0;}tr.top1 td.rk{color: var(--accent);}.rules{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 0.75rem;}.rule{padding: 1rem;}.rule h3{font-size: 1.25rem;margin-bottom: 0.4rem;}.rule p{color: var(--muted);font-size: 0.92rem;}.status{font-family: var(--font-mono);font-size: 0.8rem;color: var(--silver);min-height: 1.2rem;}.status.err{color: var(--red);}.banner{margin-top: 1rem;padding: 0.65rem 0.9rem;border: 1px solid var(--line);border-left: 3px solid var(--crimson);border-radius: 4px;background: var(--surface);font-size: 0.85rem;color: var(--muted);}.staff-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 1rem;align-items: start;}.applist{display: grid;gap: 0.5rem;margin: 0;padding: 0;list-style: none;font-size: 0.88rem;}.applist li{padding: 0.6rem 0.75rem;background: var(--bg-deep);border: 1px solid var(--line);border-radius: 4px;overflow-wrap: anywhere;}footer{margin-top: 4rem;padding-top: 1.5rem;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: 0.75rem 1.5rem;justify-content: space-between;font-family: var(--font-mono);font-size: 0.78rem;color: var(--muted);}.toast{position: fixed;left: 50%;bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));transform: translateX(-50%);background: var(--fg);color: var(--bg);padding: 0.6rem 1rem;border-radius: 4px;font-size: 0.88rem;max-width: calc(100vw - 32px);opacity: 0;pointer-events: none;transition: opacity 0.2s;z-index: 50;}.toast.show{opacity: 1;}@media (max-width: 800px){.hero{grid-template-columns: minmax(0, 1fr);gap: 2rem;padding-top: 2rem;}.logo-stage{justify-self: start;width: min(100%, 260px);}.two{grid-template-columns: minmax(0, 1fr);}.event{grid-template-columns: 64px minmax(0, 1fr);}.rsvp{grid-column: 1 / -1;grid-template-columns: auto 1fr;justify-items: start;align-items: center;gap: 0.75rem;}.brand-name{font-size: 1.05rem;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}.toast{transition: none;}}html{-webkit-text-size-adjust: 100%;}body{margin: 0;}img{max-width: 100%;}[hidden]{display: none !important;}.hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}.namebar{display: flex;flex-wrap: wrap;align-items: end;gap: 0.75rem 1rem;margin-bottom: 1rem;padding: 0.9rem 1rem;}.namebar label{flex: 1 1 220px;}.namebar .hint{flex: 2 1 240px;color: var(--muted);font-size: 0.85rem;}.loginbox{max-width: 360px;margin-top: 1.5rem;}.foot-link{background: none;border: 0;padding: 0;font: inherit;color: var(--muted);text-decoration: underline;cursor: pointer;}.foot-link:hover{color: var(--fg);}.who{display: flex;align-items: center;gap: 0.5rem;flex: none;font-size: 0.85rem;}.who img{width: 28px;height: 28px;border-radius: 50%;display: block;background: var(--surface-2);}.who .nm{max-width: 11ch;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.tag.ok{color: var(--silver);border-color: var(--steel);}.tag.staff{color: var(--accent);border-color: var(--accent);}@media (max-width: 560px){.who .nm, .who .tag{display: none;}.top-in{gap: 0.6rem;}.brand-name{font-size: 0.95rem;}}.neterr{margin-top: 1.25rem;padding: 0.8rem 1rem;border: 1px solid var(--accent);border-radius: 4px;background: var(--surface);}.rulelist{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap: 0.75rem;counter-reset: rule;}.rulelist li{counter-increment: rule;display: grid;grid-template-columns: 2.4rem minmax(0, 1fr);gap: 0.75rem;align-items: start;background: var(--surface);border: 1px solid var(--line);border-radius: 4px;padding: 0.9rem 1rem;font-size: 0.95rem;overflow-wrap: anywhere;}.rulelist li::before{content: counter(rule);font-family: var(--font-display);font-weight: 800;font-size: 1.9rem;line-height: 1;color: var(--accent);}.rule-close{margin-top: 0.75rem;padding: 1rem 1.1rem;border-left: 4px solid var(--accent);font-weight: 500;}.fine{font-size: 0.85rem;color: var(--muted);}.fine a{color: var(--fg);}.joinwrap{max-width: 640px;}.doc{max-width: 74ch;margin-inline: auto;padding-block: 2.5rem 1rem;}.doc h1{font-size: clamp(2.4rem, 7vw, 3.6rem);margin-top: 0.5rem;}.doc .updated{margin-top: 0.75rem;font-family: var(--font-mono);font-size: 0.78rem;color: var(--muted);}.doc h2{font-size: 1.7rem;margin: 2.25rem 0 0.6rem;}.doc p, .doc li{color: var(--fg);}.doc p + p{margin-top: 0.8rem;}.doc ul{padding-left: 1.2rem;display: grid;gap: 0.45rem;margin: 0.6rem 0 0;}.doc a{color: var(--accent);}.doc .note{margin-top: 1.5rem;padding: 0.9rem 1rem;border-left: 4px solid var(--accent);background: var(--surface);border-radius: 4px;font-size: 0.92rem;color: var(--muted);}.roster{display:grid;gap:1rem}.rgroup h3{font-size:1.15rem;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem}.rgroup h3 i{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}.rlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.5rem}.rlist li{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0.7rem;background:var(--surface);border:1px solid var(--line);border-radius:4px;min-width:0}.rlist img{width:32px;height:32px;border-radius:50%;background:var(--line);flex:none}.rlist span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc ul + p{margin-top:0.8rem}