.stat-info{max-width:1100px;margin-inline:auto;min-width:0;color:#e6e8ed;background:#1e222c;padding:16px}
.stat-info-title{text-align:center;font:30px Georgia,serif;margin:4px 0 16px}
.login>a.discord{position:absolute;top:20px;right:20px;margin:0;padding:7px 10px;font-size:12px;line-height:1.4;background:transparent;border:1px solid #59676d;color:#d4dfe2;box-shadow:none;text-decoration:none;max-width:calc(100% - 32px);text-align:right}.login{box-sizing:border-box;padding-top:76px}@media(max-width:760px){.login>a.discord{top:16px;right:16px;font-size:11px;padding:6px 8px}}
.signup-trigger{display:block;margin:16px auto 10px}.signup-dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;box-sizing:border-box;background:#1e272b;color:#e7eded;border:1px solid #69777c;border-radius:6px;padding:20px}.signup-dialog::backdrop{background:#0009}.signup-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.signup-dialog h2{font-size:22px;margin:0}.signup-dialog fieldset{border:0;padding:0;margin:20px 0}.signup-dialog legend{margin-bottom:12px}.signup-dialog label{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:14px 0;border-top:1px solid #526065}.signup-dialog input{width:18px;height:18px;margin:0}.signup-dialog label span,.signup-dialog label p{grid-column:2;font-size:14px;text-align:left;margin:0}.signup-dialog label p{color:#bec8ce;line-height:1.5}.signup-status{font-size:13px;color:#d9c682}.signup-dialog button:disabled{opacity:.6;cursor:not-allowed}
.header-signout{margin:0;flex:none}.header-signout button{min-height:36px;padding:6px 10px;font-size:12px;white-space:nowrap}.header-actions{flex-wrap:wrap}
.stat-arcana-empty{min-height:146px;border:1px dashed #59626d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a4acb7;font-size:13px}.stat-arcana-empty>span:first-child{font-size:30px}
.stat-info-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #535966;margin-bottom:16px}
.stat-info-tabs button{border:0;background:none;border-radius:0;padding:14px 4px;color:#9da1aa;font-size:16px;min-width:0}
.stat-info-tabs button[aria-selected=true]{color:#fff;border-bottom:2px solid #a2bde9}
.stat-info-main{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stat-wheel{position:relative;aspect-ratio:1;width:min(100%,680px);margin-inline:auto;flex:none;isolation:isolate}
.stat-wheel-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.stat-wheel-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:22%;padding:0;border:0;background:none;border-radius:0;gap:1px;text-shadow:0 1px 3px #000;color:white;min-width:0}
.stat-wheel-node:hover,.stat-wheel-node[aria-pressed=true]{background:#81e0e510;outline:1px solid #7ddde6}
.stat-wheel-background{z-index:0;pointer-events:none}.stat-wheel-node{z-index:1}
.stat-wheel-node{height:46px;overflow:visible}.stat-wheel-node.deity{height:58px}.stat-wheel-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap}.stat-wheel-node b{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%)}.stat-wheel-node.deity b{top:100%}
.stat-symbol{display:block;width:46px;height:46px;flex:none;background-image:url('/assets/stat-symbols.png');background-size:400% 400%;background-repeat:no-repeat}
.stat-wheel-node.deity .stat-symbol{width:58px;height:58px}.stat-wheel-label{font-size:14px;color:#00e4ef;line-height:1.2}.stat-wheel-node b{font-size:16px;line-height:1.2}
.stat-wheel-detail{flex:1;min-width:200px;border-left:1px solid #48515d;padding:12px}.stat-wheel-detail h4{color:#f1cc58;margin:0 0 8px}.stat-wheel-detail p{font-size:13px}.stat-wheel-detail a{font-size:11px;color:#91dce8}
.stat-info-table{display:grid;gap:4px}.stat-info-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.stat-info-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;background:#292d37;padding:12px;min-width:0;align-items:start;font-size:14px}.stat-info-cell span{overflow-wrap:anywhere}.stat-info-cell strong{white-space:nowrap}.stat-info-cell small{grid-column:1/-1;color:#9ea9b3;font-size:10px}
.stat-info-filter{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px}.stat-info-filter input{width:18px;height:18px;margin:0}.stat-info-group{margin:0 0 16px}.stat-info-group summary,.stat-progression-heading{padding:12px;background:#15181f;color:#92ebf5;font-size:16px;text-align:center;border:0;border-radius:0;width:100%;margin-bottom:8px;cursor:pointer}.stat-progression-heading{display:flex;justify-content:space-between;align-items:center}.stat-progression-heading:disabled{opacity:1;cursor:default}
.stat-progression-section{margin-bottom:20px}.stat-progression-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat-progression-grid button,.stat-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:12px;border:1px solid #48515d;border-radius:4px;background:#252e36;text-align:center;font-size:13px}.stat-progression-grid img{width:64px;height:80px;object-fit:contain}.stat-progression-grid strong{overflow-wrap:anywhere}.stat-title p{margin:0;font-size:12px}.stat-title small{color:#9eadba}
@media(max-width:760px){.stat-info{padding:8px}.stat-info-title{font-size:24px}.stat-info-tabs button{font-size:13px;padding:12px 2px}.stat-symbol{width:28px;height:28px}.stat-wheel-node.deity .stat-symbol{width:34px;height:34px}.stat-wheel-label{font-size:10px}.stat-wheel-node b{font-size:12px}.stat-wheel-detail{min-width:0;flex-basis:100%;border-left:0;border-top:1px solid #48515d}.stat-info-cell{padding:8px;font-size:11px;grid-template-columns:minmax(0,1fr) auto;gap:4px}.stat-info-cell strong{font-size:11px}.stat-progression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stat-wheel-node{height:28px}.stat-wheel-node.deity{height:34px}.stat-wheel-node.attribute b{top:calc(100% + 12px)}}
