/* EasyCraft: a warm illustrated world, clear controls and room to breathe. */
:root{--ink:#203d30;--muted:#506758;--gold:#f6d485;--line:#d9dfce;--display:"Trebuchet MS","Segoe UI",system-ui,sans-serif}
body{background:#faf8ee;font-size:16px}
h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:1.09;overflow-wrap:normal}
em{font-family:var(--display);font-weight:900;font-style:normal;letter-spacing:inherit}
.section{width:min(1200px,calc(100% - 72px));padding-block:84px}
.eyebrow{font-size:.73rem;letter-spacing:.12em;font-weight:800}
.section-heading p:not(.eyebrow){font-size:1rem;line-height:1.75}
.section-heading h2{font-size:clamp(2.1rem,3.9vw,3.6rem)}
.primary-link{min-height:52px;border:1px solid #ffe5a6;border-radius:10px;background:linear-gradient(#ffe2a2,#f1c86c);color:#263c29;box-shadow:0 4px 0 #ab823e;font-size:.95rem;font-weight:850;gap:24px}
.primary-link:hover{background:#ffe4a5;transform:translateY(-2px)}
.text-link{font-size:.93rem;gap:18px}
.header-shell{background:#173b2d;border-bottom:1px solid #a6bd7540;box-shadow:0 4px 16px #09201718}
.site-header{width:min(1320px,calc(100% - 56px));min-height:86px;gap:28px;padding-block:8px;flex-wrap:nowrap}
.brand .brand-wordmark{width:208px;height:66px;object-fit:contain;image-rendering:auto}
.desktop-nav{gap:26px}
.desktop-nav a{color:#f3f0dc;font-size:.9rem;font-weight:750;border-radius:0}
.desktop-nav a:hover,.desktop-nav a[aria-current]{border-bottom-color:#f6d485}
.header-actions{gap:16px;flex-wrap:nowrap}
.header-player{color:#e6ecd9;font-size:.8rem}
.header-player-avatar{background:#315440;color:#f4e2aa;border-color:#587356;min-width:32px;min-height:32px}
.header-join{background:#f5d48a;border:1px solid #ffe8b4;color:#233d2d;padding:12px 18px;border-radius:9px;font-size:.85rem;font-weight:850;box-shadow:0 3px 0 #987e3c}
.header-join span{padding-left:10px}
.menu-toggle{min-height:44px;min-width:44px;gap:5px 9px}
.menu-toggle span{background:#e9e8cc}
.menu-toggle .menu-label-visible{color:#f5efdc;font-weight:750}
.site-menu{background:#193b2e;color:#f4f0de;padding:28px}
.menu-top .brand .brand-wordmark{width:185px;height:64px}
.site-menu p,.site-menu small{color:#c9d6bc}
.menu-links a{border-bottom-color:#4c6546;font-size:1rem;padding-block:14px}
.menu-links a[aria-current]{color:#ffe0a1}
.search-input input{color:#203d30;background:#fffdf1;font-size:1rem}
.search-results{color:#203d30}.search-results p,.search-results small{color:#506758}
.search-results a{font-size:.9rem;padding:12px 8px}
.menu-address small{font-size:.8rem}.menu-address strong{font-size:1.35rem}
.menu-address button{background:#f5d48a;color:#233d2d;font-weight:800}
.adventure-hero{min-height:690px;height:calc(100svh - 86px);max-height:820px;background:#193a2b}
.hero-landscape,.hero-landscape img{object-position:68% 54%}
.adventure-hero::after{background:linear-gradient(90deg,#102f24f5 0%,#15382bda 25%,#163627a6 40%,#16362722 65%,transparent 100%),linear-gradient(0deg,#173b2df2 0%,transparent 26%)}
.hero-inner{width:min(1200px,calc(100% - 72px));padding-block:48px 70px;align-items:center}
.hero-copy{width:610px;max-width:58%}
.hero-eyebrow{font-size:.73rem;color:#f5d78f;letter-spacing:.12em;gap:10px;margin-bottom:23px}
.hero-eyebrow>span:empty{width:7px;height:7px;background:#b8e77f}
.adventure-hero h1{font-size:clamp(3.7rem,6.1vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.045em;text-shadow:0 3px 0 #0b271433}
.adventure-hero h1 em{color:#ffdf96;font-weight:900}
.hero-intro{max-width:440px;color:#edf0de;font-size:1.08rem;line-height:1.75;margin-top:24px}
.hero-actions{gap:24px;margin-top:28px}
.hero-explore{font-size:.92rem;font-weight:750;gap:14px;min-height:48px}
.hero-copy-ip{background:#133526e6;border-color:#acbd795c;min-width:0;width:min(430px,100%);padding:15px 17px;border-radius:12px;margin-top:30px;box-shadow:0 5px 18px #08231726}
.hero-copy-ip .copy-glyph{font-size:1.45rem;color:#e9d79f}
.hero-copy-ip small{font-size:.62rem;letter-spacing:.09em;color:#d1dbbd}
.hero-copy-ip strong{font-size:1.25rem;font-weight:850;letter-spacing:0;line-height:1.5;color:#fff4d8}
.copy-ip-label{font-size:.76rem;font-weight:800;color:#f6d485;padding-left:13px;border-color:#78906d}
.hero-editions{display:flex;flex-wrap:wrap;gap:8px 19px;margin-top:15px;color:#dbe6c7;font-size:.76rem}
.hero-caption{bottom:20px;left:max(36px,calc((100% - 1200px)/2));right:max(36px,calc((100% - 1200px)/2));font-size:.61rem;letter-spacing:.12em;color:#e7e9cc}
.hero-caption small{font-size:.67rem;color:#cad8b7}
.world-ribbon{background:#234b35;border-block:1px solid #9eb27640;padding:24px max(36px,calc((100% - 1200px)/2));gap:24px}
.world-ribbon>div{justify-content:flex-start;gap:16px}
.world-ribbon strong{font-size:.92rem;font-weight:850}.world-ribbon small{font-size:.78rem;color:#d0ddbf}
.ribbon-icon .item-icon{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;filter:none}
.discovery{padding-top:76px;padding-bottom:86px}.discovery .section-heading{gap:45px;margin-bottom:34px}
.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.warm-discovery{display:flex;flex-direction:column;align-items:stretch;justify-content:initial;min-height:0;border-radius:18px;isolation:auto;border:1px solid #cbd7bb;box-shadow:0 6px 0 #dce4d2;overflow:hidden;background:#fffdf3;color:#203d30;transition:transform .18s,border-color .18s}
.warm-discovery:hover{transform:translateY(-4px);border-color:#7e9e60}
.warm-discovery::before{display:none}
.warm-discovery .discovery-art{position:relative;inset:auto;z-index:auto;width:100%;aspect-ratio:16/10;overflow:hidden;background:#d4e2b8}
.warm-discovery .discovery-art img{width:100%;height:100%;object-fit:cover;object-position:67% center}
.trade-card .discovery-art img{object-position:50% center}.explore-card .discovery-art img{object-position:55% center}
.warm-discovery .discovery-content{padding:27px;display:flex;flex-direction:column;flex:1}
.warm-discovery .card-number{color:#54704a;font-size:.67rem;letter-spacing:.1em}
.warm-discovery h3{font-size:1.85rem;line-height:1.13;margin-top:12px;letter-spacing:-.035em}
.warm-discovery p{font-size:.94rem;color:#506758;line-height:1.75;margin-top:15px;max-width:32ch}
.card-link{font-size:.85rem;font-weight:850;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dce3ce;padding-top:19px;margin-top:23px}
.card-link>span{font-size:1.1rem;color:#6b873d}
.world-story{background:#214a35;color:#fff2d8;align-items:stretch}
.story-image{min-height:560px}.story-image img{height:100%;object-fit:cover;object-position:50% center}
.story-image::after{background:linear-gradient(0deg,#123b2bba,transparent 40%)}
.story-image>span{font-size:.7rem;color:#fff4d9}.story-image small{font-size:.69rem;color:#e4e9cb}
.story-copy{padding:65px clamp(32px,5.2vw,84px)}
.story-copy h2{font-size:clamp(2.2rem,3.5vw,3.35rem);line-height:1.1}
.story-copy .eyebrow{color:#ecd18c;font-size:.68rem}
.story-copy p{color:#e0e9ce;font-size:1rem;line-height:1.8}
.story-list{font-size:.92rem;line-height:1.65;color:#f3edda;gap:14px;margin-block:25px 30px}
.story-list span{color:#d5e89c}.story-copy .primary-link{font-size:.9rem}
.easycraft-collection{padding-block:84px}.easycraft-item-card{border-radius:16px;border-color:#d0dac1;box-shadow:0 5px 0 #e1e7d6}
.easycraft-item-art{min-height:190px}.easycraft-item-copy{padding:27px}
.easycraft-item-copy>small{font-size:.67rem}.easycraft-item-copy h3{font-size:1.6rem;letter-spacing:-.035em}.easycraft-item-copy p{font-size:.94rem}
.easycraft-collection-caption{font-size:.75rem}.easycraft-item-copy .text-link{font-size:.86rem}
.first-steps{padding-top:12px;padding-bottom:86px}.start-grid{gap:24px}
.start-grid li{border:1px solid #d2ddc1;background:#eef2e1;border-radius:16px;padding:28px}
.start-grid li>span{display:grid;place-items:center;width:44px;height:44px;background:#365c3d;border-radius:12px;color:#f7dda0;font:900 1rem var(--display);margin-bottom:22px}
.start-grid h3{font-size:1.3rem}.start-grid p{font-size:.92rem;line-height:1.8}.start-grid a{font-size:.88rem;min-height:44px;padding-top:12px}
.closing-join{background:#173d2c url('/assets/easycraft-comic-home-1440.webp') center 53%/cover no-repeat;isolation:isolate}
.closing-join::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#173d2cf2 0%,#173d2ce8 38%,#173d2c65 75%,#173d2c30)}
.closing-join .section{padding-block:70px}.closing-join h2{font-size:clamp(2.8rem,5vw,4.5rem)}
.closing-join p:not(.eyebrow){font-size:1rem}.closing-ip strong{font-size:1.15rem;font-weight:850}.closing-ip small{font-size:.8rem;color:#f3d58a}
.site-footer{background:#132f25;color:#eeecd5;border-top:1px solid #4f6847;padding-top:54px}
.site-footer p,.site-footer small{color:#c8d5b9}.footer-main{gap:35px;padding-bottom:32px}
.footer-main .brand .brand-wordmark{width:220px;height:72px}.footer-main>div>p{font-size:.9rem;line-height:1.8}
.footer-connect small{font-size:.67rem;color:#dfce91}.footer-connect button{color:#fff0c9}.footer-connect button>span{font-size:1.4rem}.footer-connect p{font-size:.77rem}
.footer-links,.footer-bottom{border-color:#466344}.footer-links a{font-size:.8rem;color:#e3e8d1}.footer-bottom{font-size:.72rem;color:#c5d1b5}.footer-legal{color:#b8c7a6}
.page-opening{background:radial-gradient(ellipse at 95% 25%,#42664480,transparent 60%),#193d2e;border-color:#486442;color:#f9efd8}
.opening-copy>p:not(.eyebrow){color:#dce6ca;font-size:1.02rem;line-height:1.8}
.opening-copy .eyebrow{color:#efd28b;font-size:.7rem}.opening-copy h1{font-size:clamp(2.7rem,4.9vw,4.6rem);line-height:1.09;letter-spacing:-.04em}
.opening-copy h1 em{color:#f8d995}.opening-copy .text-link,.breadcrumb,.breadcrumb a{color:#e7e9cd;border-color:#758b5b}
.opening-facts{color:#dae4c7}.opening-facts strong{color:#ffe1a0}
.opening-art{border:1px solid #75905b;border-radius:20px;box-shadow:0 8px 0 #102d21;overflow:hidden;transform:rotate(1deg)}
.opening-art figcaption{font-size:.65rem;background:#153828;color:#eadca9;padding:12px 16px}
.connection-card{transform:none;border-color:#7c965d;box-shadow:0 7px 0 #102e21}
.connection-address strong{font-weight:850}.rank-illustration-caption p{color:#d7e2c2}.rank-illustration-caption>span{color:#f5db9d}
.opening-facts>span,.survival-address>span{color:#dfdfbf}.survival-address button{color:#fff0d0;border-color:#7f9562}
.community-promise{border-color:#668c58}.guide-launcher{box-shadow:0 5px 18px #12382130}
@media(min-width:1600px){.adventure-hero{max-height:850px}.hero-copy{max-width:53%}}
@media(max-width:1100px){.site-header{gap:18px}.brand .brand-wordmark{width:180px}.desktop-nav{gap:18px}.header-player .player-label{display:none}.hero-copy{max-width:63%}.adventure-hero h1{font-size:clamp(3.7rem,6.3vw,4.9rem)}.discovery-grid{gap:18px}.warm-discovery .discovery-content{padding:22px}.warm-discovery h3{font-size:1.65rem}.world-ribbon{gap:16px}.world-ribbon>div{gap:12px}.world-ribbon small{font-size:.7rem}.story-copy{padding:45px 32px}}
@media(max-width:900px){.site-header{width:calc(100% - 40px);min-height:78px}.desktop-nav{display:none}.header-actions{gap:16px}.brand .brand-wordmark{height:60px;width:180px}.adventure-hero{height:auto;min-height:680px}.hero-inner{min-height:inherit}.hero-copy{max-width:66%}.hero-intro{font-size:1rem}.hero-copy-ip{width:390px}.hero-caption>span{font-size:.55rem}.world-ribbon{padding-inline:28px}.ribbon-icon .item-icon{width:35px;height:35px}.world-ribbon strong{font-size:.8rem}.discovery .section-heading.split{gap:25px}.discovery .section-heading.split>div:last-child{max-width:40%}.warm-discovery h3{font-size:1.5rem}.warm-discovery p{font-size:.88rem}.card-link{font-size:.77rem}.world-story{grid-template-columns:1fr}.story-image{min-height:0;aspect-ratio:16/8}.story-copy{padding:42px 36px 50px}.story-copy h2{font-size:2.6rem}.start-grid li{padding:23px}.start-grid h3{font-size:1.2rem}}
@media(max-width:700px){.section{width:calc(100% - 40px);padding-block:58px}.site-header{min-height:74px;width:calc(100% - 32px);gap:12px}.brand .brand-wordmark{width:160px;height:54px}.header-player{display:none}.header-actions{gap:10px}.header-join{padding:10px 13px;font-size:.79rem;min-height:44px}.header-join span{display:none}.menu-toggle{width:44px;min-width:44px;padding:10px}.menu-toggle .menu-label-visible{display:none}.adventure-hero{min-height:0;max-height:none;height:auto}.hero-inner{display:block;min-height:0;width:calc(100% - 40px);padding:270px 0 64px}.hero-copy{width:100%;max-width:100%}.hero-landscape,.hero-landscape img{object-position:72% top}.adventure-hero::after{background:linear-gradient(0deg,#143b2c 0%,#143b2cfc 43%,#143b2cb0 64%,#143b2c05 93%)}.hero-eyebrow{font-size:.63rem;letter-spacing:.09em;margin-bottom:15px}.adventure-hero h1{font-size:clamp(2.65rem,8.9vw,3.65rem);line-height:1.08;letter-spacing:-.04em}.hero-intro{margin-top:19px;font-size:1rem;line-height:1.75;max-width:42ch}.hero-actions{gap:18px;margin-top:22px;align-items:center}.hero-explore{font-size:.82rem;gap:8px}.hero-actions .primary-link{font-size:.88rem;padding:12px 19px;gap:16px}.hero-copy-ip{margin-top:25px;width:100%;padding:13px 14px;gap:12px}.hero-copy-ip strong{font-size:1.3rem}.hero-copy-ip small{font-size:.56rem}.copy-ip-label{font-size:.72rem;padding-left:10px}.hero-editions{font-size:.72rem;gap:7px 14px}.hero-caption{left:20px;right:20px;bottom:18px;justify-content:flex-start}.hero-caption>span{display:none}.hero-caption small{font-size:.62rem;color:#c5d3b3}.world-ribbon{grid-template-columns:1fr;gap:18px;padding:24px 28px}.world-ribbon>div{gap:15px}.ribbon-icon .item-icon{width:34px;height:34px}.world-ribbon strong{font-size:.88rem}.world-ribbon small{font-size:.77rem}.section-heading.split,.discovery .section-heading.split{display:block}.section-heading.split>div:last-child,.discovery .section-heading.split>div:last-child{max-width:none;margin-top:20px}.section-heading h2{font-size:2.2rem}.section-heading p:not(.eyebrow){font-size:.96rem}.section-heading{margin-bottom:29px}.section-heading .eyebrow{font-size:.64rem}.discovery-grid{grid-template-columns:1fr;gap:25px}.warm-discovery .discovery-art{aspect-ratio:16/8.8}.warm-discovery .discovery-content{padding:25px}.warm-discovery h3{font-size:1.9rem}.warm-discovery h3 br{display:none}.warm-discovery p{font-size:.96rem;max-width:38ch}.card-link{font-size:.87rem;padding-top:17px;margin-top:20px}.story-image{aspect-ratio:4/3}.story-image>span{left:20px;bottom:20px;font-size:.62rem}.story-copy{padding:36px 24px 44px}.story-copy .eyebrow{font-size:.64rem}.story-copy h2{font-size:2.25rem}.story-copy p{font-size:.96rem}.story-list{font-size:.88rem}.easycraft-item-grid{gap:24px}.easycraft-item-art{min-height:175px}.easycraft-item-copy{padding:25px}.easycraft-item-copy h3{font-size:1.6rem}.easycraft-collection-caption{font-size:.7rem;line-height:1.7}.first-steps{padding-top:10px}.start-grid{grid-template-columns:1fr;gap:18px}.start-grid li{padding:25px}.start-grid li>span{margin-bottom:18px}.start-grid h3{font-size:1.45rem}.start-grid p{font-size:.94rem}.closing-join .section{padding-block:55px}.closing-join{background-position:70% center}.closing-join::before{background:#163d2cdb}.closing-join h2{font-size:3rem}.closing-ip{gap:15px}.site-footer{padding-top:40px}.footer-main .brand .brand-wordmark{width:190px}.footer-connect button>span{font-size:1.35rem}.footer-links{gap:18px}.footer-links a{font-size:.82rem}.footer-bottom{font-size:.7rem;gap:16px}.opening-copy h1{font-size:clamp(2.4rem,9vw,3.5rem)}.opening-copy>p:not(.eyebrow){font-size:.98rem}.opening-copy .eyebrow{font-size:.62rem}.opening-art{transform:none;border-radius:14px}.opening-art figcaption{font-size:.56rem}.connection-card{padding:27px}.connection-card h2{font-size:2rem}.connection-address strong{font-size:1.45rem}.page-opening .section{padding-block:28px 42px}}
@media(max-width:370px){.brand .brand-wordmark{width:145px}.site-header{gap:8px}.header-actions{gap:7px}.header-join{font-size:.75rem;padding-inline:10px}.hero-inner{padding-top:245px}.hero-copy-ip strong{font-size:1.13rem}.hero-copy-ip .copy-glyph{display:none}.copy-ip-label{font-size:.67rem}.hero-actions{gap:12px}.hero-explore{font-size:.77rem}.adventure-hero h1{font-size:2.6rem}.section-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.warm-discovery,.primary-link{transition:none}.warm-discovery:hover,.primary-link:hover{transform:none}}

/* Final fit: keep the complete address readable and characters visible on phones. */
.adventure-hero h1{font-size:clamp(3.5rem,5.1vw,4.55rem)}
.adventure-hero h1 em{white-space:nowrap}
.rank-pedestal{color:#203d30}
.rank-illustration-caption p{font-family:var(--display);font-weight:750;font-size:1rem}
@media(max-width:1100px) and (min-width:701px){.adventure-hero h1{font-size:clamp(3rem,5.2vw,4rem)}}
@media(max-width:700px){
 .adventure-hero{background:#143b2c}
 .hero-landscape{height:365px;bottom:auto}
 .hero-landscape img{height:100%;object-position:77% 65%}
 .hero-landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#143b2c,transparent 43%)}
 .adventure-hero::after{display:none}
 .hero-inner{padding-top:340px}
 .adventure-hero h1{font-size:clamp(2rem,8.4vw,3.3rem)}
 .hero-copy-ip .copy-glyph{display:none}
 .hero-copy-ip>span:nth-child(2){flex:1;min-width:0}
 .hero-copy-ip strong{font-size:1.18rem;white-space:nowrap;overflow-wrap:normal}
 .copy-ip-label{font-size:.69rem;flex:none}
 .hero-caption small{max-width:none;text-align:left}
}
@media(max-width:370px){.hero-copy-ip strong{font-size:1.02rem}.copy-ip-label{font-size:.64rem;padding-left:8px}.hero-inner{padding-top:325px}.adventure-hero h1{font-size:1.95rem}}

.menu-profile{display:flex;align-items:center;gap:12px;width:100%;padding:17px 0;margin-top:14px;background:transparent;color:#f4f0de;text-align:left;border-bottom:1px solid #4c6546}.menu-profile>span:nth-child(2){flex:1;min-width:0}.menu-profile strong{display:block;font-size:.9rem;overflow-wrap:anywhere}.menu-profile small{display:block;font-size:.7rem;font-weight:400;margin-top:3px}.menu-profile>span:last-child{color:#efd28b}