:root{--night: #060606;--panel: #0f0e0c;--panel-2: #161411;--line: #2a2620;--amber: #ffb000;--amber-soft: #d99600;--amber-ink: #1a1200;--text: #ede7d9;--muted: #a39b8b;--ok: #7ddc96;--bad: #ff7a66;--display: "DotGothic16", "Courier New", monospace;--body: "Archivo", "Segoe UI", system-ui, sans-serif;--data: "Martian Mono", ui-monospace, "Cascadia Mono", monospace;--r: 6px;--gap: clamp(16px, 3vw, 28px);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--night);color:var(--text);font:400 16px/1.6 var(--body);text-rendering:optimizeLegibility}::selection{background:var(--amber);color:var(--amber-ink)}*{scrollbar-color:#3a342b var(--night)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px}a{color:var(--amber);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#ffc84a}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.skip{position:absolute;left:-999px;top:8px;background:var(--amber);color:var(--amber-ink);padding:8px 12px;z-index:20}.skip:focus{left:8px}.top{border-bottom:1px solid var(--line);background:var(--night);position:sticky;top:0;z-index:10}.top-in{display:flex;align-items:center;gap:4px 18px;padding-top:12px;flex-wrap:wrap}.logo{font-family:var(--display);font-size:22px;letter-spacing:.08em;color:var(--amber);text-decoration:none;text-shadow:0 0 10px rgba(255,176,0,.45);margin-right:auto}.top nav{flex:1 0 100%;display:flex;gap:0 20px;overflow-x:auto;scrollbar-width:none;margin-top:4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.top nav::-webkit-scrollbar{display:none}.top nav a,.acct{color:var(--muted);text-decoration:none;font-weight:500;padding:10px 2px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease-out,border-color .15s ease-out}.top nav a:hover,.acct:hover{color:var(--text)}.top nav a.on{color:var(--text);border-bottom-color:var(--amber)}.acct{border:1px solid var(--line);border-radius:var(--r);padding:0 12px;min-height:38px;color:var(--text)}.acct.on{border-color:var(--amber)}.status{font:400 12px/1 var(--data);color:var(--muted);display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:38px}.status:hover{color:var(--text)}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:#4a4337}.status.live:before{background:var(--ok);box-shadow:0 0 0 3px #7ddc962e}.sign{background:#090807;border:1px solid #000;box-shadow:0 0 0 6px #141210,0 18px 40px -20px #000000e6;border-radius:10px;padding:clamp(10px,2vw,18px);overflow:hidden}.sign-canvas{display:block;width:100%}.hero{padding-block:clamp(28px,6vw,56px) clamp(24px,5vw,44px);display:grid;gap:clamp(24px,4vw,40px)}.hero-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px var(--gap);align-items:end}.hero h1,.hero .lead{grid-column:1}.hero .actions{grid-column:2;grid-row:1 / span 2;justify-content:flex-end;align-self:end}@media (max-width: 760px){.hero-copy{grid-template-columns:minmax(0,1fr)}.hero .actions{grid-column:1;grid-row:auto;justify-content:flex-start}}h1,h2{text-wrap:balance;letter-spacing:-.01em}h1{font-size:clamp(30px,4.6vw,48px);line-height:1.08;margin:0;font-weight:700}h2{font-size:22px;line-height:1.2;margin:40px 0 14px;font-weight:700}.lead{color:#cfc7b6;max-width:62ch;margin:0;font-size:17px}.muted{color:var(--muted)}.small{font-size:14px}.mono{font-family:var(--data);font-size:.86em;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:var(--r);border:1px solid var(--amber);background:var(--amber);color:var(--amber-ink);font:600 16px/1 var(--body);text-decoration:none;cursor:pointer;transition:background .15s ease-out,transform .1s ease-out,box-shadow .2s ease-out}.btn:hover{background:#ffc233;color:var(--amber-ink);box-shadow:0 6px 18px -8px #ffb00099}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress}.btn.ghost{background:transparent;color:var(--amber)}.btn.ghost:hover{background:#ffb00014}.small-btn{min-height:40px;padding:0 14px;font-size:14px}.link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;padding:8px 0;font:inherit;font-size:14px}.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--gap);padding-bottom:24px}.grid2 h2{margin-top:8px}@media (max-width: 860px){.grid2{grid-template-columns:minmax(0,1fr)}}.head-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.head-row h1,.head-row h2{margin-bottom:14px}.more{font-size:14px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}table.rank{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rank th{text-align:left;font:600 11px/1 var(--data);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.rank td{padding:11px 14px;border-top:1px solid #1c1915;vertical-align:middle}.rank tr:first-child td{border-top:0}.rank tbody tr:hover td{background:#14120f}.rank .n{text-align:right;font-family:var(--data);font-size:14px;white-space:nowrap}.rank .pos{color:var(--muted);text-align:left;width:3.5em}.rank th.n{font:600 11px/1 var(--data);color:var(--muted)}.rank th.hl,.rank .podium .pos{color:var(--amber)}.who{font-weight:600}.cls{display:block;color:var(--muted);font-size:13px}.cls-col{color:#cfc7b6;font-size:14px}.online{display:inline-block;margin-left:8px;font:600 11px/1.6 var(--data);color:var(--ok);text-transform:uppercase;letter-spacing:.06em}.servers{list-style:none;margin:0 0 18px;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.servers li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #1c1915}.servers li:first-child{border-top:0}.srv-name{flex:1;min-width:0}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.off{background:#5a5246}.steps{margin:0;padding-left:1.3em;display:grid;gap:10px;color:#cfc7b6}.steps b{color:var(--text)}.steps li::marker{color:var(--amber);font-family:var(--data);font-size:13px}.page{padding-block:clamp(28px,5vw,48px) 24px}.page>.lead{margin-top:12px;margin-bottom:24px}.narrow{max-width:560px}.form{display:grid;gap:16px;max-width:460px;margin-bottom:16px}.field{display:grid;gap:6px}.field>span,.filters span{font-weight:600;font-size:14px}.field small{color:var(--muted);font-size:13px}input,select{width:100%;min-height:46px;padding:10px 12px;border-radius:var(--r);border:1px solid #3a342b;background:#0b0a09;color:var(--text);font:400 16px/1.3 var(--body);caret-color:var(--amber)}input::placeholder{color:#857d6e}input:hover,select:hover{border-color:#4d4538}input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:0;border-color:var(--amber)}.error{color:var(--bad);margin:0}.ok{color:var(--ok);margin:0}.filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:16px;max-width:640px}.filters label{display:grid;gap:6px}@media (max-width: 520px){.filters{grid-template-columns:minmax(0,1fr)}}.facts{display:flex;flex-wrap:wrap;gap:12px 40px;margin:4px 0 0}.facts dt{font:600 11px/1.4 var(--data);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.facts dd{margin:4px 0 0;font-size:18px}.chars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.chars li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;gap:4px;align-content:start}.char-top{display:flex;align-items:baseline;flex-wrap:wrap}.char-top .who{font-size:18px}.char-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;color:var(--muted)}.char-stats b{color:var(--amber);font-weight:600}.map{color:var(--muted);font-size:13px}.narrow-form{margin-top:4px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-block:28px 36px;margin-top:32px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.tabs button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:500 14px/1 var(--body);cursor:pointer;transition:color .15s ease-out,border-color .15s ease-out,background .15s ease-out}.tabs button:hover{color:var(--text);border-color:#4d4538}.tabs button.on{background:var(--amber);border-color:var(--amber);color:var(--amber-ink);font-weight:600}.chips{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 12px;font-size:14px;color:#cfc7b6}.chips b{color:var(--amber);margin-left:4px}.rank .hl{color:var(--amber)}.map-col{color:#cfc7b6;font-size:14px}.show-s{display:none}@media (max-width: 600px){.hide-s{display:none}.show-s{display:block}}.kicker{font:600 11px/1.4 var(--data);text-transform:uppercase;letter-spacing:.1em;color:var(--amber-soft);margin:0 0 6px}.badge{font:600 11px/1 var(--data);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px}.badge.live{color:var(--ok);border-color:#7ddc9666}.bigstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:20px 0 24px}.bigstats>div{background:var(--panel);padding:14px 16px}.bigstats dt{font:600 11px/1.4 var(--data);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.bigstats dd{margin:6px 0 0;font:400 clamp(26px,4vw,34px)/1 var(--display);color:var(--amber);text-shadow:0 0 12px rgba(255,176,0,.3)}.back{margin-top:28px;font-size:14px}.mark{display:block;flex:none;border-radius:3px;outline:1px solid var(--line)}.guild-cell{display:inline-flex;align-items:center;gap:10px}.guild-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.guild-head .mark{border-radius:6px}.castle{background:linear-gradient(180deg,#17130b,var(--panel));border:1px solid #3a2f17;border-radius:var(--r);padding:16px 18px;margin:12px 0 18px}.castle.fighting{border-color:var(--amber);box-shadow:0 0 0 1px #ffb00040,0 0 28px -10px #ffb00099}.castle-top{display:flex;align-items:center;gap:14px}.castle-empty{width:44px;height:44px;display:grid;place-items:center;border:1px dashed #4d4538;border-radius:4px;color:var(--muted);font-family:var(--display);font-size:22px}.castle-owner{margin:0;font:400 24px/1.1 var(--display);color:var(--amber)}.castle-owner a{text-decoration:none}.castle-facts{display:grid;gap:8px;margin:14px 0 0}.castle-facts dt{font:600 11px/1.4 var(--data);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.castle-facts dd{margin:2px 0 0}.castle-reg{margin-top:14px}.events{list-style:none;margin:0 0 8px;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.events li{display:grid;grid-template-columns:4.2em minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:12px 14px;border-top:1px solid #1c1915}.events li:first-child{border-top:0}.ev-time{color:var(--muted);font-size:14px}.ev-left{color:var(--muted);font-size:12px;white-space:nowrap}.events li.next .ev-time,.events li.next .ev-left{color:var(--amber)}.events li.next .ev-name{font-weight:600}.news{display:grid;gap:12px}.news article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.news h3{margin:0 0 8px;font-size:18px;line-height:1.3}.news p{margin:0 0 8px;color:#cfc7b6;max-width:68ch}.news p:last-child{margin-bottom:0}.news .kicker{margin-bottom:4px}.narrow-wide{max-width:760px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.info-grid article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:4px 18px 16px}.info-grid h2{font-size:18px;margin:14px 0 10px}.plain{margin:0;padding-left:1.1em;display:grid;gap:8px;color:#cfc7b6}.plain li::marker{color:var(--amber)}.plain b{color:var(--text);font-weight:600}@media (prefers-reduced-motion: reduce){*{transition:none!important}}
