*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #14100a;--surface: #1d160d;--surface2: #241b10;--surface3: #2e2313;--border: rgba(232,180,79,.12);--border-strong: rgba(232,180,79,.28);--text: #f3e8d2;--text-secondary:#b9ac90;--muted: #7a6e54;--accent: #e8a93b;--accent-dim: rgba(232,169,59,.14);--accent-text: #f5c36b;--green: #7fb069;--green-dim: rgba(127,176,105,.14);--red: #e1553a;--red-dim: rgba(225,85,58,.14);--yellow: #d9a441;--blue: #6fa8c9;--radius: 8px;--radius-lg: 14px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "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;background-image:radial-gradient(ellipse 900px 500px at 15% -10%,rgba(232,169,59,.06),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 0%,rgba(127,176,105,.03),transparent 55%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}h1,h2,.page-title,.stat-value,.sidebar-brand,.login-title,.landing-title,.guild-card-name{font-family:var(--font-display)}.hex{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.hex-avatar{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);flex-shrink:0;background:var(--surface3);display:block}.hex-dot{width:8px;height:8px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:inline-block;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{width:232px;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:10px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text);padding:6px 8px 22px}.hex-mark{width:20px;height:20px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(150deg,var(--accent-text),var(--accent) 60%,#a8721f);flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-secondary);transition:background .12s,color .12s;letter-spacing:-.01em}.sidebar-link:hover{background:var(--surface2);color:var(--text)}.sidebar-link.active{background:var(--accent-dim);color:var(--accent-text)}.sidebar-group{margin-top:14px}.sidebar-group-label{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}.sidebar-subnav{display:flex;flex-direction:column;gap:1px;margin-left:10px;padding-left:10px;border-left:1px solid var(--border)}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;display:flex;align-items:center;gap:9px}.sidebar-user-name{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;min-width:0;padding:40px 44px}.home-title{font-size:26px;font-weight:700;letter-spacing:-.03em;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:24px;transition:border-color .15s,background .15s;cursor:pointer;text-decoration:none;color:inherit;min-height:130px;position:relative;overflow:hidden}.guild-card:before{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--accent-dim);opacity:0;transition:opacity .2s}.guild-card:hover{border-color:var(--border-strong);background:var(--surface2)}.guild-card:hover:before{opacity:1}.guild-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guild-card-name{font-size:21px;font-weight:700;letter-spacing:-.03em}.guild-card-tag{font-size:12px;color:var(--muted);margin-top:5px;font-family:var(--font-mono)}.guild-card-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;padding-top:4px}.guild-card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto}.guild-enter{font-size:13px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:4px;transition:color .12s}.guild-card:hover .guild-enter{color:var(--accent-text)}.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:20px 24px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600;margin-bottom:8px}.stat-value{font-size:20px;font-weight:700;letter-spacing:-.02em}.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:600;font-size:13px;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.01em}.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-text);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:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.offline{background:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:none;transition:opacity .12s,filter .12s,background .12s;letter-spacing:-.01em}.btn:disabled{opacity:.4;pointer-events:none}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn-primary{background:var(--accent);color:#1a1206;font-weight:600}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-ghost:hover{color:var(--text)}.btn-discord{background:#5865f2;color:#fff;padding:11px 24px;font-size:14px;font-weight:600}.btn-sm{padding:4px 10px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.01em}.badge-admin{background:var(--accent-dim);color:var(--accent-text)}.badge-user{background:var(--surface3);color:var(--text-secondary)}.badge-on{background:var(--green-dim);color:var(--green)}.badge-off{background:var(--red-dim);color:var(--red)}.badge-online{background:var(--green-dim);color:var(--green)}.badge-warn{background:#d9a44124;color:var(--yellow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0703b8;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--surface);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:700;letter-spacing:-.02em;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:11px;color:var(--muted);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.form-input{width:100%;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px 12px;color:var(--text);font:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.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:2px 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:radial-gradient(ellipse 1000px 600px at 50% -10%,rgba(232,169,59,.1),transparent 60%),var(--bg);padding:96px 24px 48px;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(120deg,transparent 0 66px,rgba(232,169,59,.035) 66px 68px),repeating-linear-gradient(60deg,transparent 0 66px,rgba(232,169,59,.035) 66px 68px);-webkit-mask-image:radial-gradient(ellipse 900px 500px at 50% 0%,black,transparent 70%);mask-image:radial-gradient(ellipse 900px 500px at 50% 0%,black,transparent 70%)}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:560px;margin-bottom:72px;position:relative}.landing-logo{width:52px;height:52px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(150deg,var(--accent-text),var(--accent) 55%,#8a611c);margin-bottom:26px;filter:drop-shadow(0 0 28px rgba(232,169,59,.35))}.landing-title{font-family:var(--font-display);font-size:54px;font-weight:700;letter-spacing:-.04em;margin-bottom:16px;background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-sub{font-size:16px;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-lg);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;position:relative}@media (max-width: 560px){.landing-features{grid-template-columns:1fr}.landing-title{font-size:38px}}.landing-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .15s,transform .15s}.landing-feature-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.landing-feature-icon{width:30px;height:30px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--accent-dim);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:14px}.landing-feature-title{font-size:14px;font-weight:600;margin-bottom:6px;font-family:var(--font-display)}.landing-feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.landing-footer{font-size:12px;color:var(--muted);font-family:var(--font-mono);position:relative}.events-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:14px}.page-title{font-size:20px;font-weight:700;letter-spacing:-.02em;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,transform .15s}.dye-swatch:not(.locked):hover{border-color:var(--border-strong);transform:translateY(-2px)}.dye-swatch.locked{opacity:.55}.dye-swatch.locked .dye-icon{filter:grayscale(1) brightness(.7)}.dye-swatch.locked .dye-icon-frame{background:var(--surface3)!important}.dye-icon-frame{width:60px;height:60px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);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:600}.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:34px;height:34px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);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}