:root { --ink:#f4f1e8; --paper:#151c2b; --muted:#a9afba; --orange:#ee7149; --gold:#e7a65f; --line:rgba(244,241,232,.16); }
.twitch-logo{color:#a970ff}
.site-account-link,.site-account-form a,.site-account-form button{padding:10px 12px;border:1px solid var(--orange);background:transparent;color:var(--ink);font:800 11px Manrope,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}.site-account-link:hover,.site-account-form a:hover,.site-account-form button:hover{background:var(--orange);color:var(--paper)}.site-account-form{display:flex;align-items:center;gap:5px;margin:0}.site-account-form button{border-color:var(--line)}.auth-message{width:min(680px,calc(100% - 40px));margin:15vh auto;padding:48px;border:1px solid var(--line)}.auth-message>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin:24px 0}.auth-provider-buttons{display:grid;gap:12px;margin-top:30px;max-width:360px}.auth-provider-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid var(--line);background:#202d48;color:var(--ink);font:800 13px Manrope,sans-serif;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.auth-provider-button:hover,.auth-provider-button:focus-visible{border-color:var(--orange);background:#26344f;transform:translateY(-1px)}.provider-logo{width:22px;height:22px;flex:none}.discord-logo{color:#7289da}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, sans-serif; overflow-x:hidden; }
.site-noise { position:fixed; inset:0; z-index:5; opacity:.05; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.container { width:min(1440px, calc(100% - 80px)); margin:auto; }
.header { height:98px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:100; }
.brand { display:flex; align-items:center; gap:12px; color:var(--ink); font-family:'DM Mono'; text-decoration:none; font-size:14px; letter-spacing:.06em; font-weight:500; }.brand em { color:var(--orange); font-style:normal; }
.brand-mark { display:flex; height:23px; align-items:flex-end; gap:2px; transform:skew(-16deg); }.brand-mark span{display:block;width:5px;background:var(--orange);}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:15px}
.game-nav{display:flex;align-items:center;gap:7px}.game-menu{position:relative}.game-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:10px 12px;color:var(--ink);font-size:11px;font-weight:800;white-space:nowrap}.game-menu summary::-webkit-details-marker{display:none}.game-menu summary:after{content:"+";margin-left:8px;color:var(--orange);font-size:15px}.game-menu[open] summary:after{content:"−"}.game-menu-list{position:absolute;z-index:101;top:calc(100% + 6px);right:0;min-width:172px;padding:6px;background:#202d48;border:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.25)}.game-menu-list a{display:block;padding:9px 10px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.game-menu-list a:hover{background:#2e405f;color:var(--gold)}
.hero { min-height:625px; position:relative; padding-top:99px; overflow:hidden; }.eyebrow{font:11px 'DM Mono';letter-spacing:.13em;color:var(--muted);margin:0 0 21px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow span{width:20px;height:1px;background:var(--orange);display:block}
h1,h2,h3 { margin:0; letter-spacing:-.065em; line-height:.98; font-weight:800; }h1{font-size:clamp(46px,5.8vw,76px);max-width:680px}h1 i,h2 i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;color:var(--orange)}.hero-copy{font-size:16px;line-height:1.7;color:var(--muted);max-width:390px;margin:28px 0}.primary-button{display:inline-flex;gap:30px;align-items:center;background:var(--orange);color:#151c2b;text-decoration:none;padding:15px 19px;font-size:12px;font-weight:800}.primary-button span{font-size:18px}
.hero-portrait{position:absolute;right:-43px;bottom:-86px;width:490px;height:650px;mask-image:linear-gradient(to bottom,#000 76%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 98%);opacity:.91}.hero-portrait:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--paper) 0%,transparent 28%),linear-gradient(0deg,var(--paper) 0%,transparent 28%)}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:45% 25%;filter:saturate(.78) contrast(1.08)}.scroll-note{font:10px 'DM Mono';color:var(--muted);letter-spacing:.14em;position:absolute;bottom:24px;left:0;display:flex;gap:12px;align-items:center}.scroll-note span{width:38px;height:1px;background:var(--muted)}
.worlds{background:#eee8da;color:#19202f;padding:106px 0 122px}.worlds .eyebrow{color:#697080}.worlds-intro h2,.promise h2{font-size:clamp(42px,5vw,66px)}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:58px}.world-card{height:475px;position:relative;overflow:hidden;padding:28px;color:#f4f1e8;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.world-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(20,26,38,.2)}.eve-card{background:#202d48}.albion-card{background:#375b52}.ffxi-card{background:linear-gradient(135deg,#373752,#263d50)}.mtg-card{background:linear-gradient(135deg,#502e43,#213c50)}.card-number{font:10px 'DM Mono';letter-spacing:.12em;margin:0;color:rgba(255,255,255,.62)}.card-content{position:absolute;bottom:28px;left:28px;right:28px;z-index:2}.game-name{font:10px 'DM Mono';letter-spacing:.14em;color:#f4bb74;margin:0 0 12px}.card-content h3{font-size:42px;-webkit-text-stroke:.9px rgba(0,0,0,.72);paint-order:stroke fill;text-shadow:1px 2px 2px rgba(0,0,0,.55)}.card-content h3 i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:#f4bb74}.card-content>p:not(.game-name){font-size:13px;line-height:1.6;max-width:310px;color:rgba(255,255,255,.72);margin:16px 0}.card-link{font-size:12px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:6px}.card-link span{color:#f4bb74;margin-left:10px}.card-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(10px);right:-90px;top:-45px;opacity:.4}.eve-card .card-glow{background:#6683bc}.albion-card .card-glow{background:#e3a75e}.placeholder-orb{position:absolute;width:240px;height:240px;right:-26px;top:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:inset 0 0 0 24px rgba(255,255,255,.05),0 0 0 24px rgba(255,255,255,.04)}.placeholder-orb:after{content:"";position:absolute;inset:46px;border:1px solid rgba(244,187,116,.6);border-radius:50%}.eve-character{position:absolute;right:-10px;top:16px;width:310px;height:400px;object-fit:cover;object-position:50% 15%;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);opacity:.83}.mtg-character{position:absolute;right:-12px;top:18px;width:310px;height:390px;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);opacity:.82}.albion-gallery,.ffxi-gallery{position:absolute;right:20px;top:45px;width:260px;height:240px}.albion-gallery img,.ffxi-gallery img{position:absolute;object-fit:cover;border:1px solid rgba(244,241,232,.45);box-shadow:0 14px 22px rgba(16,26,27,.32)}.albion-rest{width:160px;height:190px;right:0;top:0;object-position:50% 40%;transform:rotate(5deg)}.albion-merchant{width:105px;height:120px;left:0;bottom:7px;object-position:50% 45%;transform:rotate(-7deg)}.albion-strategy{width:95px;height:105px;right:22px;bottom:-15px;object-position:50% 30%;transform:rotate(8deg)}.ffxi-cook{width:164px;height:190px;right:0;top:0;object-position:50% 35%;transform:rotate(5deg)}.ffxi-fishing{width:105px;height:122px;left:0;bottom:8px;object-position:50% 35%;transform:rotate(-7deg)}.ffxi-smithing{width:95px;height:106px;right:22px;bottom:-15px;object-position:50% 32%;transform:rotate(8deg)}
.promise{min-height:400px;padding:112px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.promise-copy{align-self:end}.promise-copy>p{font-size:18px;line-height:1.7;max-width:450px;margin:0 0 35px}.principles{border-top:1px solid var(--line)}.principles span{font:11px 'DM Mono';letter-spacing:.08em;display:block;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.footer{border-top:1px solid var(--line);height:100px;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono';letter-spacing:.09em;color:var(--muted)}.footer a{color:var(--ink);text-decoration:none}
.tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px!important}.tool-tags span{font:9px 'DM Mono';letter-spacing:.06em;padding:5px 7px;border:1px solid rgba(244,241,232,.3);color:rgba(255,255,255,.82)}.footer{border-top:1px solid var(--line);height:100px;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono';letter-spacing:.09em;color:var(--muted)}.footer a{color:var(--ink);text-decoration:none}
@media (max-width:700px){.container{width:calc(100% - 40px)}.header{height:72px}.brand{font-size:12px;gap:8px}.game-nav{gap:3px}.game-menu summary{padding:8px 6px;font-size:9px}.game-menu summary:after{margin-left:4px;font-size:12px}.game-menu-list{min-width:145px}.hero{min-height:610px;padding-top:70px}.hero h1{font-size:42px}.hero-portrait{width:370px;height:480px;right:-110px;bottom:-18px;opacity:.53}.scroll-note{bottom:20px}.worlds{padding:78px 0}.world-grid,.promise{grid-template-columns:1fr}.world-grid{margin-top:38px}.world-card{height:430px}.card-content h3{font-size:34px}.promise{gap:38px;padding:78px 0}.footer{height:auto;min-height:110px;gap:14px;align-items:flex-start;justify-content:center;flex-direction:column;padding:25px 0}.eve-character{width:250px;right:-18px}.albion-gallery,.ffxi-gallery{transform:scale(.8);transform-origin:top right;right:0}}
@media (max-width:700px){.header{height:auto;min-height:72px;padding:12px 0;gap:10px}.game-nav{justify-content:flex-end;flex-wrap:wrap}.site-account-link,.site-account-form a,.site-account-form button{padding:8px 6px;font-size:9px}}
@media (max-width:700px){.hero{min-height:650px}.hero>.eyebrow,.hero>h1,.hero>.hero-copy,.hero>.primary-button,.hero>.scroll-note{position:relative;z-index:2}.hero-portrait{inset:0;width:auto;height:auto;bottom:auto;right:auto;opacity:.4;mask-image:none;-webkit-mask-image:none;z-index:0}.hero-portrait:before{background:linear-gradient(90deg,var(--paper) 0%,rgba(21,28,43,.84) 45%,rgba(21,28,43,.18) 100%),linear-gradient(180deg,var(--paper) 0%,transparent 36%,var(--paper) 100%)}.hero-portrait img{object-position:74% 34%}}