*{box-sizing:border-box;margin:0;padding:0}:root{--gold: #c9a45c;--gold-bright: #e8c87a;--gold-dim: #8a7443;--parchment: #e6d9b8;--parchment-dim: #b9ac8d;--ink: #171310;--row: rgba(62, 58, 52, .55);--row-hover: rgba(88, 80, 66, .65);--panel-line: #3a3122;--serif: "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif}html,body,#root{min-height:100vh}body{font-family:var(--serif);color:var(--parchment);background:radial-gradient(ellipse 120% 90% at 50% -10%,rgba(96,78,44,.28),transparent 55%),radial-gradient(ellipse 140% 110% at 50% 115%,rgba(20,14,8,.9),transparent 60%),linear-gradient(180deg,#191512,#12100c 45%,#0b0907);background-attachment:fixed}.page{min-height:100vh;display:flex;justify-content:center;padding:28px 16px 40px}.frame{width:min(1240px,100%);border:1px solid var(--gold-dim);outline:1px solid rgba(201,164,92,.25);outline-offset:5px;background:linear-gradient(180deg,#1c1711eb,#100d0af0);box-shadow:0 0 0 1px #000c,0 10px 60px #000000bf,inset 0 0 90px #0000008c;padding:26px clamp(14px,3.4vw,46px) 20px;position:relative}.frame:before,.frame:after{content:"";position:absolute;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 18%,var(--gold-bright) 50%,var(--gold) 82%,transparent);opacity:.5}.frame:before{top:8px}.frame:after{bottom:8px}.masthead{text-align:center;margin-bottom:14px}.masthead-title{font-size:clamp(26px,4vw,38px);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 0 18px rgba(232,200,122,.35),0 2px 2px #000}.masthead-sub{margin-top:2px;font-size:clamp(13px,1.6vw,16px);letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;color:var(--parchment-dim)}.tabs{display:flex;justify-content:center;gap:clamp(30px,8vw,120px);margin:18px 0 20px}.tab{font-family:var(--serif);font-size:clamp(18px,2.4vw,26px);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dim);background:none;border:none;cursor:pointer;padding:6px 26px;position:relative;transition:color .15s}.tab:hover{color:var(--parchment)}.tab.active{color:#fff6dd;text-shadow:0 0 14px rgba(232,200,122,.8)}.tab.active:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-2px;height:10px;background:radial-gradient(ellipse 55% 100% at 50% 50%,rgba(240,190,80,.95),rgba(240,190,80,.25) 60%,transparent 75%);filter:blur(1px);pointer-events:none}.selectors{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.filtergroup{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px}.filterlabel{min-width:92px;text-align:right;margin-right:6px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-dim)}.filterbuttons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.filterbtn{font-family:var(--serif);font-size:14.5px;letter-spacing:.05em;color:var(--parchment-dim);background:linear-gradient(180deg,#0e0b08d9,#1e1912d9);border:1px solid rgba(138,116,67,.55);box-shadow:inset 0 0 8px #0009;padding:6px 16px;cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);transition:color .12s,border-color .12s}.filterbtn:hover{color:var(--parchment);border-color:var(--gold)}.filterbtn.active{color:#ffe9b0;border-color:var(--gold);background:linear-gradient(180deg,#4a3a20f2,#2c2315f2);text-shadow:0 0 8px rgba(232,200,122,.75);box-shadow:inset 0 0 10px #00000080,0 0 10px #c9a45c47}.ownform{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:-6px 0 18px}.ownform label{text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--parchment-dim)}.ownform input{font-family:var(--serif);font-size:15px;color:var(--parchment);background:#0a0806d9;border:1px solid var(--gold-dim);padding:7px 12px;width:200px}.ownform input:focus{outline:1px solid var(--gold)}.btn{font-family:var(--serif);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);background:linear-gradient(180deg,#3c301ee6,#221b11e6);border:1px solid var(--gold-dim);padding:7px 22px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--gold);color:#ffe9b0}.btn:disabled{opacity:.4;cursor:default}.ownhint{width:100%;text-align:center;font-size:12.5px;color:var(--parchment-dim);font-style:italic}.boardpane{min-height:320px}.board{max-height:64vh;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--gold-dim) rgba(0,0,0,.4)}.board::-webkit-scrollbar{width:10px}.board::-webkit-scrollbar-track{background:#00000073;border:1px solid #241e14}.board::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a7443,#5d4e2c);border:1px solid #241e14}.board-grid{display:grid;align-items:center;column-gap:10px}.kind-elo .board-grid{grid-template-columns:76px 62px minmax(220px,1fr) 150px 230px 84px}.kind-arena .board-grid{grid-template-columns:76px 62px minmax(220px,1fr) 190px 190px 84px}.kind-generic .board-grid{grid-template-columns:76px 62px minmax(200px,1fr);grid-auto-flow:column;grid-auto-columns:minmax(110px,170px)}.board-head{position:sticky;top:0;z-index:2;padding:10px 14px;background:linear-gradient(180deg,#17130e 60%,#17130e00);color:var(--parchment-dim);font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-align:center}.board-row{background:var(--row);border:1px solid rgba(0,0,0,.55);border-left:none;border-right:none;margin-bottom:7px;padding:7px 14px;min-height:58px;text-align:center;transition:background .12s}.board-row{cursor:pointer}.board-row:hover{background:var(--row-hover);outline:1px solid rgba(201,164,92,.35)}.board-row.focus{outline:1px solid var(--gold);background:#5e4e2c80}.left{text-align:left}.rank{font-size:17px;color:var(--parchment)}.race{display:flex;justify-content:center}.pname{font-size:18px;color:var(--parchment);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.num{font-size:17px;color:var(--parchment);font-variant-numeric:tabular-nums}.pct{color:var(--parchment-dim);font-size:15px}.league{display:flex;justify-content:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#060403b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.playerpanel{position:relative;width:min(680px,96vw);max-height:86vh;overflow-y:auto;border:1px solid var(--gold-dim);outline:1px solid rgba(201,164,92,.25);outline-offset:4px;background:linear-gradient(180deg,#201a13fa,#120f0bfa);box-shadow:0 14px 70px #000000d9,inset 0 0 60px #00000080;padding:26px 30px 24px;scrollbar-width:thin;scrollbar-color:var(--gold-dim) rgba(0,0,0,.4)}.panelclose{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--parchment-dim);font-size:17px;cursor:pointer}.panelclose:hover{color:#ffe9b0}.panelname{text-align:center;font-size:24px;color:var(--parchment);text-shadow:0 2px 2px #000}.panelid{text-align:center;font-size:12.5px;letter-spacing:.12em;color:var(--parchment-dim);margin:4px 0 14px}.panelsection{font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;color:var(--gold-bright);text-align:center;margin:16px 0 8px;position:relative}.panelsection:before,.panelsection:after{content:"";position:absolute;top:50%;width:18%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}.panelsection:before{left:4%}.panelsection:after{right:4%;transform:scaleX(-1)}.panelgrid{display:grid;column-gap:12px;row-gap:4px;align-items:center}.panelgrid.elo{grid-template-columns:1.3fr .7fr 1fr 1.6fr}.panelgrid.arena{grid-template-columns:1.3fr .7fr 1.2fr 1.1fr}.ph{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dim);text-align:center;padding-bottom:2px;border-bottom:1px solid rgba(138,116,67,.35)}.pr{font-size:15.5px;color:var(--parchment);text-align:center;padding:3px 0;font-variant-numeric:tabular-nums}.pr.race{display:flex;align-items:center;gap:8px;text-align:left;justify-content:flex-start}.pr.dim{color:#b9ac8d73}.note{text-align:center;color:var(--parchment-dim);font-style:italic;padding:40px 0;font-size:16px}.note.error{color:#cf8f7a}.note.stale{padding:4px 0 14px;font-size:13px}.pagefoot{margin-top:18px;text-align:center;font-size:12.5px;letter-spacing:.08em;color:#b9ac8d8c}@media(max-width:860px){.kind-elo .board-grid{grid-template-columns:56px minmax(140px,1fr) 100px 150px}.kind-arena .board-grid{grid-template-columns:56px minmax(140px,1fr) 120px 110px}.kind-elo .race,.kind-arena .race,.kind-elo .league,.kind-arena .league{display:none}.pname{font-size:16px}}