@font-face{font-family:Optimus;src:url("assets/fonts/OptimusPrincepsSemiBold.woff2") format("woff2");font-display:swap}
:root{color-scheme:light;--ink:#513b49;--muted:#796571;--rose:#a14d73;--edge:#cfb2c3;--paper:#f4e8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 50% 260px,#e6dbe8 0,#b19aac 650px,#766575 1250px,#51404f 100%);color:var(--ink);font-family:Georgia,serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #c978a4;outline-offset:4px}
.masthead{height:440px;position:relative;background:url("assets/images/bg.png") center top/1400px auto no-repeat;max-width:1600px;margin:auto}
.navigation{width:min(880px,94%);height:78px;margin:auto;display:flex;justify-content:space-around;align-items:center;color:#f5e8f0;font-family:Optimus,Georgia,serif;font-size:13px;letter-spacing:1px;text-shadow:0 2px 4px #231521}
.navigation a{padding:12px 15px;border-bottom:1px solid transparent}.navigation a:hover{color:#fff;border-bottom-color:#efbbd5}.nav-register{color:#f9cadf}
.wordmark{position:absolute;top:148px;left:calc(50% - 30px);width:420px;text-align:center}.wordmark>p:first-child{font:10px Arial,sans-serif;letter-spacing:4px;color:#66445e}.wordmark h1{font-family:Optimus,Georgia,serif;font-weight:400;font-size:83px;line-height:1.1;margin:12px 0 0;letter-spacing:6px;color:#59354f;text-shadow:0 2px 0 #fff2fc,0 6px 20px #fff,0 0 40px #fff}.flourish{color:#986080;line-height:1.2;font-size:20px}.wordmark .tagline{font-size:17px;font-style:italic;color:#654659;margin:10px 0 20px}
.button,.side-card button,.submit-button{display:inline-block;border:1px solid #aa658b;background:linear-gradient(#bc7c9e,#935578);color:#fff7fc;box-shadow:inset 0 1px #ffffff70,0 3px 9px #66334a22;padding:10px 19px;font:12px Arial,sans-serif;letter-spacing:.5px;text-align:center;border-radius:3px}.button:hover,.submit-button:hover{background:linear-gradient(#ca8eaf,#a2678c)}
.portal{display:grid;grid-template-columns:210px minmax(0,540px) 210px;gap:16px;width:min(1008px,96%);margin:-2px auto 0;position:relative;align-items:start}
.paper{background:repeating-linear-gradient(35deg,#ffffff15 0 1px,transparent 1px 4px),linear-gradient(110deg,#f9f0f5,#efdfeb);border:1px solid #b791aa;outline:4px solid #ead5e3;box-shadow:0 8px 30px #39203433,inset 0 0 40px #c49bb126;padding:32px;position:relative}
.paper:before,.paper:after{content:"❀ ─── ✧ ─── ❀";position:absolute;top:-17px;left:15%;right:15%;text-align:center;color:#a56d91;font-size:20px;text-shadow:0 1px white;background:linear-gradient(90deg,transparent,#f3e5ef,transparent);line-height:28px}.paper:after{top:auto;bottom:-17px}
.side-card{margin:0 0 20px;padding:22px 17px;background:linear-gradient(130deg,#f0e0edd9,#dfcadccf);border:1px solid #b796ae;box-shadow:0 6px 16px #39203418,inset 0 0 0 3px #f4e6f14d;text-align:center;border-radius:3px}
.side-card h2{font:17px Optimus,Georgia,serif;margin:0 -10px 16px;padding:10px 2px;color:#67485e;border-top:1px solid #c8a8bd;border-bottom:1px solid #c8a8bd;background:linear-gradient(90deg,transparent,#fff5fb88,transparent)}
.side-card h3{font-size:14px;font-weight:400;line-height:1.4}.side-card p{font-size:13px;line-height:1.65;margin:10px 0 16px}.side-card button{width:100%;padding:11px 6px;background:#d6c3d0;color:#786374;border-color:#b69aaf;box-shadow:inset 0 1px #fff7;cursor:not-allowed}.side-card small{display:block;font:10px Arial,sans-serif;color:#826f7e;margin-top:9px}
.overline{font:9px Arial,sans-serif!important;letter-spacing:2px;color:#9e6287;margin:0 0 12px!important}
dl{font:11px Arial,sans-serif;margin:0}dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #b18ca830}dd{margin:0;font-weight:600;color:#704c65}.side-card .note{font-size:12px;color:#816d7b}.rank-tabs{font:10px Arial,sans-serif;letter-spacing:.4px}.rank-tabs span{padding:0 7px;color:#ae7996}.medallion{font-size:44px;color:#a1698c;line-height:1.5;margin:15px 0 5px}.pill{display:inline-block;font:10px Arial,sans-serif;padding:6px 10px;border:1px solid #bfa4b7;border-radius:20px;color:#836a7a}
.welcome{text-align:center;padding:7px 0 10px}.paper h2{font:29px Optimus,Georgia,serif;margin:8px 0 14px;color:#6c465f}.lead{font-size:15px;color:#7a6071;line-height:1.8}.separator{display:flex;align-items:center;gap:14px;color:#b784a0;font-size:22px;margin-top:22px}.separator:before,.separator:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#caa5bc)}.separator:after{transform:rotate(180deg)}
.news-entry{padding:14px 0 28px;border-bottom:1px solid #d3b9ca}.article-meta{display:flex;justify-content:space-between;gap:10px;font:10px Arial,sans-serif;color:#927889}.article-meta>span{color:#a04f78;letter-spacing:1px;text-transform:uppercase}.news-entry h3{font:22px Optimus,serif;line-height:1.35;color:#6b445e;margin:17px 0 12px}.news-entry p{font-size:14px;line-height:1.85}.inline-link{display:inline-block;color:#9a4972;font:600 11px Arial,sans-serif;margin-top:8px}.inline-link span{margin-left:8px}.universe{padding:30px 0;border-bottom:1px solid #d3b9ca}.universe h2{font-size:24px}.realm{display:flex;gap:17px;align-items:center;padding:10px 0}.realm>span{font-size:25px;color:#b27798;width:30px;text-align:center}.realm h3{font-size:15px;font-weight:400;margin:0;color:#72465f}.realm p{font-size:12px;margin:4px 0;color:#826d7b}
.flower{display:block;font-size:46px;color:#b36b94;line-height:1.2;margin:0 0 15px}.invitation{padding-top:25px;background:linear-gradient(#f9edf3e8,#ead0e0e8)}.invitation .button{width:100%;padding-left:5px;padding-right:5px}.timeline{display:flex;gap:12px;text-align:left;margin-top:20px}.timeline>span{font-size:20px;color:#ad7a9c}.timeline h3{margin:0}.timeline p{font-size:11px;margin:3px 0 0}.community button+button{margin-top:9px}.sidebar-foot{text-align:center;color:#eee1eb;font-size:12px;font-style:italic;padding:10px}
.signup-card{padding:30px 0 8px}.signup-header{text-align:center;margin-bottom:25px}.signup-header p:not(.overline){font-size:13px;color:#856d7c}.signup-form{display:grid;gap:11px}.field label{display:block;font:600 11px Arial,sans-serif;margin-bottom:7px;color:#6c5263}.optional{font-weight:400;color:#887681}.input-wrap{position:relative}input[type=text],input[type=password],input[type=email]{width:100%;height:42px;padding:10px 65px 10px 12px;border:1px solid #c5a9bd;background:#fff9fc;color:#523847;border-radius:3px;font:12px Arial,sans-serif;box-shadow:inset 0 2px 4px #6c35580a}input:focus{outline:2px solid #d4a1bf;outline-offset:1px}input::placeholder{color:#9b8694}.password-toggle{position:absolute;right:9px;top:13px;border:0;background:none;color:#995a7d;font:10px Arial,sans-serif;cursor:pointer}.field-help,.field-error{font:10px Arial,sans-serif;margin:5px 0 0;line-height:1.5;color:#897480}.field-error:empty{display:none}.field-error{color:#a83054}.is-invalid input{border-color:#b03d60}.terms-field{display:flex;gap:7px;align-items:center;font:11px Arial,sans-serif;margin:8px 0;color:#785f70}.terms-field input{accent-color:#a36689}.terms-error{margin:0}.submit-button{width:100%;cursor:pointer;height:43px}.form-message{font:12px Arial,sans-serif;line-height:1.6;color:#69546b;text-align:center;margin:7px 0}.website-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.footer{text-align:center;padding:40px 15px 30px;color:#e6d6e2}.footer>span{font:26px Optimus,serif;letter-spacing:3px}.footer p{font-size:12px;margin:4px 0 12px}.footer small{font:10px Arial,sans-serif;color:#c8b6c3}
@media(min-width:1450px){body{background-color:#786875}}
@media(max-width:1000px){.portal{grid-template-columns:180px minmax(0,1fr);max-width:800px}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.right .sidebar-foot{display:none}.paper{padding:26px}.wordmark{left:50%;width:370px}.wordmark h1{font-size:70px}}
@media(max-width:650px){.masthead{height:380px;background-size:1050px auto;background-position:calc(50% + 115px) top}.navigation{width:100%;height:63px;background:#493144e8;gap:0;font-size:10px;letter-spacing:0}.navigation a{padding:12px 7px}.wordmark{top:140px;left:auto;right:3%;width:62%;padding:12px 4px;background:radial-gradient(ellipse,#f4e7f1b8,transparent 72%)}.wordmark h1{font-size:49px;letter-spacing:3px}.wordmark>p:first-child{font-size:8px;letter-spacing:1.5px}.wordmark .tagline{font-size:13px}.wordmark .button{font-size:10px;padding:10px}.portal{display:flex;flex-direction:column;width:92%;gap:20px}.paper{order:0;width:100%;padding:25px 20px}.sidebar.left{order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.left .side-card:last-child{grid-column:1/-1}.sidebar.right{order:2;display:grid;grid-template-columns:1fr;width:100%;gap:0}.side-card{margin-bottom:0}.right .side-card{margin-bottom:15px}.paper h2{font-size:25px}.article-meta{font-size:9px}.news-entry h3{font-size:21px}.footer{padding-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

