
:root{color-scheme:dark;--bg:#0d1216;--panel:#141c21;--text:#eeeae0;--muted:#acb5b7;--gold:#e6b46c;--line:#303a3e;--cyan:#a0d6dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:0 6%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em;font-size:18px;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:.28em;color:var(--muted);margin-top:7px}.emblem{color:var(--gold);border:1px solid var(--gold);width:37px;height:42px;display:grid;place-items:center;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%)}nav{display:flex;gap:30px;font-size:13px}select{background:transparent;border:1px solid var(--line);padding:6px;color:var(--text)}option{background:var(--bg)}.hero{max-width:1440px;margin:auto;position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:700px;padding:60px 6% 0;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#33414955,transparent 60%)}.hero-copy{align-self:center;z-index:1;padding:20px 0 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--gold);margin:0 0 22px}h1{font-size:clamp(42px,4.3vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}h2{font-size:clamp(32px,3vw,46px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0 0 25px}h3{font-size:20px;line-height:1.3;margin:0 0 15px;font-weight:500}p{color:var(--muted);margin:0 0 20px}.intro{max-width:430px;font-size:16px}.actions{display:flex;align-items:center;gap:25px;margin:34px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--gold);background:var(--gold);color:#171b1d;padding:13px 22px;font-size:13px;font-weight:700;min-height:46px}.button:hover{background:#f7ce95;color:#101619}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.status{font-size:9px;letter-spacing:.18em;margin-top:42px}.status:before{content:'';display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:9px}.sentinel{margin:0;position:relative;align-self:end}.sentinel img{display:block;width:135%;height:auto;max-width:none;margin-left:-15%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 65% 65% at 50% 65%,black 42%,transparent 90%)}.sentinel figcaption{position:absolute;bottom:65px;right:0;border-left:1px solid var(--gold);padding-left:14px;font-size:9px;letter-spacing:.18em}.sentinel small{display:block;color:var(--muted);font-size:10px;letter-spacing:0}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:9px;letter-spacing:.12em;color:var(--muted);z-index:1}.section{max-width:1440px;padding:100px 6%;margin:auto;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-heading p{max-width:450px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:50px}.features article{border-top:1px solid var(--line);padding-top:24px}.features article>span{display:block;color:var(--gold);font-size:11px;margin-bottom:25px}.features p{font-size:14px}.platforms{font-size:11px;margin-top:40px;margin-bottom:0}.gallery{background:#10171b}.gallery-top{display:flex;justify-content:space-between;align-items:center}.arrows{display:flex;gap:8px}.arrows button{background:transparent;color:var(--text);border:1px solid var(--line);width:46px;height:46px}.arrows button:hover{border-color:var(--gold)}.gallery figure{margin:12px 0 0}.gallery figure>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}.gallery figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0}.gallery figcaption span{font-size:10px;color:var(--gold);margin-right:25px}.gallery figcaption strong{font-weight:400;font-size:15px}.gallery figcaption p{font-size:10px;margin:0}.dots{display:flex;gap:8px}.dots button{height:7px;width:35px;border:0;background:#364247;padding:0}.dots button[aria-current=true]{background:var(--gold)}.trailer{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center}.video-frame{aspect-ratio:16/9;position:relative;display:grid;place-items:center;background:linear-gradient(#10171bd9,#10171be8),url('/media/phyrixs.png') center/cover;border:1px solid var(--line);text-align:center;padding:20px}.play-symbol{font-size:45px;color:var(--gold)}.video-frame h3{margin-top:10px}.video-frame p{font-size:12px}.video-frame video{width:100%;max-height:100%}.account{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:linear-gradient(110deg,#192328,#0d1216)}.account>div>p{max-width:400px}.account-panel{border:1px solid var(--line);padding:34px;background:var(--panel)}.account-panel p{font-size:13px}.account-panel .button,.account-panel .secondary{width:100%;margin-top:15px}.secondary{background:transparent;border:1px solid var(--line);color:var(--text);padding:12px;font-size:13px}.consent{display:flex;gap:10px;font-size:12px;align-items:flex-start}.consent a,footer>a:last-child{text-decoration:underline}.consent input{margin:5px 0;accent-color:var(--gold)}#display-name{width:100%;background:var(--bg);border:1px solid var(--line);padding:12px;color:var(--text);margin-top:8px}label{font-size:13px}.muted{color:var(--muted);font-size:11px!important;margin:12px 0 0}#message{margin:16px 0 0;color:var(--cyan)}details{margin-top:24px;font-size:12px}summary{cursor:pointer}details p{margin-top:15px}.danger{color:#f2b5a8;border:1px solid #735049;background:transparent;padding:10px 15px}footer{display:flex;justify-content:space-between;gap:25px;max-width:1440px;margin:auto;padding:40px 6%;font-size:11px}footer .brand{font-size:12px}footer p{margin:0}body.legal main{max-width:800px;padding:70px 25px;margin:auto}body.legal h1{font-size:42px}body.legal h2{font-size:25px;margin-top:40px}[hidden]{display:none!important}@media(max-width:800px){header{height:auto;min-height:85px;padding:20px 5%;flex-wrap:wrap;gap:20px}nav{order:3;width:100%;justify-content:space-between;gap:15px}.hero{padding:35px 5% 0;grid-template-columns:1fr;min-height:0}.hero-copy{padding-bottom:0}.hero .intro{max-width:100%}.sentinel{width:85%;justify-self:center;margin-top:-10px}.sentinel img{width:100%;margin:0}.sentinel figcaption{right:0;bottom:20px}.hero-bottom{font-size:8px;gap:20px}.section{padding:65px 5%}.section-heading,.account,.trailer{grid-template-columns:1fr;gap:25px}.features{grid-template-columns:1fr;gap:20px;margin-top:20px}.features article>span{margin-bottom:15px}.gallery figcaption{align-items:flex-start}.gallery figcaption p{max-width:150px}.account-panel{padding:24px}footer{flex-wrap:wrap;padding:35px 5%}.actions{gap:18px}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* Cinematic game presentation — original Scrapforged direction, v2. */
:root{--bg:#080c10;--panel:#11191e;--text:#f1eee4;--muted:#bec5c8;--gold:#efbd70;--line:#544334;--cyan:#83d4e7}
body{background:radial-gradient(ellipse at 15% 30%,#1d2930,transparent 55%),#080c10;font-family:Georgia,'Times New Roman',serif}
header{height:78px;max-width:none;position:relative;z-index:5;padding:0 5%;background:linear-gradient(#18232a,#090f14);border-top:3px solid #534337;border-bottom:2px solid #66503a;box-shadow:0 4px 20px #000b,inset 0 1px #89909433}
.brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;letter-spacing:.07em;color:#d8c4a2;text-shadow:0 2px #000}
.brand small{font-family:Arial,sans-serif;color:#9ba9ad}.emblem{color:#e0b16b;background:linear-gradient(130deg,#414a4b,#0b1117);font-family:Georgia,serif;width:40px;height:44px}
nav{gap:0;height:100%;align-items:stretch;font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
nav a{display:flex;align-items:center;justify-content:center;padding:0 25px;border-left:1px solid #ffffff09;transition:background .2s,color .2s}nav a:hover{background:linear-gradient(transparent,#dca14c22);text-shadow:0 0 18px #e7ad64}
nav a:last-child{border-right:1px solid #ffffff09}nav a[aria-current=location]{color:var(--gold);background:#ffffff0a;box-shadow:inset 0 -3px var(--gold)}select{font-family:Arial,sans-serif;font-size:12px;background:#0c141a;border-color:#66503a}
.hero{max-width:none;display:block;min-height:790px;height:calc(100svh - 78px);max-height:1100px;padding:0 5%;isolation:isolate;background:#0a1117;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#060e18b0,#11151c44 50%,#080c14aa),url('/media/phyrixs.png') center 58%/cover;filter:saturate(.7);transform:scale(1.1)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080c10 0,transparent 30%,transparent 75%,#070d1480),linear-gradient(90deg,#07101ddd,transparent 75%);pointer-events:none}
.hero-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 48%,#62c9e03b,transparent 40%),radial-gradient(ellipse at 30% 75%,#d07b3a35,transparent 45%);box-shadow:inset 0 -80px 100px #080c10}
.hero-copy{position:relative;width:65%;max-width:900px;text-align:center;padding:110px 0 120px;z-index:2;display:flex;align-items:center;flex-direction:column}
.game-title{line-height:1;filter:drop-shadow(0 6px 4px #000) drop-shadow(0 0 25px #000);margin:0 -40px 35px;position:relative}
.game-title>span{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;display:block;font-size:clamp(65px,7.6vw,126px);letter-spacing:.015em;background:linear-gradient(#fbf1d0 4%,#bbced6 30%,#65737e 47%,#d2dadd 49%,#777c7b 68%,#b48a52 90%);background-clip:text;color:transparent;-webkit-text-stroke:1px #a4a7a4}
.game-title small{display:block;color:#e2c897;font-family:Georgia,serif;font-size:clamp(13px,1.5vw,22px);letter-spacing:.35em;margin-top:12px;text-shadow:0 2px 3px #000}
.game-title:after{content:'';display:block;width:70%;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#f2c67f,transparent);box-shadow:0 0 8px #f2c67f}
.hero .eyebrow{font:700 10px Arial,sans-serif;letter-spacing:.35em;color:#94d7e7;margin-bottom:14px;text-shadow:0 0 20px #50b7db}
h1{font-size:clamp(29px,3vw,45px);font-weight:700;letter-spacing:-.025em;line-height:1.16;text-shadow:0 3px 10px #000;margin-bottom:22px}.intro{font-size:17px;line-height:1.6;max-width:530px;color:#d9dce0;text-shadow:0 2px 4px #000}
.actions{justify-content:center;gap:20px;margin:18px 0}.button{font:700 13px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;position:relative;min-height:56px;padding:16px 28px;border:1px solid #e8bd77;border-bottom:3px solid #6b3d19;background:linear-gradient(#c59246,#9b5c23 48%,#764619 52%,#a66c2e);color:#fff1cf;text-shadow:0 2px 2px #543111;box-shadow:inset 0 0 0 2px #291c1290,inset 0 4px 10px #ffe6a050,0 4px 15px #000b;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.button:hover{background:linear-gradient(#e0b36b,#ae7130);color:white;filter:drop-shadow(0 0 12px #d5a05244)}.text-link{font:700 12px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:18px 22px;background:linear-gradient(#203745bd,#0c1721);border:1px solid #628a9b;box-shadow:inset 0 0 0 2px #0a1218,0 4px 15px #0008;color:#c4e8f4}.text-link:hover{color:white;border-color:#b3e0ef}
.status{font:10px Arial,sans-serif;letter-spacing:.18em;margin-top:30px;color:#b9c1c5}.sentinel{position:absolute;right:-2%;bottom:0;width:61%;z-index:0;pointer-events:none}.sentinel img{width:100%;margin:0;mix-blend-mode:lighten;filter:contrast(1.12) drop-shadow(-15px 10px 30px #000);mask-image:radial-gradient(ellipse 60% 60% at 55% 64%,black 43%,transparent 88%)}.sentinel figcaption{right:14%;bottom:12%;font-family:Arial,sans-serif;text-shadow:0 2px 3px #000;color:#e7d5b1}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 6%;border-top:1px solid #b38c4d55;border-bottom:3px solid #57412b;background:linear-gradient(90deg,#0c151dee,#192632cc,#0c151dee);font:10px Arial,sans-serif;letter-spacing:.14em;color:#c8b998}
.section{max-width:none;padding:95px max(6%,calc((100vw - 1280px)/2));border-top:0;position:relative}.section h2{text-transform:uppercase;letter-spacing:.025em;font-size:clamp(30px,3vw,46px);font-weight:700;color:#e4cfab;text-shadow:0 3px 6px #000}.section .eyebrow{font:700 10px Arial,sans-serif;letter-spacing:.23em}.section p{font-size:17px;line-height:1.7}
#world{background:radial-gradient(ellipse at 15% 20%,#26354180,transparent 60%),radial-gradient(ellipse at 90% 85%,#59412630,transparent 55%),linear-gradient(135deg,#101922,#080e14)}.section-heading{max-width:1150px;margin:auto;gap:70px}.features{gap:18px;margin-top:45px}.features article{position:relative;min-height:300px;padding:110px 28px 30px;border:1px solid #655340;background:linear-gradient(0deg,#071019 6%,#09121edb 48%,#122536aa),url('/media/sentinel.png') center 45%/cover;box-shadow:inset 0 0 0 3px #0c1116,0 12px 30px #0008}.features article.feature-affinity{background-image:radial-gradient(ellipse at top right,#74509145,transparent 70%),linear-gradient(145deg,#202235,#09121e 75%)}.features article.feature-world{background-image:radial-gradient(ellipse at top right,#4c80643d,transparent 70%),linear-gradient(145deg,#182c2b,#09121e 75%)}.features article>span{position:absolute;top:20px;left:28px;font-size:40px;color:#e1bc7a;text-shadow:0 0 20px #d9a154}.features h3{font-size:23px;color:#eddbb9;font-weight:700;text-shadow:0 2px 4px #000}.features p{font-size:15px;color:#c6ced4}.platforms{border-top:1px solid #6c573c66;padding-top:22px;font-family:Arial,sans-serif;font-size:11px!important;text-align:center}
.gallery{background:radial-gradient(ellipse at top,#20303c,#0a1118 70%);border-top:2px solid #65523b;border-bottom:2px solid #65523b;box-shadow:inset 0 5px 15px #000}.gallery-top{max-width:1150px;margin:auto}.gallery figure{max-width:1150px;margin:20px auto 0;border:1px solid #807052;padding:7px;background:linear-gradient(135deg,#4a5354,#101820 30%,#293940);box-shadow:0 15px 50px #000b,inset 0 0 0 2px #0b1117}.gallery figure>img{border:1px solid #111c25}.gallery figcaption{padding:15px 18px;background:#0b151e}.gallery figcaption strong{font-family:Georgia,serif;color:#e4d0ab;font-size:20px}.gallery figcaption p{font-size:11px;font-family:Arial,sans-serif}.arrows button{color:#edcf9a;background:linear-gradient(#34434b,#111b23);border:1px solid #907850;box-shadow:inset 0 0 0 2px #10171c;font-size:24px}.dots{justify-content:center;margin-top:25px}.dots button{width:42px;height:9px;background:#233340;border:1px solid #557080}.dots button[aria-current=true]{background:#b99250;border-color:#f6d298;box-shadow:0 0 12px #d4a24d66}
.trailer{background:linear-gradient(90deg,#080d15e8,#080d1588,#080d15d9),url('/media/phyrixs.png') center/cover;min-height:560px;gap:50px}.video-frame{border:1px solid #9c7d50;padding:8px;box-shadow:inset 0 0 0 4px #111c25,0 12px 45px #000b;background:linear-gradient(#06111c77,#06111caa),url('/media/phyrixs.png') center/cover}.play-symbol{display:inline-grid;place-items:center;width:80px;height:80px;border:1px solid #c69e5d;border-radius:50%;background:#07101bcc;box-shadow:0 0 35px #d4b07033;font-size:45px}.video-frame h3{color:#f1d5a6;font-size:24px}.video-frame p{font-size:14px}.account{border-top:2px solid #65523b;background:radial-gradient(ellipse at 25% 50%,#25404c77,transparent 70%),linear-gradient(#111b23,#080e14);gap:70px}.account-panel{border:1px solid #8d7450;padding:35px;background:linear-gradient(140deg,#26343e,#101a24 65%);box-shadow:inset 0 0 0 4px #0c1319,0 15px 35px #0009}.account-panel h3{color:#eddbb9;font-size:27px}.account-panel p{font-family:Arial,sans-serif;font-size:13px}.secondary{background:linear-gradient(#263b49,#14232f);border:1px solid #668599;font-family:Arial,sans-serif;color:#d2e7f0;box-shadow:inset 0 0 0 2px #0c1720}.consent,label,details,select{font-family:Arial,sans-serif}footer{max-width:none;background:#060a0e;border-top:1px solid #50402d;font-family:Arial,sans-serif;padding:35px 6%}.account .button:disabled{cursor:not-allowed;filter:saturate(.25);opacity:.5}
@media(min-width:1500px){.hero-copy{padding-top:130px}}
@media(max-width:1000px){.hero{min-height:740px}.hero-copy{width:75%;padding-top:100px}.game-title>span{font-size:9vw}.sentinel{width:75%;right:-20%}nav a{padding:0 14px}.section-heading{gap:30px}.account{gap:35px}}
@media(max-width:800px){header{min-height:82px;height:auto;padding:15px 5% 0;gap:12px}nav{width:100%;height:42px}nav a{flex:1;padding:10px 7px;font-size:10px}.brand{font-size:20px}.hero{min-height:900px;height:auto;padding:0 5%;display:flex;justify-content:center}.hero-copy{width:100%;padding:65px 0 360px}.game-title{margin:0 0 28px;width:100%}.game-title>span{font-size:12vw;letter-spacing:0}.game-title small{font-size:12px;letter-spacing:.24em}.hero h1{font-size:32px}.hero .intro{font-size:16px;max-width:480px}.actions{gap:12px;flex-wrap:wrap}.button{padding:16px 20px;font-size:11px}.text-link{font-size:11px;padding:18px}.sentinel{right:0;width:100%;max-width:560px;bottom:-25px}.sentinel img{mask-image:radial-gradient(ellipse 62% 53% at 55% 68%,black 25%,transparent 80%)}.sentinel figcaption{bottom:100px;right:5%;font-size:9px}.hero-bottom{font-size:8px;gap:15px;padding:16px 5%;text-align:left}.hero-bottom span:first-child{max-width:135px}.section{padding:65px 5%}.section-heading,.trailer,.account{grid-template-columns:1fr;gap:25px}.features{grid-template-columns:1fr}.features article{min-height:250px;padding-top:100px}.gallery figcaption{padding:12px;gap:10px}.gallery figcaption strong{font-size:15px}.gallery figcaption span{margin-right:10px}.gallery figcaption p{font-size:9px;line-height:1.5}.gallery .eyebrow{max-width:230px;font-size:9px}.arrows{gap:6px}.arrows button{width:39px;height:39px}.trailer{min-height:0}.section h2{font-size:32px}.account-panel{padding:28px 23px}footer{padding:30px 5%}.legal header{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.game-title{width:110%;max-width:950px;margin:0 -5% 24px}.game-title>img{display:block;width:100%;height:auto}.game-title:after{display:none}@media(max-width:800px){.game-title{width:108%;margin:0 -4% 25px}}
.brand-emblem{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 1px 5px #000);flex-shrink:0}@media(max-width:800px){.brand-emblem{width:43px;height:43px}}
