*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--surface: #000000;--surface2: rgba(102,99,95,.12);--surface3: rgba(102,99,95,.22);--border: rgba(255,247,221,.16);--border-strong: rgba(255,247,221,.3);--text: #fff7dd;--text-secondary:rgba(255,247,221,.7);--muted: rgba(255,247,221,.45);--ash: #66635f;--accent: #c8ad86;--accent-dim: rgba(200,173,134,.12);--accent-text: #c8ad86;--green: #8caf7c;--green-dim: rgba(140,175,124,.12);--red: #c1614a;--red-dim: rgba(193,97,74,.12);--yellow: #b98a4e;--yellow-dim: rgba(185,138,78,.12);--blue: rgba(255,247,221,.55);--radius: 4px;--radius-lg: 4px;--radius-pill: 100px;--font-display: "General Sans", "Inter", system-ui, -apple-system, sans-serif;--font-body: "General Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Menlo", "Consolas", monospace}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}h1,h2,.page-title,.stat-value,.sidebar-brand-name,.login-title,.landing-title,.guild-card-name{font-family:var(--font-display)}.avatar,.hex-avatar{border-radius:var(--radius);flex-shrink:0;background:var(--surface3);display:block}.hex-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 24px}.sidebar-brand-mark{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border-strong);background:transparent;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:500;font-size:14px;overflow:hidden}.sidebar-brand-mark img{width:84%;height:84%;object-fit:contain}.sidebar-brand-name{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.25}.sidebar-brand-tag{font-size:11px;color:var(--muted);font-weight:400}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:var(--radius);border-left:2px solid transparent;font-size:13.5px;font-weight:400;color:var(--text-secondary);transition:background .12s,color .12s,border-color .12s}.sidebar-link svg{flex-shrink:0;opacity:.8}.sidebar-link:hover{background:var(--surface2);color:var(--text)}.sidebar-link.active{background:var(--surface2);color:var(--accent);border-left-color:var(--accent)}.sidebar-link.active svg{opacity:1}.sidebar-group{margin-top:16px}.sidebar-group-label{display:flex;align-items:center;gap:8px;padding:4px 11px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px}.sidebar-subnav{display:flex;flex-direction:column;gap:1px}.sidebar-subnav .sidebar-link{padding-left:11px}.sidebar-footer{border-top:1px solid var(--border);padding-top:14px;margin-top:14px;display:flex;align-items:center;gap:10px}.sidebar-user-name{font-size:12.5px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);color:var(--text-secondary);background:transparent;border:none;transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface2);color:var(--text)}.main{flex:1;min-width:0;padding:40px 44px}.home-title{font-size:26px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}.home-sub{color:var(--text-secondary);margin-bottom:36px;font-size:14px}.guild-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.guild-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 28px 22px;display:flex;flex-direction:column;gap:22px;transition:border-color .15s;cursor:pointer;text-decoration:none;color:inherit;min-height:130px;position:relative}.guild-card:hover{border-color:var(--accent)}.guild-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guild-card-icon{width:38px;height:38px;border-radius:var(--radius);border:1px solid var(--border-strong);background:transparent;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:14px}.guild-card-name{font-size:18px;font-weight:500;letter-spacing:-.015em}.guild-card-tag{font-size:12px;color:var(--muted);margin-top:4px;font-family:var(--font-mono)}.guild-card-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;white-space:nowrap;padding:3px 10px 3px 8px;border-radius:var(--radius-pill);border:1px solid}.guild-card-status.on{border-color:var(--green);color:var(--green)}.guild-card-status.off{border-color:var(--border-strong);color:var(--muted)}.guild-card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto}.guild-enter{font-size:13px;font-weight:400;color:var(--text-secondary);display:flex;align-items:center;gap:4px;transition:color .12s,gap .12s}.guild-card:hover .guild-enter{color:var(--accent);gap:7px}.overview-stat-row{display:flex;gap:12px;margin-bottom:28px}.stat-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 22px}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:500;margin-bottom:8px}.stat-value{font-size:19px;font-weight:500;letter-spacing:-.015em}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 800px){.overview-grid{grid-template-columns:1fr}}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.feed-header{padding:14px 20px;border-bottom:1px solid var(--border);font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:space-between}.feed-body{max-height:340px;overflow-y:auto}.feed-empty{padding:28px;text-align:center;color:var(--muted);font-size:13px}.chat-line{display:flex;gap:10px;padding:7px 20px;font-size:13px;align-items:center}.chat-time{color:var(--muted);font-size:11px;flex-shrink:0;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.chat-player{font-weight:600;color:var(--accent);flex-shrink:0;min-width:80px}.chat-msg{color:var(--text-secondary);word-break:break-word}.event-line{display:flex;gap:10px;padding:8px 20px;border-bottom:1px solid var(--border);font-size:13px;align-items:center}.event-line:last-child{border-bottom:none}.event-time{color:var(--muted);font-size:11px;flex-shrink:0;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.event-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.event-dot.join{background:var(--green)}.event-dot.leave{background:var(--muted)}.event-dot.kick{background:var(--red)}.event-dot.mute{background:var(--yellow)}.event-dot.unmute{background:var(--blue)}.event-dot.promote{background:var(--accent)}.event-dot.demote{background:var(--text-secondary)}.event-dot.default{background:var(--muted)}.event-msg{color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid transparent;background:transparent;transition:border-color .12s,color .12s,background .12s}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{border-color:var(--accent);color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-secondary)}.btn-discord{background:#5865f2;color:#fff;border-color:#5865f2;padding:11px 24px;font-size:14px;font-weight:600}.btn-discord:hover{filter:brightness(1.1)}.btn-sm{padding:5px 11px;font-size:12px}.segmented{display:inline-flex;gap:2px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px}.segmented-btn{border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:var(--radius-pill);transition:border-color .12s,color .12s}.segmented-btn:hover:not(.active){color:var(--text)}.segmented-btn.active{border-color:var(--accent);color:var(--accent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);border:1px solid;background:transparent;font-size:10.5px;font-weight:500;letter-spacing:.02em}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-admin{border-color:var(--accent);color:var(--accent)}.badge-user{border-color:var(--border-strong);color:var(--text-secondary)}.badge-on{border-color:var(--green);color:var(--green)}.badge-off{border-color:var(--red);color:var(--red)}.badge-online{border-color:var(--green);color:var(--green)}.badge-warn{border-color:var(--yellow);color:var(--yellow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#000;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:28px;width:420px;max-width:95vw}.modal-title{font-size:16px;font-weight:500;letter-spacing:-.015em;margin-bottom:20px;font-family:var(--font-display)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius);padding:9px 12px;color:var(--text);font:inherit;font-size:13px;transition:border-color .12s}.form-input:focus{outline:none;border-color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.toggle-row label{font-size:13px;color:var(--text-secondary)}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.login-error{color:var(--red);font-size:13px;margin-top:16px}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--bg);padding:96px 24px 48px;position:relative}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:560px;margin-bottom:72px}.landing-logo{width:52px;height:52px;border-radius:var(--radius);border:1px solid var(--border-strong);background:transparent;margin-bottom:28px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:500;font-size:20px;overflow:hidden}.landing-logo img{width:84%;height:84%;object-fit:contain}.landing-title{font-family:var(--font-display);font-size:44px;font-weight:400;letter-spacing:-.04em;line-height:1.13;margin-bottom:16px;color:var(--text)}.landing-sub{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:36px}.landing-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;border-radius:var(--radius);margin-bottom:16px}.landing-hint{font-size:12px;color:var(--muted)}.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px;width:100%;margin-bottom:64px}@media (max-width: 560px){.landing-features{grid-template-columns:1fr}.landing-title{font-size:34px}}.landing-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .15s}.landing-feature-card:hover{border-color:var(--accent)}.landing-feature-icon{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border-strong);background:transparent;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.landing-feature-title{font-size:14px;font-weight:500;margin-bottom:6px;font-family:var(--font-display)}.landing-feature-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.landing-footer{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.events-section-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:14px}.page-title{font-size:20px;font-weight:500;letter-spacing:-.015em;margin-bottom:24px}.empty{color:var(--muted);text-align:center;padding:40px;font-size:13px}.header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.text-muted{color:var(--text-secondary)}.text-green{color:var(--green)}.text-red{color:var(--red)}.mono{font-family:var(--font-mono)}.dye-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.dye-swatch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:border-color .15s}.dye-swatch:not(.locked):hover{border-color:var(--accent)}.dye-swatch.locked{opacity:.5}.dye-swatch.locked .dye-icon{filter:grayscale(1) brightness(.7)}.dye-swatch.locked .dye-icon-frame{background:var(--surface3)!important}.dye-icon-frame{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.dye-icon{width:32px;height:32px;image-rendering:pixelated}.dye-swatch-name{font-size:12.5px;font-weight:500}.dye-swatch-odds{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.dye-search-result:hover{background:var(--surface2)}.dye-recent-list{display:flex;flex-direction:column;gap:2px}.dye-recent-row{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:var(--radius)}.dye-recent-row:hover{background:var(--surface2)}.dye-recent-icon-frame{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dye-recent-icon{width:18px;height:18px;image-rendering:pixelated}.dye-recent-time{margin-left:auto;font-size:11px;color:var(--muted);font-family:var(--font-mono);white-space:nowrap}