.global-page {
    overflow-x:clip
}
.global-page .dust,.global-page .ambient-gem {
    display:none
}
.cave-in {
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
    contain:strict;
    z-index:0
}
.global-page .cavern { inset:-4px; will-change:transform }
.global-page .cavern::after {
    content:"";
    position:absolute;
    inset:0;
    background:conic-gradient(from 165deg at 22% 0%,transparent 0deg,#d5c49a08 5deg 20deg,transparent 25deg),conic-gradient(from 165deg at 72% 0%,transparent 0deg,#d5c49a08 5deg 20deg,transparent 25deg),radial-gradient(ellipse at 50% 0%,#d2b88025,transparent 70%);
    pointer-events:none
}
.shell[data-view=global] {
    position:relative;
    z-index:1;
    padding:0 16px;
    max-width:800px;
    overflow:clip;
    gap:0
}
.global-board {
    --frame:9px;
    --post-height:clamp(30px,5.3dvh,50px);
    --wood:url('/static/img/wood-grain.svg');
    display:flex;
    flex-direction:column;
    gap:clamp(18px,3.8dvh,36px);
    min-height:0;
    height:100%;
    will-change:transform;
    padding-bottom:var(--post-height)
}
.plank-hanger {
    position:relative;
    align-self:center;
    width:min(600px,86%);
    height:clamp(98px,16dvh,150px);
    flex:none;
    transform-origin:50% 0;
    will-change:transform
}
.plank-chain {
    position:absolute;
    top:-8px;
    bottom:28px;
    width:16px;
    background:url('/static/img/chain.svg') repeat-y center top;
    filter:drop-shadow(2px 2px 2px #0009);
    pointer-events:none
}
.chain-left { left:12% }
.chain-right { right:12% }
.mine-plaque {
    position:absolute;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:72px;
    border:2px solid #372115;
    border-top:3px solid #c59357;
    border-bottom:6px solid #392316;
    border-radius:4px 7px 5px 3px;
    background:var(--wood),linear-gradient(180deg,#b7854d,#c2945f 35%,#c2945f 65%,#86542f);
    box-shadow:0 12px 24px #0008,inset 0 0 12px #301b1399;
    text-decoration:none;
    color:#21140b;
    font-family:Georgia,'Times New Roman',serif;
    font-size:17px;
    text-shadow:0 1px #e0b77b;
    letter-spacing:.04em
}
.mine-plaque strong { font-size:25px; letter-spacing:.08em; margin-left:8px }
.mine-plaque::before,.mine-plaque::after {
    content:"";
    position:absolute;
    top:-5px;
    bottom:-7px;
    width:26px;
    border:1px solid #171b19;
    background:radial-gradient(circle at 50% 13px,#b0aa90 0 2px,#242824 3px 5px,transparent 6px),radial-gradient(circle at 50% calc(100% - 12px),#b0aa90 0 2px,#242824 3px 5px,transparent 6px),linear-gradient(90deg,#30352f,#55584a 45%,#282f29);
    box-shadow:2px 0 3px #24190c77;
    pointer-events:none
}
.mine-plaque::before { left:calc(12% - 5px) }
.mine-plaque::after { right:calc(12% - 5px) }
.mine-plaque:hover { filter:brightness(1.1) }
.plank-crack { position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none }
.plank-crack path { fill:none; stroke:#352013; stroke-width:2; vector-effect:non-scaling-stroke }
.mine-sign {
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    gap:14px;
    padding:18px;
    border:9px solid #48301f;
    border-top-color:#8c603b;
    border-bottom-color:#302319;
    border-radius:5px;
    background:var(--wood),repeating-linear-gradient(0deg,transparent 0 117px,#2d1c13 118px 120px),linear-gradient(100deg,#705033,#91653e 38%,#795334 75%,#68482f);
    box-shadow:inset 0 0 0 2px #be8c5266,inset 0 0 30px #2a190c99,0 18px 45px #0009;
    will-change:transform;
    transform-origin:50% 100%
}
.mine-sign::before {
    content:"";
    position:absolute;
    inset:-6px;
    pointer-events:none;
    background:radial-gradient(circle at 6px 6px,#b5aa87 0 2px,#2c2d24 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 6px) 6px,#b5aa87 0 2px,#2c2d24 3px 5px,transparent 6px),radial-gradient(circle at 6px calc(100% - 6px),#b5aa87 0 2px,#2c2d24 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#b5aa87 0 2px,#2c2d24 3px 5px,transparent 6px)
}
.sign-post {
    position:absolute;
    z-index:-1;
    top:100%;
    height:calc(var(--post-height) + var(--frame));
    width:36px;
    border-inline:4px solid #39291d;
    background:linear-gradient(0deg,#131917bb,transparent 40%),var(--wood),linear-gradient(90deg,#614129,#9b7045,#63452d);
    box-shadow:4px 0 5px #0005;
    pointer-events:none
}
.post-left { left:10% }
.post-right { right:10% }
.global-heading {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex:none;
    gap:16px;
    background:#493322;
    border-radius:2px;
    box-shadow:0 0 0 6px #493322
}
.global-heading h1 {
    font-size:30px;
    font-family:Georgia,'Times New Roman',serif;
    color:#fff1d5;
    text-shadow:0 2px 2px #21150e;
    letter-spacing:-1px
}
.global-heading p { margin-top:5px; font-size:12px; color:#f2e2c7 }
.global-heading>a { font-size:11px; color:#fff0c9; text-underline-offset:4px; text-align:right; max-width:110px; line-height:1.5 }
#global-status { font-size:12px; color:#fff0c9; flex:none; background:#32251e; padding:8px; border-radius:3px }
.global-empty {
    margin:auto;
    padding:36px 20px;
    text-align:center;
    line-height:1.8;
    color:var(--muted);
    border:1px solid var(--line);
    border-radius:10px;
    background:#1a2227
}
.global-empty a { color:var(--mint) }
.podium {
    display:grid;
    grid-template-columns:1fr 1.08fr 1fr;
    align-items:end;
    width:min(650px,100%);
    margin:0 auto;
    gap:8px;
    height:156px;
    flex:none
}
.podium-step {
    --metal:#b5c6cd;
    position:relative;
    min-width:0;
    height:138px;
    border:1px solid #4f5b57;
    border-top:4px solid var(--metal);
    border-radius:5px 6px 2px 2px;
    background:linear-gradient(155deg,transparent 55%,#ffffff04 55.5%,transparent 56%),repeating-linear-gradient(4deg,transparent 0 34px,#0d151822 35px 36px),linear-gradient(115deg,#343f3e,#222b2d);
    box-shadow:inset 0 2px #ffffff12,0 8px 20px #0003
}
.podium-first { --metal:var(--gold); height:156px; background-color:#3c382b }
.podium-third { --metal:#c78c66; height:126px }
.podium-step[aria-hidden=true] { border-top-color:#59625b; opacity:.45 }
.podium-step>a {
    display:flex;
    height:100%;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:6px 10px;
    line-height:1.2;
    text-decoration:none
}
.podium-step>a>* { flex-shrink:0 }
.podium-step:has(a:hover) { border-color:var(--metal) }
.podium-rank {
    position:absolute;
    top:10px;
    left:12px;
    font-weight:bold;
    font-size:18px;
    color:var(--metal)
}
.global-avatar {
    display:inline-grid;
    flex:none;
    place-items:center;
    width:28px;
    height:28px;
    overflow:hidden;
    border:1px solid #67786d;
    border-radius:7px;
    background:#2c3a35
}
.global-avatar img { width:100%; height:100%; object-fit:cover; grid-area:1/1 }
.podium .global-avatar { width:44px; height:44px; border-color:var(--metal); box-shadow:0 0 20px #d6b47d12 }
.podium-first .global-avatar { width:54px; height:54px }
.podium-name { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px }
.podium-points { color:var(--metal); font-size:14px; font-weight:bold; font-variant-numeric:tabular-nums }
.podium-miners { color:var(--muted); font-size:11px }
.global-table-panel {
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    border:1px solid #30241b;
    border-radius:3px;
    background:#e5d5b3;
    color:#392e24;
    overflow:hidden;
    box-shadow:0 12px 45px #0002
}
.global-table-wrap { flex:1; min-height:0 }
#global-table { font-size:12px }
#global-table tbody tr { height:40px }
#global-table th { height:37px; padding:0 5px; font-size:10px; border-top:0; color:#4f4133; background:#d2bd94; border-bottom:1px solid #b5a17a }
#global-table th:first-child { width:34px }
#global-table th:nth-child(2) { width:20%; text-align:left }
#global-table th:nth-child(3) { width:7% }
#global-table th:nth-child(4) { width:11% }
#global-table th img { width:20px; height:20px; vertical-align:middle }
.global-item-name { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
#global-table th:last-child,#global-table td:last-child { width:auto; padding-right:0 }
#global-table td { padding:0; height:40px; border-bottom:1px solid #c3b18d; color:#392e24 }
#global-table td a { display:flex; justify-content:flex-end; align-items:center; gap:5px; min-height:39px; padding:0 5px; color:inherit; text-decoration:none }
#global-table td:first-child { width:auto; color:#5d4c37 }
#global-table td:first-child a { justify-content:center }
#global-table .global-channel a { justify-content:flex-start; text-align:left }
.global-channel-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.global-cell-icon { display:none }
#global-table .global-points { color:#754316; font-weight:bold }
#global-table tr:has(a:hover),#global-table tr:focus-within { background:#f6e9cd }
#global-table a:focus-visible { outline-offset:-3px }
.global-footer { background:#d6c39d; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 14px; min-height:49px; flex:none; font-size:11px; color:#4f4133; border-top:1px solid #b5a17a }
.global-footer .pagination { font-size:11px; color:#392e24; gap:10px }
.global-footer .icon-button { background:#f2e1bd; border-color:#85704d; color:#392e24 }
.global-footer .icon-button:hover:enabled { background:#fff1d3 }
#global-table a:focus-visible,.global-footer button:focus-visible { outline-color:#614117 }
@media(min-width:900px) {
    .global-table-wrap { --head:37px; --row:min(40px,calc((100cqh - var(--head) - 1px) / 10)); container-type:size }
    #global-table th { height:var(--head) }
    #global-table tbody tr,#global-table td { height:var(--row) }
    #global-table td a { min-height:0; height:calc(var(--row) - 1px) }
    #global-table .global-avatar { width:min(28px,max(0px,calc(var(--row) - 5px))); height:min(28px,max(0px,calc(var(--row) - 5px))) }
}
@media(min-width:900px) and (max-height:760px) {
    .global-board { gap:14px; --frame:7px }
    .plank-hanger { height:90px; width:480px }
    .mine-plaque { height:52px; font-size:14px }
    .mine-plaque strong { font-size:21px }
    .mine-sign { gap:8px; padding:10px; border-width:7px }
    .global-heading h1 { font-size:25px }
    .global-heading p { margin-top:3px; font-size:12px }
    .podium { height:106px; width:570px }
    .podium-step { height:96px }
    .podium-first { height:106px }
    .podium-third { height:92px }
    .podium-step>a { gap:2px; padding:5px }
    .podium .global-avatar { width:25px; height:25px }
    .podium-first .global-avatar { width:30px; height:30px }
    .podium-name { font-size:14px }
    .podium-points { font-size:12px }
    .global-table-wrap { --head:29px }
    .global-footer { min-height:40px; padding:3px 12px }
}
@media(max-width:899px) {
    .shell[data-view=global] { height:auto; min-height:100dvh; padding:0 16px }
    .global-board { height:auto; min-height:100dvh; gap:24px; --post-height:48px; --frame:6px }
    .plank-hanger { height:126px; width:100% }
    .mine-plaque { height:62px; font-size:12px; letter-spacing:0 }
    .mine-plaque strong { display:block; margin:3px 0 0; font-size:21px; letter-spacing:.04em }
    .mine-plaque>span { text-align:center }
    .chain-left { left:9% }
    .chain-right { right:9% }
    .mine-plaque::before { left:calc(9% - 5px) }
    .mine-plaque::after { right:calc(9% - 5px) }
    .mine-sign { padding:12px 8px; border-width:6px; gap:18px; min-height:560px }
    .sign-post { width:25px }
    .global-heading>a { text-align:left; max-width:none }
    .global-heading p { color:#f2e2c7 }
    .global-avatar { width:24px; height:24px }
    .global-heading { flex-direction:column; align-items:flex-start; gap:12px }
    .global-heading h1 { font-size:29px }
    .global-heading p { line-height:1.6; max-width:310px }
    .podium { gap:5px; height:187px }
    .podium-step { height:167px }
    .podium-first { height:187px }
    .podium-third { height:152px }
    .podium-step>a { padding:28px 4px 10px; gap:6px }
    .podium-rank { top:6px; left:8px; font-size:14px }
    .podium-name { font-size:12px }
    .podium-points { font-size:11px; text-align:center; overflow-wrap:anywhere }
    .podium-miners { font-size:10px }
    .podium .global-avatar { width:34px; height:34px }
    .podium-first .global-avatar { width:42px; height:42px }
    .global-table-panel { flex:none }
    #global-table,#global-table tbody { display:block; width:100% }
    #global-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
    #global-table tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:10px; border-bottom:1px solid #b5a17a; gap:5px 0 }
    #global-table tbody tr { height:auto }
    #global-table td { display:block; width:auto; height:auto; border:0; min-width:0; text-align:right }
    #global-table td a { min-height:25px; padding:0 5px; font-size:12px }
    .global-cell-icon { display:block; width:14px; height:14px }
    #global-table td:first-child { grid-column:1; grid-row:1; align-self:center }
    #global-table td:first-child a { justify-content:flex-start; color:#754316 }
    #global-table td:first-child a::before { content:"#" }
    #global-table td:nth-child(2) { grid-column:2 / 4; grid-row:1 }
    #global-table td:nth-child(2) a { justify-content:flex-end; min-height:38px }
    #global-table td:nth-child(n+3)::before { content:attr(data-label); display:block; color:#5d4c37; font-size:10px; padding:3px 5px 0 }
    #global-table td:nth-child(4) { grid-column:2 / 4 }
    .global-footer { flex-wrap:wrap; padding:10px; gap:10px }
    .global-refresh { font-size:10px }
    .global-footer .pagination { width:100%; justify-content:space-between }
    .global-empty { padding:28px 14px }
}
@media(prefers-reduced-motion:reduce) {
    .global-board,.plank-hanger,.mine-sign,.global-page .cavern { transform:none!important }
    .plank-crack { opacity:0!important }
    .global-page .cavern::after { display:none }
}