:root{color-scheme:dark;--bg:#090e14;--panel:#111922;--panel2:#151f2a;--line:#35404a;--muted:#a3abb0;--cream:#f1e9d8;--gold:#d4ae6b;--gold2:#9c7742;--blue:#739ab2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.6 'DM Sans',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% -20%,#2c3e48 0,transparent 55%),linear-gradient(135deg,#0a1018,#10171d 60%,#080d12)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f7d99a;outline-offset:3px}.site-shell{max-width:1600px;margin:auto;border-left:1px solid #253039;border-right:1px solid #253039}.site-header{height:85px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#0a1016e8;border-bottom:1px solid #34404a;position:relative;z-index:2}.brand img{width:145px;height:62px;object-fit:contain}.site-header nav{display:flex;gap:40px;color:#c0c6c5;font-size:13px;font-weight:700;letter-spacing:.04em}.site-header nav a:hover,.site-header footer a:hover{color:var(--gold)}.header-action{border:1px solid #8e724c;padding:11px 19px;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700}.header-action span{color:var(--gold);margin-left:17px}.hero{min-height:580px;position:relative;overflow:hidden;background:linear-gradient(105deg,#111b25 10%,#172432 51%,#202b30)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 73% 53%,#947b4444,transparent 26%),linear-gradient(90deg,#0a111beb 10%,#101a27b8 54%,#0b1319aa),repeating-linear-gradient(125deg,transparent,transparent 56px,#a4c4cb09 57px,#a4c4cb09 58px)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#081019d9,transparent 35%),linear-gradient(90deg,transparent 70%,#08101990)}.hero-content{position:relative;z-index:1;padding:107px 7% 45px;max-width:900px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ddbc72;box-shadow:0 0 13px #f0c777;margin-right:9px}.hero h1,.section-heading h2,.story-heading h2,.submit-intro h2{font-family:Cinzel,Georgia,serif;letter-spacing:-.045em;font-weight:500;line-height:1.12}.hero h1{font-size:clamp(42px,5.5vw,79px);margin:0}.hero h1 em,.submit-intro h2 em{font-style:normal;color:var(--gold)}.hero-copy{font-size:17px;max-width:530px;color:#c3c8c8;margin:25px 0 32px}.hero-buttons{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:188px;gap:25px;padding:13px 23px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;border:1px solid #a98148}.button.gold{background:linear-gradient(#d4ae69,#ba8e4e);color:#111315;border-color:#e6c483}.button.gold:hover{filter:brightness(1.12)}.button.ghost{background:#151f28c9;color:#ead7b6}.button.ghost:hover{background:#2a3339}.hero-foot{display:flex;gap:40px;border-top:1px solid #82909855;margin-top:75px;padding-top:15px;color:#b1b6b4;font-size:9px;letter-spacing:.17em}.hero-art{position:absolute;right:7%;top:65px;width:36%;height:480px;display:grid;place-items:center;opacity:.52}.hero-art img{max-width:260px;width:50%;filter:drop-shadow(0 0 38px #c7a359) sepia(.5)}.hero-circle{position:absolute;border:1px solid #b99c6745;border-radius:50%}.circle-one{width:410px;height:410px}.circle-two{width:325px;height:325px;border-style:dashed}.edition-bar{display:flex;justify-content:space-between;align-items:center;padding:23px 7%;background:linear-gradient(90deg,#182530,#13202a);border-top:1px solid #6777856b;border-bottom:1px solid #6e6051}.edition-bar>div:first-child{display:grid;gap:2px}.edition-label{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:700}.edition-bar strong{font:600 18px Cinzel,serif}.edition-sub{font-size:12px;color:#aeb7b9}.era-control{display:flex;padding:3px;border:1px solid #5c6468;background:#0a131b}.era-button{color:#aeb7b9;border:0;background:transparent;padding:11px 21px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.13em}.era-button.active{background:#c8a165;color:#11171b}.board-section{padding:90px 7% 95px;background:linear-gradient(#0e151c,#101921 80%,#111a22)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.eyebrow.line:before{content:'';display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.section-heading h2,.story-heading h2{font-size:clamp(29px,3vw,43px);margin:0 0 8px}.section-heading p:not(.eyebrow),.story-heading p:not(.eyebrow){color:var(--muted);margin:0}.score-key{border:1px solid #45515a;padding:12px 15px;color:#bbc2c3;font-size:11px;white-space:nowrap}.key-star{color:var(--gold)}.key-parse{color:#8cadca}.key-divider{display:inline-block;height:13px;border-left:1px solid #58626a;margin:0 9px;vertical-align:middle}.board-panel{border:1px solid #52606a;background:#111a22;box-shadow:0 20px 65px #0004}.filters{padding:17px 20px;border-bottom:1px solid #394650}.role-tabs{display:flex;gap:5px;border-bottom:1px solid #34424b;margin-bottom:17px}.role-tabs button{background:none;border:0;color:#acb6b8;padding:10px 18px 13px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.role-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.filter-line{display:grid;grid-template-columns:minmax(160px,2fr) repeat(5,minmax(105px,1fr));gap:9px}.filter-line input,.filter-line select{background:#0d151d;color:#dae0dd;border:1px solid #43515b;padding:10px 12px;min-width:0;width:100%;font-size:12px}.search-wrap{position:relative}.search-wrap span{position:absolute;left:11px;top:3px;color:#bdc5c6;font-size:24px}.search-wrap input{padding-left:34px}.board-head{display:flex;justify-content:space-between;background:#1a2731;color:#9eabb0;padding:12px 22px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.board-row{display:grid;grid-template-columns:49px minmax(210px,2.2fr) minmax(130px,1fr) minmax(115px,1fr) minmax(100px,.9fr) minmax(130px,1fr);align-items:center;gap:12px;border-top:1px solid #31404a;padding:15px 20px;min-height:91px}.board-row:hover{background:#1b2a33}.board-row.top-1{box-shadow:inset 3px 0 #d8b36d}.board-row.top-2{box-shadow:inset 3px 0 #b2bbc0}.board-row.top-3{box-shadow:inset 3px 0 #a77d56}.rank{font:600 21px Cinzel,serif;color:#8e999c}.top-1 .rank{color:#e7c27b}.top-2 .rank{color:#c5cfd1}.top-3 .rank{color:#c3956b}.character{display:flex;gap:13px;align-items:center;min-width:0}.class-icon{width:44px;height:44px;object-fit:contain;border:1px solid #5d6463;background:#17222a;padding:4px}.character strong{display:block;font:600 16px Cinzel,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character small,.cell small{display:block;color:#9fa9ac;font-size:11px;margin-top:3px}.faction-icon{width:18px;vertical-align:-4px;margin-right:5px}.cell{font-size:13px;color:#d1d6d5}.score{font:600 20px Cinzel,serif;color:#e4bd73}.score small{font:10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.09em}.parse{font-weight:700}.parse.gray{color:#91979d}.parse.green{color:#5fb17b}.parse.blue{color:#6eaee0}.parse.purple{color:#b591e3}.parse.orange{color:#e4aa62}.vote-actions{display:flex;align-items:center;gap:5px}.vote-actions button{border:1px solid #4d5a62;background:#18232c;color:#d7d8d3;width:29px;height:29px}.vote-actions button:hover{border-color:var(--gold);color:var(--gold)}.vote-actions strong{min-width:30px;text-align:center}.state{text-align:center;color:#aeb9bc;padding:42px 15px}.board-bottom{text-align:center;padding:17px;border-top:1px solid #33414b}.load-more{background:none;border:0;color:var(--gold);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.archive-explainer{color:#bdc4c4;border-left:2px solid var(--gold);padding-left:14px;margin:20px 0 0}.story-section{padding:80px 7% 90px;background:#0b1219;border-top:1px solid #34424b;border-bottom:1px solid #34424b}.story-heading{text-align:center;margin-bottom:40px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-grid article{position:relative;background:linear-gradient(145deg,#18242c,#101a22);border:1px solid #3a4850;padding:30px;min-height:230px}.story-number{position:absolute;right:24px;top:20px;color:#6d777a;font:14px Cinzel,serif}.story-icon{font-size:28px;color:var(--gold);margin-bottom:19px}.story-grid h3{font:600 18px Cinzel,serif;margin:0 0 9px}.story-grid p{color:#adb8bb;font-size:13px;margin:0}.formula{text-align:center;color:#acb8b8;font-size:12px;margin:30px auto 0;max-width:850px}.submit-section{display:grid;grid-template-columns:38% 1fr;gap:6%;padding:95px 7%;background:radial-gradient(circle at 15% 42%,#30425166,transparent 37%),#121c25}.submit-intro h2{font-size:clamp(35px,3.6vw,53px);margin:0 0 22px}.submit-intro p:not(.eyebrow){color:#b9c2c3;max-width:350px}.submit-crest{margin-top:50px;width:250px;height:250px;display:grid;place-items:center;border:1px solid #9b875550;border-radius:50%;box-shadow:inset 0 0 0 35px #111b24, inset 0 0 0 36px #9b875533}.submit-crest img{width:100px;opacity:.55;filter:sepia(1)}.submit-card{border:1px solid #5e665f;background:#101922;padding:27px 31px;box-shadow:0 15px 35px #0005}.form-head{display:flex;justify-content:space-between;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:20px}.form-divider{border-top:1px solid #35444c;padding-top:22px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:block;color:#c4cccb;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.form-grid label small{text-transform:none;color:#83939b}.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;background:#0b141c;color:#f0ebdc;border:1px solid #4b5960;padding:12px;font-size:13px}.form-grid input::placeholder{color:#718087}.metrics{margin-bottom:25px}.submit-button{width:100%;border-radius:0}.form-message{min-height:20px;color:#e6bc81;font-size:12px;margin:12px 0 0}footer{padding:35px 7%;display:flex;justify-content:space-between;align-items:end;gap:20px;background:#090f15;border-top:1px solid #465259;color:#97a3a5;font-size:11px}footer img{width:125px}footer p{margin:5px 0}footer div:nth-child(2){display:flex;gap:25px}footer a{color:#d3b47b}@media(max-width:1050px){.filter-line{grid-template-columns:repeat(3,1fr)}.search-wrap{grid-column:span 3}.board-row{grid-template-columns:36px minmax(170px,2fr) 1fr 1fr}.board-row .cell:nth-of-type(3){display:none}.hero-art{right:0;opacity:.25}.submit-section{grid-template-columns:1fr}.submit-crest{display:none}}@media(max-width:700px){.site-header{height:68px;padding:0 5%}.brand img{width:112px}.site-header nav{display:none}.header-action{padding:8px;font-size:9px}.header-action span{display:none}.hero{min-height:510px}.hero-content{padding:78px 6% 30px}.hero h1{font-size:43px}.hero-copy{font-size:15px}.hero-foot{gap:15px;margin-top:60px;font-size:8px}.hero-art{display:none}.edition-bar{padding:20px 6%;display:block}.era-control{margin-top:17px;width:max-content}.board-section,.story-section,.submit-section{padding:60px 5%}.section-heading{display:block}.score-key{display:inline-block;margin-top:20px}.filter-line{grid-template-columns:1fr 1fr}.search-wrap{grid-column:span 2}.role-tabs{overflow:auto}.role-tabs button{white-space:nowrap;padding:9px}.board-row{grid-template-columns:30px 1fr auto;gap:8px;padding:14px 10px}.board-row .cell{display:none}.board-row .vote-actions{grid-column:2/4;justify-content:end}.board-row .score-cell{display:block;text-align:right}.character strong{font-size:13px}.class-icon{width:36px;height:36px}.story-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.submit-card{padding:20px}footer{display:block}footer div:nth-child(2){margin:20px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
