*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;font:14px/1.7 'Open Sans',Arial,sans-serif;color:#777}h1,h2,h3{font-family:Raleway,Arial,sans-serif;color:#333;line-height:1.3}a{color:#ec008c;text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 20px}.container{max-width:1140px;padding:0 15px;margin:auto}.section{padding:70px 0}.pale{background:#f8f9f9}.section-heading{text-align:center;margin-bottom:60px}.section-heading h2{font-size:40px;text-transform:uppercase;font-weight:800;letter-spacing:2px;margin:0}.eyebrow,.section-heading h2.eyebrow{font:600 14px/1.5 Raleway,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#aaa;margin:0 0 13px}.about-text{font-size:20px;margin-top:25px;margin-bottom:0}.section#about .section-heading{margin-bottom:0}header{position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 1px 5px #0001}.header-inner{padding:6px 30px;min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:block;max-width:400px;flex-shrink:1}.brand img{max-width:100%;height:auto;display:block}nav{display:flex;gap:35px;flex-shrink:0}nav a{font:600 13px/24px Raleway,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#333}nav a:hover{color:#ec008c}.menu-toggle{display:none;color:#ec008c;background:white;border:1px solid #ddd;padding:7px 10px;font-size:22px;cursor:pointer;flex-shrink:0}.menu-toggle span{font-size:14px}.hero{background:linear-gradient(#0005,#0005),url('/assets/CMbackground-3.png') center/cover}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;padding:114px 30px;margin:auto;align-items:center}.hero-copy{text-shadow:2px 3px #303030}.hero h1{font:700 60px/1.3 'Open Sans',Arial,sans-serif;color:#ddd;letter-spacing:2px;text-transform:uppercase;margin:0 0 15px}.hero-copy p{font-size:40px;line-height:45px;color:#ccc;margin-bottom:30px}.hero-art{display:block;width:100%;height:auto;max-width:560px;margin:auto}.play-button{display:inline-block;background:#66cc33;color:white;padding:10px 24px;border-radius:25px;font-size:25px;font-weight:600;text-transform:uppercase;text-shadow:2px 2px #303030;line-height:1.4}.play-button:hover{background:#57b72a;text-decoration:none}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.categories img{width:150px;height:150px;object-fit:contain;display:block;margin:0 auto 20px}.categories h3{font-size:17px;font-weight:600;margin:0 0 15px}.categories h3 a{color:#333}.categories h3 a:hover{color:#ec008c}.squid-scene{height:295px;background:linear-gradient(#0005,#0005),url('/assets/web2018paralax-2.png') center/cover}.counters{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:30px}.counters strong{font:800 50px/1.2 Georgia,serif;color:#ec008c;display:block}.counters span{font-size:18px;display:block;margin-top:5px}.center{text-align:center}.outline-button{display:inline-block;border:1px solid #ec008c;color:#ec008c;padding:9px 20px;font-weight:600;text-transform:uppercase}.outline-button:hover{background:#ec008c;color:white;text-decoration:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}form label{display:block;margin:0 0 8px}input,textarea,select{display:block;font:inherit;width:100%;background:#f1f2f2;color:#333;border:1px solid #e9e9e9;padding:10px;margin:0 0 20px}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.solid-button{border:0;background:#ec008c;color:white;font:600 14px/1.5 Raleway,Arial,sans-serif;text-transform:uppercase;padding:10px 24px;cursor:pointer}.solid-button:hover{background:#bc006f}.contact-info h3{font-size:17px;text-transform:uppercase;margin:0 0 15px}.contact-info .address-title{text-transform:none;font-size:20px;margin-top:65px}address{font-style:normal;margin-bottom:25px}.form-note{font-size:12px;margin:15px 0 0}.notice{border:1px solid #ec008c;background:white;padding:15px}.trap{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}footer{background:#111;color:#bbb}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:70px;padding-bottom:70px;text-align:center}footer h2{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:white;margin:0 0 20px}.newsletter{display:flex;gap:10px}.newsletter input{margin:0;background:#222;color:#eee;border-color:#444;min-width:0}.newsletter button{font-size:12px}.social{display:flex;gap:25px;justify-content:center}.social a{font:bold 28px/1 Arial,sans-serif;color:#ddd}.copyright{text-align:center;position:relative;background:#222;padding:30px;font-size:13px}.copyright p{margin-bottom:10px}.legal-links{display:flex;justify-content:center;gap:20px}.legal-links a{color:#bbb}.back-top{position:absolute;top:-18px;left:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:#222;color:white;font-size:25px}.page-heading{padding:30px 0}.page-heading h1{font-size:24px;text-transform:uppercase;font-weight:600;margin:0}.page-content{padding:40px 0 70px;min-height:45vh}.prose img{max-width:100%;height:auto}.game-banner{display:block;width:100%;margin:0 auto 25px}.store-badge,.wiki-badge{display:block;width:300px;margin:15px auto}.prose p:has(>.game-banner){margin-bottom:25px}.prose hr{border:0;border-top:1px solid #e9e9e9;margin:40px 0}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:25px;margin:0 0 20px}.skip,.visually-hidden{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;padding:15px;background:white;z-index:20}:focus-visible{outline:3px solid #ec008c;outline-offset:4px}@media(max-width:1100px){nav{gap:22px}.brand{max-width:340px}.hero h1{font-size:50px}.hero-copy p{font-size:32px;line-height:1.3}}@media(max-width:939px){.container{max-width:750px}.header-inner{padding:10px 20px}.brand{max-width:310px}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;width:100%;background:white;padding:20px;box-shadow:0 3px 5px #0001}nav.open{display:flex;flex-direction:column;gap:18px}.hero-inner{grid-template-columns:1fr;text-align:center;padding:65px 30px}.hero-copy p{font-size:28px;max-width:650px;margin-left:auto;margin-right:auto}.hero-art{max-width:450px}.categories{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:30px}.counters{grid-template-columns:repeat(2,1fr)}html:not(.js) .menu-toggle{display:none}html:not(.js) .header-inner{flex-wrap:wrap}html:not(.js) nav{display:flex;position:static;flex-direction:column;gap:12px;width:100%}}@media(max-width:575px){.container{width:100%}.header-inner{padding:10px 15px;gap:15px}.brand{max-width:calc(100% - 100px)}.hero-inner{padding:45px 20px;gap:25px}.hero h1{font-size:35px}.hero-copy p{font-size:23px;line-height:1.4}.play-button{font-size:18px}.categories{grid-template-columns:1fr;gap:25px}.section{padding:60px 0}.about-text{font-size:18px}.counters{grid-template-columns:1fr;gap:35px}.squid-scene{height:240px}.contact-grid,.field-pair,.footer-grid{grid-template-columns:1fr}.contact-info{margin-top:30px}.footer-grid{gap:40px}.newsletter{flex-wrap:wrap;justify-content:center}.newsletter input{flex-basis:100%}.page-heading h1{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
