/* SealCo game home. Article pages retain the readable journal theme. */
.official{--gold:#dec38c;--muted:#9bacaf;--line:#ffffff1a;background:#091418;color:#e9efed;font-size:15px}.official .official-container{max-width:1200px;padding:0 36px;margin:auto}.official .top{position:absolute;z-index:5;top:0;left:0;width:100%;min-height:90px;padding:0 5vw;background:linear-gradient(#071317d9,transparent);border-bottom:1px solid #fff2}.official .brand{color:#f5e2b9;letter-spacing:5px;font-size:25px}.official .brand span{color:#adc1c2;font-size:9px}.official .nav{gap:30px;color:#d7e1df}.official .nav a:hover{color:var(--gold)}.official .eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px}.official-hero{min-height:790px;height:min(960px,100vh);position:relative;display:flex;align-items:center;overflow:hidden}.hero-world{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% 55%;filter:saturate(.65) brightness(.65)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071619f5 0%,#071619df 30%,#07161960 68%,#07161933),linear-gradient(0deg,#091418,transparent 30%)}.hero-copy{position:relative;z-index:1;width:100%;padding-top:90px!important}.hero-wordmark{font-size:clamp(60px,7vw,100px);line-height:1.2;letter-spacing:12px;font-family:Georgia,serif;color:#f4dfad;text-shadow:0 5px 28px #0007;margin:20px 0 14px}.hero-copy h1{font:500 clamp(34px,4.2vw,56px)/1.5 Georgia,'Microsoft JhengHei',serif;letter-spacing:4px;margin:0 0 20px}.hero-copy p{color:#b9ccca;font-size:16px;line-height:2.1}.hero-actions{display:flex;gap:14px;margin:32px 0 20px}.gold-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:53px;padding:12px 26px;font-weight:650;font-size:14px;letter-spacing:1px;border:1px solid var(--gold);border-radius:3px}.gold-button{color:#142021;background:linear-gradient(110deg,#f2ddb2,#cfaa67)}.gold-button:hover{filter:brightness(1.1);box-shadow:0 0 25px #dec38c33}.outline-button{background:#10252b70;color:#e2cd9e}.outline-button:disabled{border-color:#5a696b;color:#7c8b8e;cursor:default;background:#0a161c}.hero-footnote{font-size:11px;color:#a3b9b7;letter-spacing:.7px}.hero-footnote i{font-style:normal;color:#6c8381;padding:0 8px}.live-dot{display:inline-block;width:6px;height:6px;background:#7dbb9b;border-radius:50%;margin-right:8px;box-shadow:0 0 9px #6ac896}.scroll-hint{position:absolute;bottom:32px;right:6vw;font-size:11px;letter-spacing:3px;color:#c1c9bc}.scroll-hint span{display:block;text-align:center;font-size:24px}.notice-strip{max-width:1200px;display:flex;gap:25px;padding:24px 36px;margin:auto;border-bottom:1px solid var(--line);font-size:13px}.notice-strip>span{color:var(--gold);font:11px monospace;letter-spacing:2px}.notice-strip a{flex:1}.notice-strip b{font-weight:400;color:var(--gold)}.section-block{padding-top:100px!important;padding-bottom:100px!important}.section-heading h2{font-weight:500;letter-spacing:2px;font-size:34px;line-height:1.5;margin:12px 0 15px}.section-heading p{color:var(--muted);line-height:2}.trailer-section{display:grid;grid-template-columns:1fr 1.8fr;gap:55px;align-items:center}.film-frame{border:1px solid #7b73504d;padding:7px;position:relative;background:#11242a}.film-frame video{display:block;width:100%;aspect-ratio:16/9}.film-caption{display:block;text-align:right;font:10px monospace;color:#99aeae;letter-spacing:2px;padding:12px 7px 5px}.classes-section{background:#102027;padding:80px 0}.class-tabs{display:flex;margin:35px 0 0;border-bottom:1px solid #65766d55;gap:10px}.class-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#92a7aa;padding:17px 35px;font-size:16px;letter-spacing:2px}.class-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}.class-stage{display:grid;grid-template-columns:1.4fr 1fr;background:#0a181f;margin-top:25px;min-height:380px}.class-stage>img{width:100%;height:100%;object-fit:cover;object-position:center;min-height:330px}.class-info{padding:45px 38px}.class-info h3{font-size:38px;font-weight:500;margin:6px 0 14px;letter-spacing:8px}.class-info p{color:#aebfc2}.class-info .class-lead{color:#ead8b3;font-size:18px}.class-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.class-tags span{border:1px solid #576e6c77;padding:4px 10px;font-size:11px;color:#a8c3bc}.adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.adventure article{border-top:1px solid #7a715e;padding-top:23px}.feature-number{color:var(--gold);font:11px monospace;letter-spacing:2px}.adventure h3{font-size:20px;font-weight:500;margin-top:28px}.adventure p{color:var(--muted);line-height:2}.download-section{background:linear-gradient(135deg,#192c32,#132227);border-block:1px solid var(--line);padding:85px 0}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0 24px}.download-card{border:1px solid #58716f70;padding:30px 25px;background:#0c1b2188;display:flex;flex-direction:column;align-items:flex-start}.download-card.primary{border-color:#c6aa6b;background:linear-gradient(140deg,#253b3b,#112027)}.platform-label{font:11px monospace;letter-spacing:2px;color:var(--gold)}.release-status{font-size:10px;color:#8dd4b3;margin-top:20px}.release-status.muted{color:#96a5a8}.download-card h3{font-size:25px;letter-spacing:2px;font-weight:500;margin:6px 0 12px}.download-card p{color:#a8bcc1;font-size:13px;min-height:78px}.download-card .gold-button,.download-card .outline-button{width:100%;gap:12px;font-size:13px}.download-card small{color:#98aeb3;font-size:11px;line-height:1.9;margin:20px 0 12px}.text-link{font-size:12px;color:var(--gold);border:0;background:none;padding:0;cursor:pointer}.getting-started{border:1px solid #51696688;padding:18px 24px;color:#b5c7c8;font-size:13px}.getting-started summary{color:#e1d0a9;cursor:pointer}.getting-started p{color:#8ea5a8}.news-heading{display:flex;justify-content:space-between;align-items:center}.news-feature{display:grid;grid-template-columns:160px 1fr;border-block:1px solid #81958a66;padding:30px 0;gap:30px}.news-feature>span{color:var(--gold);font-size:12px}.news-feature time{font-size:11px;color:#879fa4}.news-feature h3{font-size:25px;font-weight:500;margin:8px 0}.news-feature p{color:#9db2b5}.official .archive{margin-top:35px}.official .archive h3{font-weight:500}.official .post-row{border-color:var(--line)}.official .post-row h3{font-size:20px;color:#dce9e5}.official .post-row p{color:#9ab0b4}.official .meta .category{color:#ccb582}.official .meta .status{color:#8fa6a9}.official .post-row:hover h3{color:#e7cb91}.official .search{color:#dce9e5;border-color:#6b7d7888}.official .filter{border-color:#546d69;color:#9db6b5}.official .filter.active{background:#c9b384;color:#12272a}.official-subscribe{margin-top:45px;border:1px solid #536a6688;padding:25px 30px;display:flex;align-items:center;gap:25px}.official-subscribe>div{flex:1}.official-subscribe h3{font-size:20px;font-weight:500;margin:0}.official-subscribe p{font-size:12px;color:#91a9aa}.official-about{border-top:1px solid var(--line);padding-top:40px!important;display:flex;gap:45px;align-items:center}.official-about strong{font:27px Georgia;letter-spacing:6px;color:var(--gold)}.official-about p{font-size:12px;line-height:2;color:#81999e}.official .footer{max-width:1128px;margin:25px auto 0;color:#80999d;border-color:var(--line);padding:25px 0 40px}.official :focus-visible{outline:2px solid #f2cd80;outline-offset:5px}
@media(max-width:900px){.official .nav{gap:16px}.trailer-section{grid-template-columns:1fr;gap:25px}.class-info{padding:25px}.download-grid{grid-template-columns:1fr 1fr}.download-card:last-child{grid-column:span 2}.official .top{padding:0 25px}.official .nav .hide-small{display:none}.adventure-grid{gap:22px}.hero-copy h1{font-size:44px}.official-subscribe{flex-wrap:wrap}.official-subscribe>div{flex-basis:100%}}
@media(max-width:600px){.official .official-container{padding-inline:22px}.official .top{min-height:75px;padding:0 22px}.official .brand{font-size:20px}.official .nav{font-size:11px;gap:13px}.official .brand span{font-size:7px}.official-hero{min-height:740px;height:92vh}.hero-world{object-position:64% 50%}.hero-shade{background:linear-gradient(90deg,#071619e8,#07161977),linear-gradient(0deg,#091418,transparent)}.hero-wordmark{font-size:56px;letter-spacing:8px}.hero-copy h1{font-size:35px;letter-spacing:2px}.hero-copy p{font-size:13px}.hero-actions{gap:10px}.gold-button,.outline-button{padding:12px 14px;font-size:12px;gap:12px}.hero-footnote{max-width:300px;line-height:2;font-size:10px}.scroll-hint{display:none}.notice-strip{padding:20px 22px;gap:15px;font-size:11px}.section-block{padding-block:65px!important}.section-heading h2{font-size:27px;letter-spacing:1px}.section-heading p{font-size:13px}.classes-section{padding:60px 0}.class-tabs button{padding:12px 15px;font-size:14px}.class-stage{grid-template-columns:1fr}.class-stage>img{min-height:0;height:245px}.class-info{padding:27px}.adventure-grid,.download-grid{grid-template-columns:1fr}.download-card:last-child{grid-column:auto}.adventure-grid{gap:30px}.adventure h3{margin:12px 0}.download-card p{min-height:0}.news-heading{align-items:flex-start;gap:10px}.news-heading .text-link{min-width:70px}.news-feature{grid-template-columns:1fr;gap:10px}.news-feature h3{font-size:22px}.official-subscribe{padding:22px;gap:18px}.official-subscribe h3{font-size:18px}.official-about{align-items:flex-start;flex-direction:column;gap:10px}.official .footer{margin-inline:22px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.official .hero-wordmark{font-size:clamp(40px,6vw,78px);letter-spacing:6px}.hero-wordmark small{display:block;font:14px/2 system-ui,sans-serif;letter-spacing:7px;color:#cfbc94}.official-about strong{font-size:24px;letter-spacing:3px}.official .brand{letter-spacing:3px}.official .brand span{letter-spacing:2px}@media(max-width:600px){.official .hero-wordmark{font-size:clamp(31px,9vw,45px);letter-spacing:3px}.hero-wordmark small{font-size:11px;letter-spacing:5px}.official .brand{font-size:19px;letter-spacing:2px}}
.download-count{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 28px;text-align:center}.download-count strong{font-size:24px;color:#edd49a}.download-count span{color:#b6c5c6;font-size:12px;line-height:1.7;max-width:660px}