@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b0a;--panel:#141411;--line:#373125;--muted:#a9a59b;--gold:#ccaa5b;--light:#f2eee5;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--light);font:14px/1.7 var(--sans)}body.modal-open{overflow:hidden}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.5}button,a{transition:color .18s,background .18s,border-color .18s,transform .18s}a{color:inherit;text-decoration:none}button:hover{color:#f5d791}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #edcf88;outline-offset:4px}input,select{border:1px solid #4c4436;background:#10100e;color:var(--light);border-radius:2px;padding:12px 14px;max-width:100%}input[type=number]{width:85px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{font-size:54px;line-height:1.1}h2{font-size:38px;line-height:1.15}h3{font-size:29px;line-height:1.2}.muted{color:var(--muted)}.skip-link{position:fixed;z-index:150;left:10px;top:-70px;background:#e3bd64;color:#111;padding:10px}.skip-link:focus{top:10px}.eyebrow{font:700 10px/1.5 var(--sans);letter-spacing:2.3px;color:var(--gold);margin-bottom:13px;text-transform:uppercase}
.site-header{height:101px;position:absolute;z-index:20;inset:0 0 auto;background:#090909;isolation:isolate}.site-header:after{content:'';position:absolute;inset:98% 0 auto;height:23px;background:#090909;clip-path:polygon(0 0,100% 0,100% 15%,97% 20%,94% 40%,88% 52%,85% 35%,81% 65%,78% 40%,73% 60%,70% 30%,64% 58%,61% 35%,55% 70%,50% 32%,45% 57%,39% 39%,32% 78%,28% 30%,21% 74%,18% 45%,14% 70%,10% 35%,6% 75%,2% 31%,0 60%);z-index:-1}.header-inner{max-width:1320px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;gap:27px}.brand{flex-shrink:0;display:block}.brand-logo{display:block;width:180px;height:66px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:21px;flex:1;justify-content:center}.site-header nav button{font:600 10px/1.2 var(--sans);text-transform:uppercase;white-space:nowrap;letter-spacing:.7px;padding:14px 0;border-bottom:1px solid transparent}.site-header nav button.active,.site-header nav button:hover{color:var(--gold);border-bottom-color:var(--gold)}.account{display:flex;align-items:center;gap:9px;font-size:10px}.account>span{color:var(--muted);max-width:90px;overflow:hidden;text-overflow:ellipsis}.login-button{border:1px solid #6b5932;padding:10px 12px;white-space:nowrap;font-size:10px;color:#e9d4a5}.menu-toggle{display:none}.view{display:none}.view.active{display:block}
.hero{min-height:780px;position:relative;overflow:hidden;background:#d1d0cb url('/assets/brand/shypire-hero-ink.webp') center 95px/cover no-repeat;color:#171916}.hero:after{content:'';position:absolute;inset:auto 0 -1px;height:145px;background:linear-gradient(0deg,#0b0b0a,rgba(11,11,10,.88) 20%,transparent);pointer-events:none}.hero-content{position:relative;z-index:1;width:min(1180px,calc(100% - 80px));margin:auto;padding-top:185px}.dark-eyebrow{color:#635433;display:flex;align-items:center;gap:10px}.dark-eyebrow>span{height:1px;width:28px;background:#867145}.hero h1{font-size:clamp(48px,5.15vw,76px);line-height:.98;letter-spacing:-1.5px;margin-bottom:25px}.hero h1 em{font-style:normal;color:#8e6c2a}.hero-description{font-size:12px;line-height:1.9;color:#474941;max-width:430px}.hero-seal{margin:27px 0 0 56px;border:9px solid #1b1b18;border-radius:48% 52% 48% 53%;width:278px;height:260px;background:radial-gradient(circle at 50% 35%,#292923,#10100e 68%);color:#eee5d0;box-shadow:0 0 0 3px #4a49413b,0 0 0 9px #28282163,9px 6px 0 8px #18181680;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg)}.hero-seal>*{transform:rotate(4deg)}.seal-caption{font-size:8px;letter-spacing:1.5px;color:#ceb675;margin-bottom:15px}.gold-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:linear-gradient(125deg,#e7cc83,#b79342 72%,#d2b367);color:#19170f;border:1px solid #ead39a;box-shadow:inset 0 0 0 3px #51401c24;padding:15px 23px;font-size:12px;letter-spacing:1px;font-weight:800;min-height:48px;text-transform:uppercase}.gold-button:hover{background:#e3c67e;color:#17130b;transform:translateY(-2px)}.gold-button span{font-size:20px;line-height:1}.seal-register{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#e0c78a;margin-top:16px}.seal-register span{margin-left:12px}.seal-bottom{font-size:8px;color:#b4b0a5;margin-top:14px}.seal-bottom button{font-size:8px;color:#e1c580;padding:0 0 0 3px}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.6px;color:#d0c9b9;z-index:2;display:flex;gap:17px;align-items:center}.hero-scroll span{font-size:20px;color:var(--gold)}
.home-content{max-width:1100px;margin:auto;padding:45px 30px 40px}.section-title{display:flex;align-items:center;gap:20px;margin:0 0 55px}.section-title .eyebrow{font-size:8px;margin:0 0 6px}.section-title h2{font-size:42px;margin:0;color:#e5d4a7}.title-seal{width:70px;height:70px;flex-shrink:0;display:grid;place-items:center;border-radius:48% 52% 45% 55%;background:#c3a254;color:#171611;font:36px Georgia;border:5px solid #1f1e18;outline:2px solid #967a3e;box-shadow:4px -2px 0 2px #8c713d55,-3px 4px 0 #a2894f55}.title-line{height:1px;flex:1;background:linear-gradient(90deg,#89713a66,transparent);margin-left:20px}.discovery-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:90px}.news-entry{border-bottom:1px solid #28251d;padding:0 0 30px;margin-bottom:32px}.news-meta{display:flex;align-items:center;justify-content:space-between;color:#a79262;letter-spacing:1.6px;font-size:8px;margin-bottom:14px}.news-meta span:last-child{color:#554a32;font-family:var(--serif);font-size:23px;letter-spacing:0}.news-entry h3{color:#e2cf9e;margin-bottom:15px;font-size:29px}.news-entry p{font-size:12px;line-height:1.9;color:#b5b0a3;max-width:590px}.text-link{display:inline-block;color:var(--gold);font-size:11px;padding:5px 0}.text-link span{margin-left:15px}.home-sidebar{border-left:1px solid #393021;padding-left:29px}.sidebar-mark{font:italic 110px/1 var(--serif);color:#c5a159;margin-bottom:18px}.home-sidebar h3{font-size:36px;color:#ece6d7}.home-sidebar>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.9}.outline-button,.ghost,.buy{border:1px solid #7c6739;color:#e1c58c;padding:11px 16px;display:inline-flex;gap:20px;justify-content:center;align-items:center;font-size:11px}.outline-button:hover,.ghost:hover,.buy:hover{background:#baa15b1a;border-color:#cfb273}.sidebar-links{border-top:1px solid var(--line);margin-top:28px;padding-top:14px}.sidebar-links button{display:flex;justify-content:space-between;text-align:left;width:100%;padding:13px 0;color:#b9b09c;font-size:10px}.server-section{margin-top:53px;padding:34px 0 65px;background:radial-gradient(ellipse at 50% 100%,#ac8a411a,transparent 65%)}.server-status{display:flex;justify-content:center;gap:10px;align-items:center;margin:5px 0 40px;font-size:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#a9a08b;display:inline-block}.status-dot.online{background:#a9c88b;box-shadow:0 0 14px #a9c88b66}.status-note{color:#756e5e;font-size:10px;margin-left:17px}.server-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:center}.server-stats b{display:grid;place-items:center;width:106px;height:106px;margin:0 auto 20px;background:#c0a15e;color:#191812;border:8px solid #15140f;outline:2px solid #90743d;border-radius:46% 54% 49% 51%;font:600 30px var(--serif);box-shadow:4px 4px 0 #7f663850}.server-stats span{font-size:8px;color:#bfab78;letter-spacing:1.6px}
.interior-shell{max-width:1200px;margin:auto;padding:0 35px}.interior-shell>.view{padding:160px 0 90px;min-height:80vh}body[data-page=home] .interior-shell{padding:0}body:not([data-page=home]){background:radial-gradient(ellipse at 80% 10%,#7e673a1c,transparent 60%),#0b0b0a}.section-head{display:flex;gap:22px;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-head h1,.section-head h2{color:#eee4cf;margin:0 0 12px}.section-head p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.balance{padding:14px 20px;border:1px solid #6f5a30;background:#c7a45a0c;font-size:9px;color:#b7ab8e;letter-spacing:1px;white-space:nowrap}.balance strong{display:block;font:500 28px var(--serif);color:#eed395;letter-spacing:0;margin-top:4px}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.search-field{display:flex;align-items:center;max-width:390px;width:100%;gap:10px;border-bottom:1px solid #75613d}.search-field span{font-size:25px;color:#b99f67}.search-field input{background:none;border:0;width:100%;padding-left:0;font-size:12px}.shop-toolbar .muted{font-size:10px}.shop-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:26px}.categories{border-right:1px solid #332c1f;padding-right:20px}.categories button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:12px 9px;font-size:11px;color:#afa795}.categories button.selected{background:linear-gradient(90deg,#b9994e20,transparent);border-left:2px solid var(--gold);color:#ead4a0}.categories button span{font-size:9px;color:#7c725c}.categories p{font-size:10px;line-height:1.8;color:#847d6d;margin-top:33px}.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-content:start}.offer{border:1px solid #3b3324;padding:17px;background:linear-gradient(140deg,#1c1b16,#11110e);min-height:210px;display:flex;flex-direction:column}.offer:hover{border-color:#8f7441;background:linear-gradient(140deg,#252116,#12120f)}.offer-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-icon{height:48px;width:48px;display:grid;place-items:center;background:radial-gradient(circle,#78623933,transparent);border:1px solid #615036}.item-icon img{object-fit:contain;max-width:40px;max-height:40px}.offer-top small{font-size:8px;letter-spacing:.7px;color:#9c8b66}.offer h3{font-family:var(--sans);font-size:12px;line-height:1.5;margin:15px 0 6px;min-height:35px}.offer-price{font:500 24px var(--serif);color:#e3c47e}.offer-price small{font:9px var(--sans);letter-spacing:1px}.offer-quantity{font-size:9px;color:#9d9583}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;margin-top:auto}.offer-bottom label{font-size:8px;color:#b2a78e;display:flex;align-items:center;gap:6px}.offer-bottom input{font-size:10px;width:62px;padding:6px}.offer-bottom .buy{font-size:9px;padding:7px 10px}.empty-state{grid-column:1/-1;padding:35px 20px;text-align:center;background:#181711;border:1px solid #463b27;color:#bcb19a;font-size:12px}.select-field{display:flex;gap:6px;flex-direction:column;font-size:10px;color:#a99c7a;min-width:205px}.select-field select{font-size:12px}.ranking-card{border:1px solid #51432b}.ranking-label,.rank-row{display:grid;grid-template-columns:90px minmax(0,1fr) 220px;gap:15px;padding:20px 30px;align-items:center}.ranking-label{background:#201d15;color:#b99e65;font-size:9px;letter-spacing:1px}.ranking-label>:last-child,.rank-row>:last-child{text-align:right}.rank-row{border-top:1px solid #2b271e;min-height:76px}.rank-row:nth-child(even){background:#16150f}.rank-row .rank{font:28px var(--serif);color:#a38a55}.rank-row.podium .rank{color:#f0d38d}.rank-row .value{font-size:15px;color:#e2d3ad;font-variant-numeric:tabular-nums}.rank-row .empire{display:block;font-size:9px;color:#94856a;margin-top:3px}
.locked-panel{text-align:center;padding:55px 25px;border:1px solid #57462b;background:radial-gradient(ellipse,#c5a04e13,transparent 70%)}.lock-symbol{color:#c4a760;font:70px var(--serif);line-height:1.2}.locked-panel h2{margin:15px 0}.locked-panel p{color:var(--muted);font-size:12px}.locked-panel .text-link{display:block;margin:16px auto 0}.account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:38px}.account-summary article{border:1px solid #51432b;padding:24px;background:#18160f}.account-summary article>span{display:block;font-size:8px;color:#b5a078;letter-spacing:1.5px}.account-summary article>b{font:32px var(--serif);color:#ead3a0;overflow-wrap:anywhere}.subheading{font-size:28px;margin:35px 0 20px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.character-card{display:flex;gap:20px;border:1px solid #473b25;padding:22px}.character-crest{width:57px;height:65px;display:grid;place-items:center;border:1px solid #8d713f;color:#d1ae64;font:30px var(--serif);flex-shrink:0;background:#a6884520}.character-card h3{font-size:26px;margin-bottom:5px}.character-card p{font-size:11px;color:#a99b7b;margin-bottom:12px}.order-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 150px;align-items:center;gap:15px;border-bottom:1px solid #3c3220;padding:18px;font-size:11px}.order-row small{color:#9c8e71}.order-row strong{color:#e4c58a;text-align:right}.download-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.download-steps article{padding:25px;border-top:1px solid #8b6d32;background:linear-gradient(160deg,#251f123b,transparent)}.download-steps article>span{font:60px var(--serif);color:#9f8247}.download-steps h2{font-size:30px;margin:12px 0 20px}.download-steps p{font-size:12px;color:#b7ad97;line-height:1.9}.download-steps .gold-button{font-size:9px;padding:12px 15px;gap:15px}
.site-footer{position:relative;background:linear-gradient(115deg,#9c7e38,#685323 65%,#3e341d);margin-top:40px;color:#e6d7b0;padding:65px 30px 45px}.site-footer:before{content:'';position:absolute;inset:-28px 0 auto;height:31px;background:inherit;clip-path:polygon(0 70%,4% 25%,7% 60%,11% 10%,15% 70%,20% 45%,25% 90%,30% 20%,35% 70%,40% 30%,46% 75%,50% 10%,55% 70%,62% 30%,67% 80%,73% 30%,78% 65%,85% 10%,90% 60%,95% 30%,100% 80%,100% 100%,0 100%)}.footer-inner{max-width:1100px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin:auto}.footer-inner .brand img{object-fit:contain;width:190px;height:65px;filter:drop-shadow(0 2px 4px #0008)}.footer-inner>div{display:flex;gap:26px;font-size:10px}.footer-inner>p{width:100%;border-top:1px solid #dcc38c33;padding-top:24px;margin:20px 0 0;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.footer-inner>p span{letter-spacing:0;color:#d0bd91}.modal-view{display:none;position:fixed;inset:0;z-index:100;background:#000c;backdrop-filter:blur(5px);padding:25px;overflow-y:auto}.modal-view.active{display:flex;align-items:center;justify-content:center}.auth-box{position:relative;background:radial-gradient(ellipse at top,#332817,#11110e 70%);border:1px solid #a08349;width:420px;max-width:100%;padding:38px;box-shadow:0 25px 100px #0009}.auth-box h2{font-size:38px;margin-bottom:12px}.auth-box>p:not(.eyebrow){font-size:11px;color:#bdb098}.close{position:absolute;right:15px;top:9px;font:30px var(--serif);color:#c3ac76}.auth-box form{display:flex;flex-direction:column;gap:16px;margin-top:26px}.auth-box label{font-size:11px;color:#d4c5a2}.auth-box input{width:100%;display:block;margin-top:7px;font-size:13px}.auth-box .gold-button{margin-top:7px;width:100%}.switch-auth{font-size:11px;color:#d4b875;margin-top:22px;padding:0}.form-message{font-size:12px;color:#e0bc8d;overflow-wrap:anywhere}.form-message:empty{display:none}.toast{position:fixed;z-index:120;bottom:25px;left:50%;transform:translateX(-50%);background:#201b10;border:1px solid #c4a45d;color:#eee1bf;padding:15px 25px;max-width:calc(100vw - 30px);box-shadow:0 6px 30px #000a;font-size:12px}#admin>section,#admin>.wheel-editor{padding:26px;border:1px solid #4c3d24;margin-top:28px;background:#15140f}#admin>section h2{font-size:29px}#inviteCreate{display:flex;align-items:end;gap:15px;flex-wrap:wrap}#inviteCreate label{font-size:11px;color:#c4b18c}#inviteCreate input{display:block;margin-top:6px}#inviteCreate button,#inviteList button{border:1px solid #8e7140;padding:10px 17px;color:#d6b67a;font-size:11px}.wheel-editor select,.wheel-editor input{padding:9px}.wheel-editor h3{font:28px var(--serif)}.pw-side h3{font-family:var(--serif)}.pw-dialog{background:#17150f;color:#ead9b3;border:1px solid #aa8b4a;max-width:90vw}.pw-dialog::backdrop{background:#000c}
@media(min-width:1550px){.hero{min-height:860px}.hero-content{padding-top:210px}}
@media(max-width:1150px){.header-inner{gap:15px;padding:0 22px}.brand-logo{width:145px}.site-header nav{gap:13px}.site-header nav button{font-size:9px}.account>span{display:none}.discovery-layout{gap:45px}.hero{background-position:54% top}.offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.site-header{height:82px}.header-inner{justify-content:space-between}.menu-toggle{display:block;font-size:23px;color:#d1b36b;padding:9px;order:3}.site-header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#10100f;border-bottom:1px solid #887044;padding:20px;flex-wrap:wrap;justify-content:center;gap:15px 22px}.site-header nav.open{display:flex}.site-header nav button{font-size:10px}.account{margin-left:auto}.brand-logo{width:160px;height:60px}.hero{min-height:780px;background-position:60% top}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e4e3dbdd,transparent 80%)}.hero-content{padding-top:158px;width:calc(100% - 60px)}.hero h1{font-size:60px}.hero-description{max-width:340px}.hero-seal{margin-left:25px}.discovery-layout{grid-template-columns:1fr 230px;gap:30px}.home-content{padding-left:25px;padding-right:25px}.home-sidebar{padding-left:23px}.home-sidebar h3{font-size:31px}.status-note{display:none}.interior-shell>.view{padding-top:135px}.section-head h1{font-size:43px}.character-grid{grid-template-columns:1fr}.account-summary{gap:10px}.account-summary article{padding:17px}.account-summary article>b{font-size:25px}.download-steps{gap:12px}.download-steps article{padding:15px}.download-steps h2{font-size:25px}}
@media(max-width:600px){.header-inner{padding:0 15px;gap:9px}.brand-logo{width:135px}.login-button{font-size:9px;padding:9px}.hero{min-height:780px;background-position:63% top}.hero:before{background:linear-gradient(90deg,#e0dfd7ed,#dfded6bc 47%,#d9d9d442)}.hero-content{width:calc(100% - 44px);padding-top:146px}.hero h1{font-size:52px}.dark-eyebrow{font-size:8px;letter-spacing:1.6px;max-width:270px}.hero-description{font-size:11px;max-width:290px}.hero-seal{margin-top:40px;margin-left:14px;width:250px;height:235px}.hero-scroll{bottom:21px}.home-content{padding-top:25px;padding-left:22px;padding-right:22px}.section-title{gap:15px;margin-bottom:38px}.title-seal{width:55px;height:55px;font-size:29px}.section-title h2{font-size:31px}.section-title .eyebrow{font-size:7px;letter-spacing:1.4px}.title-line{display:none}.discovery-layout{grid-template-columns:1fr;gap:20px}.home-sidebar{border-left:0;border-top:1px solid #544328;padding:25px 0}.sidebar-mark{display:none}.home-sidebar h3{font-size:33px}.home-sidebar h3 br{display:none}.server-section{margin-top:25px;padding-bottom:35px}.server-stats{gap:12px}.server-stats b{width:76px;height:76px;font-size:25px;border-width:6px}.server-stats span{font-size:7px;letter-spacing:.6px;display:block}.server-status{font-size:10px;gap:8px}.interior-shell{padding:0 18px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head h1{font-size:40px}.section-head p:not(.eyebrow){font-size:11px}.balance{margin-left:auto;padding:9px 13px}.balance strong{font-size:24px}.shop-layout{grid-template-columns:1fr;gap:18px}.categories{border:0;padding:0}.categories #categoryButtons{display:flex;overflow-x:auto;gap:8px;padding-bottom:9px}.categories button{width:auto;min-width:max-content;border:1px solid #4d402b;padding:8px 10px;gap:10px;font-size:10px}.categories button.selected{border:1px solid #bc9c56}.categories p{display:none}.offers{gap:9px}.offer{padding:12px;min-height:230px}.offer h3{font-size:10px;min-height:32px}.offer-top small{font-size:7px}.item-icon{width:40px;height:40px}.offer-bottom{flex-wrap:wrap;gap:9px}.offer-bottom .buy{flex:1;padding:7px}.offer-bottom input{width:60px}.offer-bottom label{justify-content:space-between;width:100%}.shop-toolbar .muted{white-space:nowrap;font-size:9px}.ranking-label,.rank-row{grid-template-columns:46px minmax(0,1fr) 90px;gap:8px;padding:15px 12px}.ranking-label{font-size:7px}.rank-row{font-size:11px}.rank-row .value{font-size:12px}.account-summary{grid-template-columns:1fr}.account-summary article{display:flex;justify-content:space-between;align-items:center}.order-row{grid-template-columns:1fr auto}.order-row small{grid-column:1/-1;grid-row:2}.download-steps{grid-template-columns:1fr}.download-steps article{padding:22px}.auth-box{padding:28px 24px}.site-footer{padding:42px 22px 26px}.footer-inner{gap:18px}.footer-inner>div{gap:20px}.footer-inner>p{font-size:8px}.footer-inner .brand img{width:160px;height:52px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Room for the title above the integrated wheel. */
#paidWheel{max-width:1200px;margin:0 auto;padding:155px 30px 90px;min-height:80vh} .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e6e4dc66,transparent 55%)}
@media(max-width:600px){#paidWheel{padding:130px 18px 50px}.hero:before{background:linear-gradient(90deg,#e0dfd7eb,#dfded6b3 47%,#d9d9d42e)}}
body #paidWheel{padding-top:155px!important}@media(max-width:600px){body #paidWheel{padding-top:130px!important}}
/* Invitation administration: compact forms and readable registration history. */
#admin .invite-create{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:end;margin:24px 0}
#admin .invite-create label,#admin .invite-created label{display:flex;flex-direction:column;gap:8px;color:#d9cda9;font-size:13px}
#admin .invite-create input{width:100%;min-width:0;box-sizing:border-box}
#admin .invite-create .gold-button{grid-column:1/-1;justify-self:start}
.invite-created{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:20px;background:#191710;border:1px solid #665330;margin:20px 0}
.invite-created[hidden]{display:none}.invite-created h3,.invite-created small{grid-column:1/-1}.invite-created input{width:100%;box-sizing:border-box;font-family:monospace;font-size:12px}.invite-created small{color:#bbb2a1;line-height:1.6}
.invite-list{display:grid;gap:14px}.invite-card{padding:20px;border:1px solid #3e382a;background:#10100ed9}.invite-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.invite-heading h3{margin:0;overflow-wrap:anywhere}.invite-status{font-size:12px;color:#e6cb87;border:1px solid #655230;padding:5px 9px;white-space:nowrap}.invite-meta{color:#aaa18f;font-size:13px;line-height:1.8}.invite-actions{display:flex;justify-content:flex-end}.invite-card details{margin-top:14px}.invite-card summary{cursor:pointer;color:#d8bd7f;padding:10px 0}.invite-users-wrap{overflow-x:auto}.invite-users{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.invite-users th{color:#d2b577;font-weight:500}.invite-users th,.invite-users td{padding:12px 10px;border-bottom:1px solid #383329;overflow-wrap:anywhere}.invite-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:14px}
@media(max-width:650px){#admin .invite-create{grid-template-columns:1fr 1fr}#admin .invite-create label:first-child{grid-column:1/-1}.invite-created{grid-template-columns:minmax(0,1fr)}.invite-created h3,.invite-created small{grid-column:auto}.invite-heading{align-items:flex-start;flex-direction:column}.invite-card{padding:14px}.invite-users{min-width:430px}}
#admin .invite-panel #inviteCreate .gold-button{color:#211b10;font-weight:800;border-color:#ead39a}
/* Shypire visual proposal: larger identity and quiet gold detailing. */
.site-header{height:118px;background:linear-gradient(105deg,#090909,#17150f 48%,#090909)}
.header-inner{max-width:1440px;gap:23px;border-bottom:1px solid #d2ac5f35}
.brand-logo{width:300px;height:108px;filter:drop-shadow(0 0 15px #c9a95528)}
.site-header nav{gap:19px}.site-header nav button{letter-spacing:1px;font-size:10px}
.site-header nav button.active{position:relative}.site-header nav button.active:after{content:'';position:absolute;width:4px;height:4px;background:#d5b467;bottom:-3px;left:50%;transform:rotate(45deg)}
.login-button{background:linear-gradient(125deg,#b9974920,#12110e);border-color:#a88a4c;box-shadow:inset 0 0 0 3px #b7954910}
.hero{background-position:center 110px;min-height:825px}
.hero-content{padding-top:198px}.hero h1{line-height:1.06;text-shadow:0 2px 18px #f3efdf3b}
.hero-seal{outline:1px solid #d5b26588;outline-offset:-16px;box-shadow:0 0 0 3px #4a49413b,0 0 0 9px #28282163,9px 6px 0 8px #18181680,0 13px 35px #0004}
.seal-caption:before,.seal-caption:after{content:'◆';font-size:6px;color:#c0a164;margin:0 8px}
.hero-scroll{border-top:1px solid #b6944e55;padding-top:13px;min-width:215px;justify-content:center}
.home-content{position:relative;padding-top:54px}
.section-title h2{letter-spacing:-.6px}.section-title:after{content:'';width:8px;height:8px;flex-shrink:0;border:1px solid #8d7440;transform:rotate(45deg);margin-left:3px}
.news-entry{position:relative;padding-left:22px;border-left:1px solid #69512a45;transition:border-color .2s}.news-entry:before{content:'';position:absolute;left:-3px;top:4px;width:5px;height:5px;background:#a88a4d;transform:rotate(45deg)}.news-entry:hover{border-left-color:#b89650}
.home-sidebar{background:radial-gradient(ellipse at top right,#b48c3510,transparent 65%)}
.sidebar-mark{font-style:normal;font-size:0;width:100%;height:88px;background:url('/assets/brand/shypire-logo.webp') center/280px auto no-repeat;filter:drop-shadow(0 2px 12px #bc953c22)}
.server-section{border-top:1px solid #8c713a35;border-bottom:1px solid #8c713a35}.server-stats b{box-shadow:4px 4px 0 #7f663850,inset 0 0 0 2px #ead79999;background:radial-gradient(circle at 35% 25%,#e4cb86,#aa853d)}
.footer-inner .brand img{width:285px;height:96px}.site-footer{box-shadow:inset 0 1px #edcf7b33}
.home-rankings{margin-bottom:75px}.home-rankings .section-title{margin-bottom:28px}.rank-seal{font-size:33px;background:radial-gradient(circle at 35% 25%,#e4cb86,#aa853d)}
.ranking-all{margin-left:auto;white-space:nowrap;font-size:11px}.home-rankings .section-title:after{display:none}
.home-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-ranking-card{position:relative;padding:24px 21px 17px;background:radial-gradient(ellipse at 100% 0,#b1903e16,transparent 65%),linear-gradient(150deg,#1a1914,#10100e);border:1px solid #63502d;box-shadow:inset 0 0 0 4px #11110e,inset 0 0 0 5px #8a6a2d20}
.home-ranking-card:before,.home-ranking-card:after{content:'';position:absolute;width:20px;height:20px;pointer-events:none}.home-ranking-card:before{left:-1px;top:-1px;border-top:2px solid #d1ad62;border-left:2px solid #d1ad62}.home-ranking-card:after{right:-1px;bottom:-1px;border-right:2px solid #98783d;border-bottom:2px solid #98783d}
.home-ranking-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #6f583038}
.ranking-emblem{display:grid;place-items:center;flex-shrink:0;width:36px;height:42px;color:#c7a45b;font:28px Georgia;border:1px solid #8a703a;background:linear-gradient(145deg,#a98b3f20,transparent);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}
.home-ranking-heading>div>span{color:#a38d5c;font-size:7px;letter-spacing:1.5px}.home-ranking-heading h3{font:24px/1.2 var(--serif);color:#e4d4af;margin:7px 0 0}
.home-rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:55px;border-bottom:1px solid #55442536}.home-rank-place{font:18px var(--serif);color:#93805a}.home-rank-name{font-size:11px;color:#cdc5b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-rank-name small{display:block;color:#7f7663;font-size:8px;margin-top:4px}.home-rank-row strong{font-size:12px;color:#d6c6a1;font-variant-numeric:tabular-nums}.home-rank-row strong small{font-size:8px;font-weight:400;color:#938363}.home-rank-row.leader{background:linear-gradient(90deg,#c59a3e12,transparent)}.home-rank-row.leader .home-rank-place{color:#efcb7f}.home-rank-row.leader .home-rank-name{color:#f0d69e}.home-ranking-card>.text-link{margin-top:15px;font-size:10px}.home-ranking-empty{min-height:120px;color:#a39983;font-size:12px;line-height:1.8;padding:20px 0}
@media(min-width:1550px){.hero{min-height:880px}.hero-content{padding-top:215px}}
@media(max-width:1200px){.brand-logo{width:240px;height:96px}.header-inner{gap:16px}.site-header nav{gap:12px}.site-header nav button{font-size:9px;letter-spacing:.5px}.account>span{display:none}.home-ranking-grid{gap:13px}.home-ranking-card{padding:21px 17px}.home-ranking-heading h3{font-size:21px}}
@media(max-width:1000px){.site-header{height:100px}.brand-logo{width:270px;height:96px}.menu-toggle{display:block;order:3}.header-inner{justify-content:space-between}.account{margin-left:auto}.site-header nav{display:none;position:absolute;top:99px;left:0;right:0;background:#10100f;border-bottom:1px solid #887044;padding:20px;flex-wrap:wrap;justify-content:center;gap:16px 22px}.site-header nav.open{display:flex}.site-header nav button{font-size:10px}.home-ranking-grid{grid-template-columns:1fr}.home-ranking-card{padding:24px}.home-ranking-heading h3{font-size:26px}.home-ranking-heading>div>span{font-size:8px}.home-rank-name{font-size:13px}.home-ranking-heading{margin-bottom:7px}.home-ranking-list{min-height:0}.home-rank-row{min-height:57px}.home-rank-row strong{font-size:14px}.hero{background-position:60% 95px}.hero-content{padding-top:180px}}
@media(max-width:600px){.site-header{height:94px}.brand-logo{width:205px;height:88px}.header-inner{gap:6px;padding:0 13px}.site-header nav{top:93px}.login-button{font-size:8px;padding:9px}.menu-toggle{font-size:21px;padding:7px}.hero{background-position:63% 85px;min-height:815px}.hero-content{padding-top:158px}.hero h1{font-size:50px}.home-content{padding-top:34px}.section-title:after{display:none}.home-rankings{margin-bottom:48px}.home-rankings .section-title{flex-wrap:wrap;gap:13px}.home-rankings .section-title h2{font-size:29px}.ranking-all{width:100%;margin:0 0 0 69px;font-size:10px}.home-ranking-card{padding:20px}.news-entry{padding-left:16px}.footer-inner .brand img{width:235px;height:80px}}
@media(max-width:370px){.brand-logo{width:175px}.header-inner{padding:0 9px}.login-button{padding:8px;font-size:8px}}
.home-ranking-card{display:flex;flex-direction:column}.home-ranking-list{flex:1}.home-ranking-card>.text-link{align-self:flex-start}
@media(min-width:601px) and (max-width:1000px){.hero:before{background:linear-gradient(90deg,#e0dfd7db,#e0dfd78c 45%,transparent 78%)}}
.beta-announcement{padding:25px 24px 25px 28px;background:radial-gradient(ellipse at top left,#ac84331c,transparent 70%),#14130f;border:1px solid #746039;border-left:3px solid #c5a059;margin-bottom:38px}.beta-announcement:before{left:-5px;top:28px;width:7px;height:7px;background:#dfbc6e}.beta-announcement .news-meta{gap:15px;flex-wrap:wrap;line-height:1.7}.beta-announcement time{color:#a79673;white-space:nowrap;font-size:9px;letter-spacing:.7px}.beta-announcement h3{font-size:31px;line-height:1.22}.beta-announcement h4{color:#e3cf9e;font-size:15px;margin:23px 0 12px}.beta-announcement p,.beta-checklist{font-size:12px;line-height:1.9;color:#c2bba9}.beta-announcement strong{color:#e4cf9d;font-weight:600}.beta-checklist{padding-left:18px;margin:0 0 22px}.beta-checklist li{padding-left:5px;margin-bottom:12px}.beta-checklist li::marker{color:#c4a15c}.beta-discord{font-size:11px;line-height:1.7;text-align:center;margin:7px 0 10px;gap:14px;background:#ae8c3c12}.beta-announcement .beta-thanks{font-size:11px;color:#ac9870;margin:10px 0 0}@media(max-width:600px){.beta-announcement{padding:22px 18px}.beta-announcement h3{font-size:29px}.beta-discord{font-size:10px;padding:11px 12px;width:100%;box-sizing:border-box}}
.beta-starter-sm{padding:2px 17px 5px;margin:22px 0;border-left:2px solid #c5a059;background:linear-gradient(90deg,#c09a3e18,transparent)}.beta-starter-sm h4{margin-top:15px}.beta-starter-sm p{margin-bottom:13px}
/* Lower-page redesign: fortress panorama, stone-and-gold counters and a proper footer. */
.server-section{position:relative;margin:35px 0 0;padding:68px 30px 72px;border:0;background:linear-gradient(180deg,#0b0b0a 0%,#0b0b0a14 24%,#0b0b0a22 65%,#0b0b0a 100%),url('/assets/brand/shypire-fortress-panorama.webp') center center/cover no-repeat;isolation:isolate}
.server-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 28%,#09090935,#09090900 70%);z-index:-1;pointer-events:none}
.world-inner{max-width:1100px;margin:auto}.world-heading{text-align:center}.world-heading .eyebrow{font-size:9px;letter-spacing:3px;color:#d5b36b;margin:20px 0 13px}.world-heading h2{font:54px/1.1 var(--serif);color:#f1e3c6;margin:0 0 16px}.world-heading>p:last-child{color:#c2b8a4;font-size:13px;line-height:1.8;margin-bottom:25px}.world-ornament{display:flex;align-items:center;justify-content:center;gap:18px;color:#c8a362;font-size:10px}.world-ornament span{height:1px;width:90px;background:linear-gradient(90deg,transparent,#c5a05c)}.world-ornament span:last-child{transform:rotate(180deg)}
.server-section .server-status{margin:18px 0 32px;font-size:11px;color:#d0c6b0}.server-section .status-note{color:#ab9a78}.server-section .server-stats{gap:22px;max-width:980px;margin:0 auto}
.server-section .server-stats>div{position:relative;padding:27px 20px 29px;border:1px solid #b7995652;background:linear-gradient(135deg,#181712e6,#0d0e0de3);box-shadow:inset 0 0 0 5px #0b0c0b88,0 12px 40px #0003;text-align:center;backdrop-filter:blur(3px)}
.server-section .server-stats>div:before,.server-section .server-stats>div:after{content:'';position:absolute;height:16px;width:16px;pointer-events:none}.server-section .server-stats>div:before{left:-1px;top:-1px;border-left:2px solid #c9aa6d;border-top:2px solid #c9aa6d}.server-section .server-stats>div:after{right:-1px;bottom:-1px;border-right:2px solid #94733b;border-bottom:2px solid #94733b}
.server-stats svg{width:29px;height:29px;fill:none;stroke:#c4a265;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:13px}.server-section .server-stats b{display:block;width:auto;height:auto;margin:0 0 12px;border:0;outline:0;border-radius:0;background:none;box-shadow:none;font:60px/1 var(--serif);color:#e8d1a0;letter-spacing:-2px}.server-section .server-stats span{font-size:9px;letter-spacing:1.8px;color:#dbc28d}.server-stats small{display:block;font-size:10px;line-height:1.6;color:#928b7a;margin-top:12px}
.world-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:17px;margin:28px 0 0;color:#c3b18a;font-size:8px;letter-spacing:1.6px}.world-tags i{font-style:normal;color:#a78a50;font-size:6px}
.world-invitation{display:flex;justify-content:space-between;align-items:center;gap:45px;max-width:980px;margin:55px auto 0;padding:35px 0 0;border-top:1px solid #c6a56555}.world-invitation .eyebrow{font-size:8px;letter-spacing:2px;color:#c0a26a}.world-invitation h2{font:44px/1.1 var(--serif);color:#f0e4ca;margin:0 0 15px}.world-invitation>div>p:last-child{color:#aaa18e;font-size:12px;max-width:430px;line-height:1.8;margin-bottom:0}.world-actions{display:flex;flex-direction:column;gap:12px;min-width:260px}.world-actions .gold-button{font-size:11px;min-height:52px;padding:15px 20px;gap:23px}.world-actions .outline-button{background:#10110e99;border-color:#99804d;color:#e0c99b;min-height:47px;font-size:11px}
.site-footer{margin:0;padding:50px 30px 22px;border-top:1px solid #9f82453b;background:radial-gradient(ellipse at 20% 0,#8d6c2414,transparent 60%),#0b0b0a;box-shadow:none;color:#c5bca8}.site-footer:before{display:none;content:none}
.footer-inner{max-width:1180px;display:grid;grid-template-columns:1.3fr .8fr .8fr 1.2fr;align-items:start;gap:34px}.footer-inner>div{display:block;font-size:12px}.footer-brand .brand{margin:-22px 0 -2px -25px}.footer-inner .footer-brand .brand img{width:300px;height:104px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 10px #b28f3e15)}.footer-brand>p{font-size:11px;line-height:1.9;color:#8e8879;margin:0 0 17px}.footer-beta{font-size:7px;letter-spacing:1.5px;color:#b8a06f;border:1px solid #69562d;padding:7px 9px;display:inline-block}
.footer-column{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:8px}.footer-column h3{font:22px var(--serif);color:#e5d4ad;margin:0 0 20px}.footer-column button{text-align:left;display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:11px;color:#b2a88f}.footer-column button span{color:#75613b}.footer-column button:hover{color:#ebd3a0}
.footer-community{border-left:1px solid #80633455;padding:10px 0 0 25px}.footer-community .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:14px;color:#bfa470}.footer-community h3{font:25px/1.2 var(--serif);color:#e9d8b4;margin:0 0 13px}.footer-community>p:not(.eyebrow){font-size:11px;color:#928a78;line-height:1.8}.footer-community .text-link{font-size:10px;color:#d4b477}
.footer-inner>.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #b2944b30;margin-top:5px}.footer-bottom p{margin:0;font-size:9px;color:#a18e64}.footer-bottom p span{margin-left:25px;color:#6f695c}.footer-top{font-size:10px;color:#b39a68}.footer-top:hover{color:#edce8c}
@media(max-width:1000px){.footer-inner{grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer-community{grid-column:1/-1;padding:22px 0 0;border-left:0;border-top:1px solid #80633455;display:grid!important;grid-template-columns:1fr 1fr;gap:0 25px}.footer-community .eyebrow,.footer-community h3{grid-column:1}.footer-community>p:not(.eyebrow),.footer-community .text-link{grid-column:2}.footer-community>p:not(.eyebrow){grid-row:1/3;margin:0}.footer-community .text-link{align-self:start}.world-invitation{gap:25px}.world-invitation h2{font-size:39px}}
@media(max-width:650px){.server-section{margin-top:10px;padding:48px 22px 45px;background-position:36% center}.world-heading h2{font-size:42px}.world-heading .eyebrow{font-size:8px;letter-spacing:2px}.world-heading>p:last-child{font-size:12px;max-width:280px;margin:0 auto 25px}.server-section .server-status{font-size:10px;margin:20px 0 25px}.server-section .status-note{display:none}.server-section .server-stats{grid-template-columns:1fr;gap:12px;max-width:400px}.server-section .server-stats>div{display:grid;grid-template-columns:35px 1fr auto;text-align:left;align-items:center;gap:0 14px;padding:20px}.server-stats svg{grid-column:1;grid-row:1/3;margin:0;width:27px;height:27px}.server-section .server-stats b{grid-column:3;grid-row:1/3;font-size:42px;letter-spacing:-1px;margin:0}.server-section .server-stats span{grid-column:2;font-size:8px;letter-spacing:1px}.server-stats small{grid-column:2;font-size:8px;margin-top:6px;max-width:160px}.world-tags{gap:10px;font-size:6px;letter-spacing:1px;line-height:1.8;margin-top:22px}.world-tags i{font-size:4px}.world-invitation{flex-direction:column;align-items:stretch;margin-top:35px;padding-top:27px;gap:25px;text-align:center}.world-invitation h2{font-size:37px}.world-invitation .eyebrow{font-size:7px;letter-spacing:1.4px}.world-invitation>div>p:last-child{font-size:11px;max-width:320px;margin:0 auto}.world-actions{min-width:0;max-width:350px;width:100%;align-self:center}.site-footer{padding:40px 22px 22px}.footer-inner{grid-template-columns:1fr 1fr;gap:28px 22px}.footer-brand{grid-column:1/-1;text-align:center}.footer-brand .brand{margin:-20px auto -5px;width:280px}.footer-brand>p{font-size:11px}.footer-column{padding-top:0}.footer-column h3{font-size:22px;margin-bottom:13px}.footer-column button{font-size:11px}.footer-community{display:block!important;padding-top:24px}.footer-community h3{font-size:27px}.footer-community .text-link{font-size:11px;margin-top:5px}.footer-inner>.footer-bottom{gap:12px;align-items:flex-start}.footer-bottom p{font-size:8px;line-height:1.8}.footer-bottom p span{display:block;margin-left:0}.footer-top{font-size:9px;white-space:nowrap;margin-top:3px}}