:root{color-scheme:dark;--gold:#d8b775;--pale:#f4dca5;--line:#846538;--ink:#050d16;--muted:#b8bcc4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#03080e;color:#f2ede4;font-family:Inter,Arial,sans-serif;font-size:12px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffe5a5;outline-offset:4px}button{border:0}h1,h2,p{margin:0}.header{height:49px;display:flex;align-items:center;gap:14px;padding:0 2.4%;background:linear-gradient(180deg,#111824,#040a12);border-bottom:1px solid #a07a40;position:relative;z-index:20}.brand{width:255px;flex-shrink:0;text-align:center;font-family:Cinzel,Georgia,serif;color:var(--pale);position:relative;text-shadow:0 2px 2px #000,0 0 14px #ad813050;align-self:flex-start;z-index:2;padding-top:15px}.brand strong{font-size:29px;line-height:1;display:block;font-weight:600;letter-spacing:-1.8px}.brand small{display:block;font-size:12px;letter-spacing:5px;line-height:1.3}.brand .crest{position:absolute;top:-3px;left:0;right:0;font-size:23px;color:var(--gold)}.header nav{display:flex;align-items:stretch;justify-content:space-between;flex:1;height:100%;gap:5px}.header nav a,.header nav button{display:flex;align-items:center;text-transform:uppercase;background:none;padding:0 7px;font-size:9px;white-space:nowrap;color:#dddde0}.header nav .active{color:#ffe9b2;background:radial-gradient(ellipse at bottom,#90151780,transparent 75%);border-bottom:2px solid #e7b156}.header nav a:hover,.header nav button:hover{color:var(--pale)}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.language{font-size:10px;margin-right:4px;color:#ccd3df}.register,.login{border:1px solid #a38047;border-radius:2px;padding:8px 10px;text-transform:uppercase;font-size:9px;box-shadow:inset 0 0 7px #d69e2830}.register{background:linear-gradient(#9e171c,#50060b)}.login{background:linear-gradient(#15202b,#070b11);color:var(--pale)}#menuToggle{display:none;background:none;color:var(--pale);font-size:24px}.hero{height:278px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#00000008,#0308110d,#00000008),url('/assets/fso-artwork.jpg');background-size:100% 200%;background-position:center top;border-bottom:1px solid #49371f}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#02070ee8,transparent 32%),radial-gradient(ellipse at 50% 44%,#0000006b,transparent 47%);pointer-events:none}.hero-copy{position:relative;z-index:1;text-align:center;width:min(720px,72%);margin:auto;padding-top:4px}.hero-crest{font-size:49px;height:45px;line-height:1;color:var(--pale);text-shadow:0 2px 2px #000,0 0 15px #000}.hero h1{font-family:Cinzel,Georgia,serif;color:#f3cf87;font-size:54px;font-weight:600;line-height:1.05;letter-spacing:-2px;text-shadow:0 3px 1px #4c230d,0 4px 8px #000,0 0 10px #000}.hero h1 span{display:block;font-size:19px;letter-spacing:10px;margin-top:2px;font-weight:500}.hero h2{font-family:Cinzel,Georgia,serif;font-size:20px;letter-spacing:.5px;margin-top:10px;text-shadow:0 2px 5px #000}.hero p{font-size:10px;margin:4px 0 14px;text-shadow:0 2px 3px #000}.downloads{display:grid;grid-template-columns:1.12fr 1.25fr 1fr 1.05fr;gap:9px}.downloads button{border:1px solid #ae8a4c;min-height:49px;padding:6px 12px;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(#15202bcc,#020509ed);box-shadow:inset 0 0 8px #efd39120,0 3px 7px #0008;transition:filter .18s,transform .18s}.downloads .pc{background:linear-gradient(#b51b23,#69090e)}.downloads .android{background:linear-gradient(#207d2a,#0e4619)}.downloads button:hover{filter:brightness(1.2);transform:translateY(-2px)}.downloads button>span:not(.icon){text-align:left;font-size:12px;white-space:nowrap}.downloads small{display:block;font-size:8px;color:#d5d5d2;margin-top:3px}.downloads b{font-size:22px;font-weight:400}.downloads .store b{font-size:13px}.icon{font-size:28px}.play{color:#47d871;text-shadow:2px 0 #f1ce54,-2px 0 #42a5fa}.windows{width:24px;height:24px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:perspective(35px) rotateY(-10deg)}.windows i{display:block;background:currentColor}.feature-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);max-width:920px;min-height:41px;margin:-42px auto 10px;background:linear-gradient(#101c28f5,#020912f5);border:1px solid var(--line);box-shadow:0 3px 8px #000;clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%);padding:0 18px}.feature-strip button,.feature-strip a{display:flex;align-items:center;justify-content:center;gap:9px;background:none;border-right:1px solid #66563866;padding:4px 8px;text-align:left}.feature-strip>:last-child{border:0}.feature-strip>*>span{color:var(--pale);font-size:25px}.feature-strip b,.feature-strip small{display:block;font-size:9px;font-weight:400}.feature-strip small{color:var(--muted);font-size:8px;margin-top:2px}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 1.9%;max-width:1600px;margin:0 auto 10px}.game-card{padding:0;position:relative;min-width:0;height:119px;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#030a12;box-shadow:inset 0 0 0 2px #090b0e,0 3px 9px #000;transition:border-color .2s,transform .2s}.game-card:hover{border-color:var(--pale);transform:translateY(-3px)}.art{display:block;height:100%;background-image:url('/assets/fso-artwork.jpg');background-size:600% auto;background-position-y:70%}.tile-world{background-position-x:0%}.tile-classes{background-position-x:20%}.tile-castle{background-position-x:40%}.tile-caravan{background-position-x:60%}.tile-arena{background-position-x:80%}.tile-mob{background-position-x:100%}.card-copy{position:absolute;left:0;right:0;bottom:0;padding:16px 3px 5px;background:linear-gradient(transparent,#020a13 45%)}.card-copy b,.card-copy small{display:block}.card-copy b{font-family:Cinzel,Georgia,serif;font-size:13px;color:var(--pale);font-weight:600;line-height:1.25;text-shadow:0 2px 2px #000}.card-copy small{font-size:9px;margin-top:3px;color:#ddd}.dashboard{display:grid;grid-template-columns:1.08fr 1.45fr .9fr;gap:10px;padding:0 1.9%;max-width:1600px;margin:auto}.panel{background:linear-gradient(125deg,#0b1924,#020a13);border:1px solid var(--line);border-radius:4px;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 3px #030a12,0 4px 12px #0006;min-height:186px}.panel-heading{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:linear-gradient(90deg,#131c22,transparent);border-bottom:1px solid #68543550}.panel-heading h2{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:14px;letter-spacing:1px;color:var(--pale)}.panel-heading button{background:none;font-size:8px;color:#c1c9d6}.panel-heading button span{margin-left:7px;font-size:15px}.news-row{background:none;text-align:left;width:calc(100% - 22px);margin:0 11px;display:grid;grid-template-columns:38px 1fr 9px;gap:9px;align-items:center;border-bottom:1px solid #687a8533;padding:4px 0;min-height:38px}.news-row:last-child{border:0}.news-row:hover{background:#a4863010}.news-row time{background:linear-gradient(#a4161a,#53050a);border:1px solid #9c582e;border-radius:2px;text-align:center;font:600 15px Georgia,serif;padding:2px 0;box-shadow:inset 0 0 6px #fb753a22}.news-row time small{font:8px Inter,Arial,sans-serif;display:block;margin-top:1px}.news-row>span b{display:block;font-size:10px;font-weight:400;line-height:1.3}.news-row>span small{display:block;font-size:8px;color:#aab9c8;margin-top:3px}.news-row i{font-size:17px;font-style:normal;color:#7e95a3}.crossplay{position:relative;background-image:linear-gradient(#03091422,#02071088),url('/assets/fso-artwork.jpg');background-size:100% 200%;background-position:top center;display:flex;align-items:center;justify-content:center;min-height:186px;padding:8px}.cross-copy{position:relative;text-align:center;z-index:2;width:56%;text-shadow:0 2px 4px #000}.cross-copy h2{font:500 17px Cinzel,Georgia,serif;color:#f2e0ba;line-height:1.15}.cross-copy strong{display:block;font-size:28px;color:var(--pale)}.cross-copy p{font-size:10px;margin:3px 0 8px}.platforms{display:flex;justify-content:center;gap:5px}.platforms button{width:52px;min-height:61px;border:1px solid #8d6c39;background:linear-gradient(#121925ed,#02050c);border-radius:3px;display:flex;align-items:center;flex-direction:column;padding:5px}.platforms button>span{font-size:25px;color:#84bc36;height:27px;margin-bottom:5px}.platforms button:first-child>span{color:#2c9cfa;width:23px;height:23px;margin:2px 0 7px}.platforms button:last-child>span{color:#e4e7ef}.platforms b{font-size:9px;font-weight:400}.platforms small{font-size:6px;margin-top:2px}.cross-promises{display:flex;justify-content:center;gap:6px;margin-top:8px;font-size:7px;background:#030810bd;padding:4px 0;border:1px solid #8f6c37;border-radius:30px}.cross-promises span{white-space:nowrap}.device{position:absolute;border:6px solid #08090d;background-image:url('/assets/fso-artwork.jpg');box-shadow:3px 5px 8px #0008}.desktop-device{width:34%;height:102px;left:3%;top:35px;transform:perspective(330px) rotateY(16deg) rotateZ(3deg);border-radius:3px;background-size:100% 200%;background-position:top;display:grid;place-items:center}.desktop-device:after{content:'';position:absolute;left:-9%;right:-9%;bottom:-21px;height:14px;background:repeating-linear-gradient(90deg,#11151c 0 4px,#4c5057 4px 5px);transform:skewX(-24deg);border:3px solid #35373d}.desktop-device span{text-align:center;color:var(--pale);font:600 13px Cinzel,Georgia,serif;text-shadow:0 2px 5px #000}.desktop-device small{display:block;font-size:7px;letter-spacing:2px}.phone-device{width:19%;height:163px;right:3%;top:11px;border-radius:12px;transform:rotate(-8deg);background-size:auto 200%;background-position:85% top}.phone-device:before{content:'';position:absolute;top:0;left:25%;right:25%;height:5px;border-radius:0 0 5px 5px;background:#08090d}.status dl{margin:0 13px}.status dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #63798b2b;height:32px;font-size:9px}.status dt{display:flex;align-items:center;gap:8px;color:#d0d6dd;white-space:nowrap}.status dt span{font-size:17px;color:#79c1d9}.status dd{margin:0;color:#dce3eb;text-align:right;font-size:9px}.status-note{font-size:7px;color:#7f91a3;margin:8px 13px}.status-dot{width:7px;height:7px;background:#8d8d8d;border-radius:50%}.status-dot.online{background:#7cbc80;box-shadow:0 0 8px #6aa859}.systems{display:grid;grid-template-columns:repeat(9,1fr);max-width:1600px;margin:9px auto 0;border-top:1px solid #84653890;border-bottom:1px solid #84653890;padding:8px 2% 7px;background:linear-gradient(#0c141c,#030911)}.systems button,.systems a{display:flex;align-items:center;flex-direction:column;text-align:center;background:none;border-right:1px solid #8d6f3030;padding:0 5px}.systems>:last-child{border:0}.systems>*>span{font-size:24px;line-height:27px;color:var(--pale);text-shadow:0 0 5px #b8904050}.systems b{font-size:9px;font-weight:500;color:var(--pale);margin-top:3px}.systems small{font-size:8px;color:#b1bdc8;margin-top:3px}.systems button:hover b,.systems a:hover b{color:#fff4d3}footer{min-height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 2%;font-size:8px;color:#77899c}.footer-ornament{font:16px Georgia,serif;color:var(--gold);letter-spacing:6px}dialog{position:fixed;width:min(500px,calc(100vw - 32px));border:1px solid var(--gold);border-radius:4px;background:radial-gradient(ellipse at top,#392321,#07111c 70%);color:#eee8df;padding:32px;box-shadow:0 20px 80px #000b;text-align:center}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:8px;top:7px;width:32px;height:32px;background:#0b1219;border:1px solid #846538;color:var(--pale);font-size:23px}.dialog-crest{font-size:35px;color:var(--gold)}dialog h2{font:500 23px Cinzel,Georgia,serif;color:var(--pale);margin:10px 0 14px}dialog p{font-size:13px;line-height:1.8;color:#cad2dc;white-space:pre-line}.dialog-action{display:inline-block;margin-top:24px;padding:11px 20px;border:1px solid var(--line);background:linear-gradient(#87151e,#450910);color:#ffedc4;font-size:11px}
@media(min-width:1500px){.hero{height:350px}.hero-copy{padding-top:24px;width:800px}.hero h1{font-size:66px}.hero h2{font-size:24px}.hero p{margin-bottom:20px}.downloads button{min-height:58px}.game-card{height:150px}.panel{min-height:215px}.news-row{min-height:46px}.crossplay{min-height:215px}.desktop-device{height:122px}.phone-device{height:190px}.status dl>div{height:38px}.systems{padding-top:12px;padding-bottom:12px}}
@media(max-width:1150px){.header{gap:8px;padding:0 15px}.brand{width:210px}.brand strong{font-size:24px}.header nav a,.header nav button{padding:0 3px;font-size:8px}.header-actions{gap:5px}.register,.login{padding:8px 6px;font-size:8px}.language{display:none}.hero-copy{width:72%}.hero h1{font-size:48px}.feature-strip{max-width:88%}.card-copy b{font-size:11px}.card-copy small{font-size:8px}.cross-copy strong{font-size:24px}.status dl>div{font-size:8px}.news-row>span b{font-size:9px}.systems b{font-size:8px}}
@media(max-width:900px){.header{height:60px}.brand{width:auto;margin-right:auto;padding-top:18px}.brand strong{font-size:25px}.header nav{display:none;position:absolute;top:60px;left:0;right:0;background:#070f19;height:auto;padding:10px 16px;border-bottom:1px solid var(--line);box-shadow:0 10px 18px #0008;grid-template-columns:1fr 1fr;gap:2px}.header nav.open{display:grid}.header nav a,.header nav button{font-size:12px;padding:12px;justify-content:flex-start}.header-actions{gap:9px}.register,.login{font-size:10px;padding:9px}#menuToggle{display:block}.hero{height:340px;background-size:auto 200%;background-position:48% top}.hero-copy{padding-top:24px;width:83%}.hero h1{font-size:49px}.hero h2{font-size:19px}.downloads{margin-top:20px}.downloads button{padding:8px;gap:7px}.downloads button>span:not(.icon){font-size:10px}.downloads .icon{font-size:22px}.feature-strip{max-width:94%;margin-top:-45px;min-height:44px;padding:0 10px}.feature-strip>*>span{font-size:20px}.feature-strip button,.feature-strip a{gap:5px;padding:4px}.feature-strip b{font-size:8px}.feature-strip small{font-size:7px}.game-grid{grid-template-columns:repeat(3,1fr)}.game-card{height:145px}.card-copy b{font-size:14px}.card-copy small{font-size:10px}.dashboard{grid-template-columns:1fr 1.25fr}.status{grid-column:1/-1;min-height:0}.status dl{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.status dl>div{height:40px;flex-direction:column;gap:3px;align-items:flex-start;justify-content:center;border:0}.status dl dd{font-size:10px}.status-note{font-size:9px}.systems{grid-template-columns:repeat(5,1fr);gap:15px 0;padding:12px}.systems>*>span{font-size:25px}.systems b{font-size:9px}.systems small{font-size:8px}.cross-copy{width:58%}.cross-promises{font-size:6px}.panel-heading h2{font-size:13px}}
@media(max-width:560px){html{scroll-padding-top:20px}.header{padding:0 12px}.brand strong{font-size:20px;letter-spacing:-1px}.brand small{font-size:9px}.brand .crest{font-size:21px}.register{display:none}.login{font-size:9px}.hero{height:440px;background-position:30% top}.hero:after{background:linear-gradient(0deg,#020710ef,transparent 65%),#02071025}.hero-copy{width:94%;padding-top:34px}.hero-crest{font-size:42px;height:40px}.hero h1{font-size:clamp(32px,9vw,48px);letter-spacing:-1px}.hero h1 span{font-size:15px;letter-spacing:8px}.hero h2{font-size:17px;margin-top:14px}.hero p{font-size:9px;margin-top:6px}.downloads{grid-template-columns:1fr 1fr;gap:9px;width:94%;margin:22px auto 0}.downloads button{min-height:58px}.downloads button>span:not(.icon){font-size:12px}.downloads small{font-size:8px}.feature-strip{clip-path:none;margin-top:-72px;margin-bottom:12px;grid-template-columns:repeat(3,1fr);max-width:95%;padding:3px;min-height:69px;border-radius:3px}.feature-strip button,.feature-strip a{padding:4px 2px;justify-content:flex-start;border-bottom:1px solid #66563833}.feature-strip>:nth-child(3){border-right:0}.feature-strip>*>span{font-size:19px;width:23px;text-align:center}.feature-strip b{font-size:7px}.feature-strip small{font-size:7px}.game-grid{padding:0 10px;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.game-card{height:140px}.card-copy b{font-size:12px}.card-copy small{font-size:8px}.dashboard{padding:0 10px;grid-template-columns:1fr;gap:12px}.news{min-height:220px}.news-row{min-height:47px;grid-template-columns:38px 1fr 10px}.news-row>span b{font-size:11px}.news-row>span small{font-size:9px}.panel-heading{height:33px}.panel-heading h2{font-size:14px}.panel-heading button{font-size:10px}.crossplay{min-height:215px}.cross-copy h2{font-size:17px}.cross-copy strong{font-size:29px}.desktop-device{height:108px;top:51px}.phone-device{height:184px;top:16px}.cross-promises{font-size:7px}.status{grid-column:auto}.status dl{grid-template-columns:1fr;gap:0}.status dl>div{height:36px;flex-direction:row;align-items:center;justify-content:space-between;font-size:10px;border-bottom:1px solid #63798b2b}.status dd{font-size:10px}.systems{grid-template-columns:repeat(3,1fr);gap:17px 0;margin-top:15px;padding:14px 8px}.systems>:nth-child(3n){border:0}.systems b{font-size:8px}.systems small{font-size:8px}.footer-ornament{display:none}footer{min-height:40px;font-size:8px}dialog{padding:30px 20px}.hero,.game-card,.panel{scroll-margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.icon svg{display:block;width:26px;height:26px}.platforms svg{display:block;width:25px;height:25px}

/* Richer colors and lighter overlays for the reference homepage. */
:root{--gold:#ffc65a;--pale:#ffe5a3;--line:#b78936;--muted:#ced8e5}
body{background:#041020;color:#fff7eb}
.header{background:linear-gradient(180deg,#182a42,#061222);border-bottom-color:#d5a147}
.brand{color:#ffe4a0;text-shadow:0 2px 2px #000,0 0 15px #edac3a65}
.hero{background-image:url('/assets/fso-artwork.jpg');filter:saturate(1.22) brightness(1.08)}
.hero:after{background:linear-gradient(0deg,#020b1899,transparent 24%),radial-gradient(ellipse at 50% 44%,#00000035,transparent 47%)}
.hero h1{color:#ffdd88;text-shadow:0 3px 1px #6d3009,0 4px 7px #000,0 0 16px #f59b2935}
.hero h2,.hero p{text-shadow:0 2px 4px #000,0 0 9px #000}
.downloads .pc,.register{background:linear-gradient(#eb2939,#a50a1c);border-color:#ffd17a;box-shadow:inset 0 1px 6px #ffb46155,0 2px 10px #c4132933}
.downloads .android{background:linear-gradient(#39b447,#0b7126);border-color:#b8e47d;box-shadow:inset 0 1px 6px #d8ff8b44}
.downloads .store,.login{background:linear-gradient(#243b56,#091527);border-color:#d5aa57}
.feature-strip{background:linear-gradient(#20384deb,#08172af0);border-color:#ce9e48;box-shadow:0 2px 9px #e9a43a22}
.art{filter:saturate(1.32) brightness(1.15) contrast(1.04)}
.game-card{border-color:#bd8d3f;box-shadow:inset 0 0 0 2px #0c1925,0 2px 9px #e6a33818}
.card-copy{background:linear-gradient(transparent,#041123d9 62%)}
.card-copy b{color:#ffe6a8;text-shadow:0 2px 3px #000,0 0 8px #000}
.card-copy small{color:#fff6e8;text-shadow:0 1px 3px #000}
.panel{background:linear-gradient(125deg,#142c43,#07162a);border-color:#b7893d;box-shadow:inset 0 0 0 2px #102033,0 2px 12px #e6a33812}
.panel-heading{background:linear-gradient(90deg,#29405b,#14263b40);border-bottom-color:#bb944655}
.panel-heading h2{color:#ffe2a0}
.news-row time{background:linear-gradient(#df2731,#941020);border-color:#e2a34b;box-shadow:inset 0 1px 7px #ffb45d33}
.news-row>span small{color:#c3d4e7}
.crossplay{background-image:linear-gradient(#03091400,#02071033),url('/assets/fso-artwork.jpg');filter:saturate(1.2) brightness(1.08)}
.cross-copy{ text-shadow:0 2px 4px #000,0 0 8px #000}
.cross-copy strong{color:#ffe0a0}
.platforms button{background:linear-gradient(#23354aee,#071226);border-color:#d7aa52}
.systems{background:linear-gradient(#173047,#08172a);border-color:#c69544}
.systems>*>span{color:#ffda88;text-shadow:0 0 10px #ffb54155}
.systems b{color:#ffe6ad}.systems small{color:#cad8e9}
.status dt span{color:#67daff}.status dt,.status dd{color:#eef7ff}
.status-note{color:#afc7dc}footer{color:#aec6df}
dialog{background:radial-gradient(ellipse at top,#583126,#10243c 70%);border-color:#ffd17a}
.dialog-action{background:linear-gradient(#d32135,#8e1021);border-color:#e6b352}
@media(max-width:560px){.hero:after{background:linear-gradient(0deg,#020b18aa,transparent 52%),#0207100d}}