@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Marcellus&display=swap');
:root{color-scheme:dark;--gold:#f1cc70;--ink:#e0d6bb;--dim:#b1a891;--dark:#201e19;--edge:#62594a}*{box-sizing:border-box}body{margin:0;background:#141512;background-image:radial-gradient(ellipse at 50% 0,#343629 0,transparent 70%);color:var(--ink);font-family:'Share Tech Mono',monospace;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffe39b;outline-offset:3px}button{color:var(--ink)}.client{max-width:1260px;margin:28px auto;padding:0 22px}.titlebar{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:#252622;border:1px solid #555648;box-shadow:inset 0 1px #737362,0 5px 20px #0006}.titlebar>div{display:flex;align-items:center;gap:12px}.titlebar img{width:27px;height:27px;object-fit:cover}.titlebar b{letter-spacing:3px;color:var(--gold)}.titlebar span{font-size:14px;color:#aaa992;border-left:1px solid #696550;padding-left:14px}.titlebar>a{font-size:14px}.worldbar{display:flex;justify-content:space-between;padding:14px 4px;font-size:14px;color:var(--dim)}.worldbar strong,.worldbar b{color:#dfd8ba;font-weight:400}.worldbar i{padding:0 14px;color:#6f6b58}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px}.stone{border:5px ridge #746b58;background:#39372e;box-shadow:0 3px 10px #0006,inset 0 0 0 2px #171810;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff02 4px)}main{min-width:0;min-height:590px}.main-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px 0;background:#28271f;border-bottom:2px solid #171911;gap:4px}.main-tabs button{background:linear-gradient(#4d483b,#363329);border:2px outset #776b50;border-bottom:0;padding:12px 4px;color:#c4b79a}.main-tabs button span{display:block;color:#ccb979;font-size:24px;line-height:1.2;margin-bottom:4px;text-shadow:2px 2px #16160f}.main-tabs button[aria-current]{background:linear-gradient(#766344,#4d412d);color:#ffe490;box-shadow:inset 0 3px #bd9856}.main-tabs button:hover,.game-button:hover{filter:brightness(1.2)}#view{padding:23px;min-height:480px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--gold);font-family:Marcellus,Georgia,serif;font-weight:400;text-shadow:2px 2px #15140f}h1{font-size:32px;line-height:1.2;margin-bottom:9px}h2{font-size:20px}h3{font-size:18px}.eyebrow{font-size:13px;letter-spacing:2px;color:#c1b38d;text-transform:uppercase;margin-bottom:8px}.banner{height:142px;border:3px ridge #7b6850;background:#191526 url('banner.png') center/cover;position:relative;margin-bottom:23px}.banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17131599,transparent)}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.welcome p{color:var(--dim);margin-bottom:0}.seal{border:1px solid #a0864b;color:var(--gold);font-size:13px;padding:5px 10px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.stat{background:#29291f;border:2px inset #625b46;padding:12px 14px}.stat strong{font-size:25px;font-weight:400;color:#ffe196;display:block;text-shadow:2px 2px #000}.stat span{color:var(--dim);font-size:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0}.text-button{border:0;background:none;color:var(--gold);padding:4px 0;font-size:14px}.event-card{display:flex;gap:17px;align-items:center;border:1px solid #766445;background:linear-gradient(120deg,#41382c,#2e2c23);padding:18px}.event-icon{font-size:35px;color:var(--gold);width:50px;text-align:center}.event-card h3{margin:3px 0 6px}.event-card p{font-size:14px;color:var(--dim);margin:0}.event-card a{margin-left:auto;white-space:nowrap;font-size:14px}.tag{font-size:12px;letter-spacing:1px;color:#b8d799}.tag.ended{color:#b8aa87}.crest-panel{height:194px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#353a2b,#20231c);overflow:hidden}.crest-panel>img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px ridge #8e805c;box-shadow:0 0 0 7px #1c2017,0 0 0 9px #5d5f49}.crest-panel>span{margin-top:12px;font-size:13px;letter-spacing:2px;color:var(--dim)}.crest-panel b{color:var(--gold)}.compass{position:absolute;top:9px;left:12px;color:#ccae72;font:20px Georgia;border:1px solid #746e50;border-radius:50%;width:32px;height:32px;text-align:center}.side-panel{margin-top:13px;padding:16px}.side-panel h2{font-size:18px;text-align:center;border-bottom:1px solid #70634a;padding-bottom:12px;margin-bottom:12px}dl{margin:0 0 17px}dl>div{display:flex;justify-content:space-between;margin:7px 0;font-size:14px}dt{color:var(--dim)}dd{margin:0;color:#ebdfb7}.game-button{background:linear-gradient(#685637,#44361f);border:2px outset #938054;color:var(--gold);padding:9px 12px;width:100%;text-shadow:1px 1px #000}.side-panel p{text-align:center;color:var(--dim);font-size:13px;margin:8px 0 0}.quick{padding:14px 12px}.quick button,.quick a{display:flex;width:100%;gap:12px;background:none;border:0;color:#dbc796;padding:7px 4px;text-align:left;font-size:14px}.quick span{flex:1}.quick button:hover,.quick a:hover{background:#ffffff08;color:#ffe399}.connection{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dim);margin-top:10px}.connection button{background:none;border:0;font-size:22px;color:var(--gold)}.chat{margin-top:15px;background:#c0b28f;color:#25261d}.chat-tabs{display:flex;background:#4a473a;color:#ded1ad;gap:25px;padding:5px 15px;font-size:14px;border-bottom:2px solid #5d533c}.chat-tabs b{color:var(--gold);font-weight:400}.chat-tabs span{color:#a8a38d}#notices{padding:11px 15px;font-size:14px}#notices p{margin:2px 0}#notices time{color:#74431f}.chat-prompt{border-top:1px solid #938569;padding:6px 15px;font-size:14px;color:#4c4a3e}.chat-prompt span{color:#25241e}.chat-prompt b{color:#1d4c6e}footer{display:flex;justify-content:space-between;gap:15px;padding:15px 2px;font-size:12px;color:#959781}.intro{color:var(--dim);font-size:14px;margin-bottom:20px}.toolbar{display:flex;gap:10px;margin-bottom:17px}.toolbar input,.toolbar select{min-width:0;border:2px inset #736a52;background:#24261e;padding:9px 12px;color:var(--ink)}.toolbar input{flex:1}.table-wrap{max-height:390px;overflow:auto;scrollbar-color:#86734b #29281f}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#b6ab8f;font-weight:400;background:#29291f;position:sticky;top:0}td,th{padding:11px 9px;border-bottom:1px solid #5b5440}td:last-child,th:last-child{text-align:right}td small{font-size:12px;color:#bca575}tbody tr:hover{background:#ffffff06}.name{color:#ede0bb}.rank{color:var(--gold);padding-right:8px}.events-list{display:grid;gap:10px;max-height:470px;overflow:auto}.empty{padding:30px;text-align:center;color:var(--dim)}.data-note{font-size:12px;color:var(--dim);margin:13px 0 0}@media(min-width:1500px){.client{margin-top:48px}}@media(max-width:850px){.game-layout{grid-template-columns:minmax(0,1fr) 220px}#view{padding:16px}.main-tabs button{font-size:14px}.event-card{padding:12px;gap:8px}.event-icon{display:none}.stat{padding:10px}.stat strong{font-size:22px}.titlebar span{display:none}}@media(max-width:650px){.client{padding:0 10px;margin:10px auto}.titlebar{padding:11px}.titlebar b{font-size:17px;letter-spacing:2px}.titlebar>a{font-size:12px}.worldbar{font-size:12px;gap:6px;flex-wrap:wrap}.worldbar i{padding:0 4px}.game-layout{display:block}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.crest-panel{height:auto;min-height:188px}.side-panel{margin:0}.quick{grid-column:1/-1}.quick h2{display:none}.quick{display:flex}.quick button,.quick a{justify-content:center}.quick span{flex:initial}.connection{grid-column:1/-1;margin:0}.main-tabs{padding:5px 4px 0;gap:3px}.main-tabs button{font-size:12px;padding:10px 1px}.main-tabs button span{font-size:22px}#view{padding:17px 12px}h1{font-size:27px}.banner{height:110px;background-position:center}.welcome{align-items:flex-start;gap:10px}.seal{font-size:11px;padding:4px}.stats{gap:5px}.stat{padding:9px 7px}.stat span{font-size:12px}.stat strong{font-size:21px}.event-card{flex-wrap:wrap}.event-card a{margin-left:0}.event-card>div{width:100%}.section-head{gap:4px}.section-head h2{font-size:18px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{width:100%}td,th{padding:9px 5px;font-size:12px}footer{flex-direction:column;gap:3px}.chat-prompt{font-size:12px}.quick button,.quick a{font-size:12px;padding:4px;gap:5px}}
