:root{--bg:#090d15;--panel:#131c29;--panel2:#1a2737;--line:#46546b;--gold:#e5c387;--text:#b8c5d2;--muted:#8d9cad;--cream:#f1e7d1;--serif:'Cinzel',Georgia,serif;--sans:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090d15;color:var(--text);font:14px/1.7 var(--sans);overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f5d39a;outline-offset:3px}img{display:block;max-width:100%} .container{width:min(1160px,calc(100% - 42px));margin-inline:auto}.muted{color:var(--muted)}.accent{color:#f6d9a3}
.announcement{background:#1a2635;color:#ddbe86;border-bottom:1px solid #4f4939;padding:6px 15px;text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:800}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid #3b4351;background:#0a0f19ed;backdrop-filter:blur(15px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;color:#f6dba5;font:800 16px/1.15 var(--serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #b48b4c;background:linear-gradient(135deg,#34273a,#111825);transform:rotate(45deg);color:#e4c181;box-shadow:0 0 15px #ae80443a}.brand-mark span{transform:rotate(-45deg);font-size:19px}.brand small{display:block;font:700 8px var(--sans);color:#9ba9ba;letter-spacing:.18em;margin-top:5px}.nav{display:flex;gap:16px;align-items:center}.nav a{color:#b2c0cf;font-size:10px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}.nav a:hover,.nav a[aria-current=page]{color:#ffdb91}.nav .nav-cta{color:#1b1510;background:linear-gradient(#ddbc7b,#907141);padding:10px 13px;border:1px solid #c49f63}.nav-donate{color:#f3d9aa;border:1px solid #a6864d;background:#30291f;padding:9px 12px;font-weight:800;font-size:10px;text-transform:uppercase}.mobile-toggle{display:none;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:39px;height:39px;background:#1b2636;border:1px solid #7f6b4a}.mobile-toggle i{width:18px;height:2px;background:#d9b879}
.page-hero{isolation:isolate;position:relative;overflow:hidden;border-bottom:1px solid #554535;background:#0c121d;min-height:330px}.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--backdrop,url('emberbound.webp')) 82% 45%/min(850px,87vw) auto no-repeat;filter:saturate(.8);-webkit-mask-image:radial-gradient(ellipse 65% 85% at 79% 46%,#000 17%,#0008 53%,transparent 91%);mask-image:radial-gradient(ellipse 65% 85% at 79% 46%,#000 17%,#0008 53%,transparent 91%)}.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b111bf7 0%,#0b111beb 45%,#0b111b77)}.page-hero .container{padding:69px 0 64px}.eyebrow{color:#d3af71;letter-spacing:.20em;text-transform:uppercase;font-size:10px;font-weight:800}.page-hero h1{font:800 clamp(34px,4.2vw,59px)/1.12 var(--serif);letter-spacing:-.02em;color:#f2e5cb;margin:17px 0 15px;max-width:850px}.page-hero p{max-width:690px;color:#b9c7d5;font-size:14px;line-height:1.9;margin:0}.hero-actions{margin-top:23px;display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:1px solid #c49b5c;background:linear-gradient(#b4925a,#775d35);color:#16110e!important;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.10em;border-radius:2px}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.secondary{border-color:#697386;background:#192536;color:#f1d9ac!important}.button.blue{border-color:#7aa7d9;background:#20446d;color:#e5f5ff!important}.button.disabled,.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.outline{color:#dbbe88;border:1px solid #837252;padding:10px 12px;display:inline-block;font-size:11px;text-transform:uppercase;font-weight:800}.section{padding:66px 0}.section.alt{background:#0d1521}.section h2{font:700 clamp(25px,3.2vw,36px)/1.3 var(--serif);color:#eddfc3;margin:0 0 14px}.section-intro{color:#9caebd;margin:0 0 28px;max-width:780px;font-size:13px;line-height:1.85}.kicker{color:#d0af77;font-size:10px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;margin-bottom:10px}.callout{border-left:3px solid #ccac6e;background:linear-gradient(90deg,#302818,#171e2a);padding:17px 21px;margin:24px 0;color:#d6c6a4;font-size:13px;line-height:1.8}.callout strong{color:#f7dfaf}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(150deg,#1a2839,#111925 80%);padding:24px;min-width:0}.card.highlight{border-color:#a48556}.card h3{font:700 18px/1.4 var(--serif);color:#efdcba;margin:0 0 10px}.card p{margin:0;color:#b1c0cd;line-height:1.8;font-size:12px}.card p+p{margin-top:12px}.card .label{font-size:10px;letter-spacing:.12em;color:#d2b37b;font-weight:800;text-transform:uppercase;margin-bottom:10px}.card .button{margin-top:18px}.feature-list{list-style:none;padding:0;margin:13px 0 0;color:#c0cbd6;font-size:12px}.feature-list li{margin-bottom:9px}.feature-list li::before{content:'✦';font-size:10px;color:#c6a36a;margin-right:10px}.progress-line{display:flex;align-items:center;gap:16px;border-bottom:1px solid #3f4e63;padding:16px 0}.progress-line strong{display:block;color:#edddbd}.progress-line .num{color:#bda071;font:700 18px var(--serif);width:36px}.progress-line p{margin:0;color:#9dabbc;font-size:12px}.placeholder{border:1px dashed #627188;text-align:center;padding:45px 20px;background:#141f2d;color:#a9b8c8}.placeholder strong{display:block;color:#f2dbb5;font:700 24px var(--serif);margin:7px 0 10px}.preview-label{font-size:10px;color:#a6d6ed;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-row{display:flex;gap:15px;align-items:center;border:1px solid #40516a;background:#152131;padding:13px 16px;min-width:0}.game-row img{height:53px;width:53px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.game-row strong{font:700 15px var(--serif);color:#ebdcbe}.game-row small{display:block;color:#9faebe;font-size:11px;margin-top:4px}.game-row a{margin-left:auto;font-size:10px;color:#a8cde8;text-transform:uppercase;font-weight:800;white-space:nowrap}
.toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:7px;flex:1;min-width:165px}.field label{font-size:10px;letter-spacing:.12em;color:#c5ae7f;font-weight:900;text-transform:uppercase}.field input,.field select{width:100%;background:#0d1622;border:1px solid #536278;color:#e1e8ed;padding:11px 12px;border-radius:0;min-height:43px}.field input::placeholder{color:#8492a3}.table-wrap{overflow-x:auto;border:1px solid #4c6074}.ranks{border-collapse:collapse;width:100%;min-width:680px;text-align:left}.ranks th{background:#26344a;color:#d4b781;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:15px 16px}.ranks td{border-top:1px solid #34455b;padding:14px 16px;color:#c8d1da;font-size:12px}.ranks tr:nth-child(even){background:#172333}.ranks a{color:#c8e9ff;font-weight:700}.ranks a:hover{text-decoration:underline}.rank-number{font:800 17px var(--serif);color:#f0ca82}.stat-number{color:#ffdf9d;font:700 30px var(--serif)}.themechip{height:13px;width:13px;display:inline-block;vertical-align:middle;border:1px solid #ffffff65;margin-right:5px}
.profile-card{--accent:#dfb87c;position:relative;overflow:hidden;border:1px solid var(--accent);background:linear-gradient(150deg,#253a4c,#101824 80%);box-shadow:0 0 36px #0005;min-height:320px;max-width:640px}.profile-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 5%,var(--accent),transparent 45%);opacity:.13}.profile-header{position:relative;display:flex;align-items:center;gap:16px;padding:24px 25px 17px;border-bottom:1px solid #d3b88145}.avatar{width:76px;height:76px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--accent);background:#101b2b;box-shadow:0 0 25px #0006;overflow:hidden}.avatar img{width:80%;height:80%;image-rendering:pixelated;object-fit:contain}.profile-heading{min-width:0}.profile-name{font:700 clamp(20px,3vw,29px) var(--serif);color:#ffebc7;overflow-wrap:anywhere}.profile-title{font-size:11px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.profile-body{position:relative;padding:23px 25px}.profile-body p{font-size:12px;line-height:1.8}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.profile-stats div{background:#0e1927;border:1px solid #435367;padding:12px}.profile-stats strong{color:#ecd29f;font:700 19px var(--serif);display:block}.profile-stats span{font-size:9px;color:#aab6c4;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.profile-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.profile-badges span{border:1px solid #695b45;background:#262431;color:#efd5a3;padding:5px 10px;font-size:10px}.profile-card.ornate{border-width:3px;box-shadow:0 0 0 4px #ad89562e,0 15px 40px #0007}.profile-card.sharp{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.mini-world{display:flex;align-items:center;gap:13px;padding:15px;border-bottom:1px solid #3b4a5d}.mini-world img{width:47px;height:47px;object-fit:contain}.mini-world strong{color:#eedcba;font:700 14px var(--serif);display:block}.mini-world small{font-size:11px;color:#a6b6c6}.mini-world a{margin-left:auto;color:#bbd9f3;font-size:10px;font-weight:800;text-transform:uppercase}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tag{border:1px solid #5d6c7e;background:#18283b;color:#c8d5e2;font-size:10px;padding:4px 8px}.price{font:800 26px var(--serif);color:#f4dca6}.price-note{font-size:11px;color:#a4bac7}.preview-disclaimer{font-size:11px;color:#91a5b7;margin-top:10px}.storecard img{max-height:77px;width:77px;object-fit:contain;margin-bottom:13px}.storecard .product-top{display:flex;justify-content:space-between;align-items:start}.status{color:#a2d4eb;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 23px}.tabs button{border:1px solid #596b80;background:#1a2a3d;color:#b6c7d6;padding:9px 13px;font-weight:800;font-size:11px}.tabs button[aria-pressed=true]{background:#675338;border-color:#c5a16c;color:#ffebc7}
.footer{border-top:1px solid #544934;background:#0b111a;padding:40px 0 30px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}.footer-links a{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#aebdcb;font-weight:800}.footer-text{margin-top:25px;border-top:1px solid #2f3c4b;padding-top:19px;color:#7e92a6;font-size:11px}.donate-dialog{width:min(540px,calc(100% - 24px));padding:0;border:1px solid #b69360;background:#111a28;color:#d5dfea}.donate-dialog::backdrop{background:#03060edc}.donate-body{padding:27px}.donate-body h2{font:700 25px var(--serif);color:#f2dab0}.donate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #465568;margin:10px 0;padding:11px}.donate-row span{color:#ffe1a9;font-weight:700}.donate-row a,.donate-row button{border:1px solid #7d6748;background:#263345;padding:7px;color:#eee0c3;font-size:11px}.dialog-x{float:right;background:#192333;border:1px solid #a98b5a;color:#f2d4a3;font-size:20px}.feedback{color:#a9e4c7;font-size:11px;min-height:16px}
@media(max-width:1120px){.mobile-toggle{display:flex}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0d1521;border-bottom:1px solid #78613d;padding:16px 22px 25px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a:not(.nav-cta){padding:11px 0;border-bottom:1px solid #2d3b4e}.nav .nav-cta,.nav-donate{margin-top:12px;text-align:center}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.page-hero::before{background-position:center center;background-size:cover}.page-hero .container{padding:57px 0}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.grid,.grid.two,.game-list{grid-template-columns:1fr}.page-hero h1{font-size:34px}.card{padding:18px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats div{padding:7px}.profile-stats strong{font-size:14px}.profile-stats span{font-size:8px}.game-row a{font-size:9px}.footer-links{justify-content:flex-start}.profile-header,.profile-body{padding:16px}.avatar{height:60px;width:60px}}


/* Date accordion for historic per-game development ChangeLogs. */
body[data-page="changelog"] .game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin:25px 0 30px}
.change-world{min-width:0;border:1px solid #526079;background:#121d2c;padding:15px 15px 18px;scroll-margin-top:100px}
.change-world:target{border-color:#d2af6e}
.change-world .game-row{border:0;background:transparent;padding:5px 2px 12px;min-width:0;gap:12px}
.change-world .game-row img{width:53px;height:53px;object-fit:contain;image-rendering:pixelated}
.change-world .game-row a{white-space:nowrap}
.change-world .game-row small{color:#91b3cc}
.change-intro{font-size:11px;line-height:1.7;color:#a2b5c9;margin:0 0 13px}
.change-date{border:1px solid #3d4d61;background:linear-gradient(145deg,#182637,#101b28);margin:8px 0;overflow:hidden}
.change-date[open]{border-color:#94764a;background:#162332}
.change-date-toggle{display:flex;align-items:center;gap:9px;padding:12px 13px;cursor:pointer;list-style:none;text-align:left;color:#f0dbb7;font:700 12px var(--serif)}
.change-date-toggle::-webkit-details-marker{display:none}.change-date-toggle::marker{content:''}
.change-date-toggle:hover{background:#253447}
.change-date-label{flex:1}.change-date-count{font:700 9px var(--sans);color:#a0b9ce;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.change-date-chevron{font-size:21px;line-height:1;color:#f4ca85;transition:transform .18s}.change-date[open] .change-date-chevron{transform:rotate(180deg)}
.change-date-body{padding:2px 13px 13px;border-top:1px solid #3a4a5e}
.change-milestone{padding:12px 0 7px;border-bottom:1px solid #344458}.change-milestone:last-child{border-bottom:0}
.change-version{font:800 10px var(--sans);color:#a7d4f2;letter-spacing:.06em;text-transform:uppercase}
.change-milestone h3{font:700 14px/1.5 var(--serif);color:#f0ddb9;margin:5px 0 9px}
.change-milestone ul{padding-left:19px;margin:0 0 4px}.change-milestone li{font:400 11px/1.7 var(--sans);color:#b4c3d1;margin:5px 0}
@media(max-width:810px){body[data-page="changelog"] .game-list{grid-template-columns:1fr}}
@media(max-width:490px){.change-world{padding:11px}.change-world .game-row{flex-wrap:wrap}.change-date-toggle{padding:12px 9px}.change-date-count{font-size:8px}}
