:root{--sky:#badfdf;--ink:#263046;--stone:#65578b;--grass:#466226;--orange:#c5f44b;--paper:#f5f4fa;--line:#d1d9d5;--white:#fff;--error:#9c2929;font-family:"Trebuchet MS","Avenir Next",Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.55;background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid #17679c;outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;background:var(--sky)}body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:770px;background:var(--sky)}.brand{font-weight:900;font-size:1.2rem;display:inline-flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:bold}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.nav-join{background:var(--ink);color:white;padding:10px 18px;border-radius:7px 3px 8px 4px}.hero{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:630px;padding-bottom:42px;position:relative}.intro{font-size:.94rem;font-weight:bold;margin:14px 0}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(3.4rem,6.4vw,5.1rem);line-height:1.03;letter-spacing:-.065em;margin:20px 0 25px;font-weight:900}h2{font-size:clamp(2rem,3.4vw,2.8rem);letter-spacing:-.045em;line-height:1.12;margin:0 0 22px}h3{line-height:1.2}.hero-text{max-width:390px;margin-bottom:30px;font-size:1.08rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 23px;border:2px solid var(--ink);border-radius:7px 3px 8px 4px;background:var(--orange);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:900;text-decoration:none;cursor:pointer;min-height:54px}.button:hover{background:#d6ff74}.button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}button:disabled{opacity:.65;cursor:wait}.hero-note{font-size:.78rem;margin-top:22px}.hero-art{margin:0 -25px 0 -25px}.hero-art img{width:100%}.hero-art figcaption{font-size:.65rem;text-align:center;color:#425d6b;margin-top:-17px}.status-band{position:relative;background:var(--ink);color:#fff}.status-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;font-size:.84rem}.status-content p{margin:0;color:#d2dce0}.status-light{width:10px;height:10px;display:inline-block;background:#aab8be;margin-right:10px;border-radius:50%}.status-light.online{background:#a4d37c}.status-light.offline{background:#f1aa68}.games-section{padding-block:86px}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:32px}.section-heading p{margin:0;font-size:.95rem}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game{border:1px solid #c3cfc9;background:#fff;border-radius:12px 5px 14px 7px;overflow:hidden}.game-illustration{background:#c8b5e7;border-bottom:1px solid #c3cfc9;overflow:hidden}.game-illustration img{width:100%}.game-spleef .game-illustration{background:#a9dedf}.game-copy{padding:25px 23px 27px}.game-detail{font-size:.8rem;font-weight:bold;color:#546650;margin:0 0 6px}.game h3{font-size:1.8rem;letter-spacing:-.04em;margin:0 0 15px}.game-copy>p:not(.game-detail){font-size:.95rem;max-width:47ch}.game-rule{border-top:1px solid var(--line);padding-top:16px;margin-bottom:0;font-weight:bold}.join-section{background:#dcebe2;padding-block:72px;border-top:1px solid #d3ddca;border-bottom:1px solid #d3ddca}.join-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.join-grid>div>p{max-width:34ch}.address-box{border-left:4px solid var(--grass);padding:3px 0 0 18px;margin-top:30px}.address-box>span{display:block;font-size:.76rem}.address-box strong{display:block;font-size:.95rem;overflow-wrap:anywhere}.address-box button{margin-top:12px;background:white;border:1px solid var(--grass);border-radius:7px 3px 8px 4px;padding:7px 12px;cursor:pointer;font-size:.8rem}.address-box p{font-size:.8rem;margin:5px 0}.device-guides details{border-bottom:1px solid #bccbb4}.device-guides details:first-child{border-top:1px solid #bccbb4}.device-guides summary{font-weight:bold;padding:22px 24px 22px 0;cursor:pointer;list-style-position:outside;margin-left:19px}.device-guides details>div{padding:0 0 14px 19px;font-size:.9rem}.device-guides details p{margin-top:0}.port-note{font-weight:bold}.request-section{padding-block:86px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.request-intro>p{max-width:33ch}.rules{margin-top:40px}.rules h3{font-size:1.05rem}.rules ul{list-style-type:square;padding-left:20px;font-size:.9rem;max-width:35ch}.rules li{padding-left:4px;margin-bottom:12px}.rules li::marker{color:var(--grass)}.request-form{background:#fff;border:1px solid var(--line);padding:34px;border-radius:12px 5px 14px 7px;min-width:0}.request-form h3{font-size:1.55rem;letter-spacing:-.035em;margin:0 0 12px}.request-form>p:first-of-type{font-size:.84rem;margin-bottom:24px}.request-form label:not(.edition-choice label),legend{font-size:.86rem;font-weight:bold}.request-form fieldset{padding:0;border:0;margin:0 0 24px;min-width:0}.edition-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.edition-choice label{display:flex;align-items:start;gap:9px;padding:12px 10px;border:1px solid #bac8bd;border-radius:7px 3px 8px 4px;cursor:pointer;font-weight:bold;font-size:.85rem}.edition-choice label:has(input:checked){background:#ecf2e5;border-color:var(--grass)}input[type=radio]{accent-color:var(--grass);margin-top:5px}.edition-choice small{display:block;font-size:.64rem;font-weight:normal;margin-top:2px}.request-form input[type=text],textarea{display:block;width:100%;border:1px solid #a6b6b9;border-radius:7px 3px 8px 4px;background:#fbfcf9;padding:11px 12px;margin-top:7px;color:var(--ink)}textarea{resize:vertical;min-height:100px}.request-form .field-help{font-size:.72rem;color:#52636b;margin:6px 0 20px}.optional{font-weight:normal}.privacy-note{font-size:.71rem;color:#52636b;margin-bottom:24px}.request-form .button{font-size:.91rem;width:100%}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-result{font-size:.86rem;line-height:1.5;margin:22px 0 0}.form-result:empty{margin:0}.form-result.error{color:var(--error)}.form-result.success{color:#305826}footer{background:var(--ink);color:#f7faf2;padding-block:32px}.footer-content{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-content>p{font-size:.75rem;color:#c0ccd2;margin:0}.footer-content>div{margin-left:auto;display:flex;gap:20px;font-size:.8rem}.footer-content .disclaimer{width:100%;font-size:.65rem}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.legal{max-width:760px;padding-block:50px 80px}.legal p,.legal li{font-size:.95rem}.legal h1{font-size:2.9rem}.legal h2{font-size:1.5rem;margin-top:35px}.legal ul{padding-left:22px}.legal-back{font-weight:bold;font-size:.9rem}
@media(min-width:1400px){body:before{height:790px}}@media(max-width:950px){.wrap{width:calc(100% - 40px)}.site-header nav{gap:18px}.hero{min-height:540px}.hero-art{margin-inline:-10px}h1{font-size:4rem}.hero-text{font-size:.98rem}.join-grid,.request-section{gap:38px}.request-form{padding:25px}.status-content{gap:15px;font-size:.75rem}.game-copy{padding:25px}.hero-art figcaption{margin-top:0;font-size:.6rem}body:before{height:700px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:19px}.brand{font-size:1.05rem;gap:8px}.site-header nav>a:not(.nav-join){display:none}.site-header nav{font-size:.8rem}.nav-join{padding:9px 13px}.hero{grid-template-columns:1fr;padding-top:18px;padding-bottom:28px;min-height:0}.hero-copy{max-width:490px}.intro{font-size:.84rem}h1{font-size:clamp(3.4rem,12vw,4.6rem);margin-block:16px 20px}.hero-text{max-width:37ch}.hero-note{margin-bottom:0}.hero-art{max-width:560px;margin:-5px auto 0}.hero-art img{max-height:400px}.hero-art figcaption{font-size:.58rem;margin-top:-4px}body:before{height:1000px}.status-content{flex-wrap:wrap;gap:7px 20px;padding-block:17px}.status-content>div{width:100%;font-size:.83rem}.status-content p{font-size:.72rem}.section-heading{display:block}.section-heading p{font-size:.9rem}.section-heading br{display:none}.games-section{padding-block:54px}.games-grid{grid-template-columns:1fr;gap:24px}.game-copy{padding:25px}.game-illustration img{max-height:265px}.join-section{padding-block:50px}.join-grid,.request-section{grid-template-columns:1fr;gap:35px}.join-grid h2 br,.request-intro h2 br{display:none}.join-grid>div>p,.request-intro>p{max-width:55ch}.address-box{margin-top:22px}.request-section{padding-block:54px}.rules{margin-top:27px}.rules ul{max-width:100%}.request-form{padding:24px 20px}.footer-content{gap:20px}.footer-content>div{margin-left:0;width:100%}.footer-content>p{font-size:.7rem}.legal h1{font-size:2.2rem}.edition-choice{gap:7px}.edition-choice label{padding:10px 8px;gap:5px}.edition-choice small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* The portal is the visual centre; the content stays quiet and readable. */
body:before{background:linear-gradient(145deg,#c7b8ec 0%,#b8e0e2 58%,#a5d7d4 100%)}
.site-header{background:transparent}
h1{color:#30304c;text-shadow:3px 3px 0 #e9f5d2}
.hero-art{transform:rotate(1deg);margin-left:12px;margin-right:-20px}
.hero-art img{border:3px solid var(--ink);border-radius:43% 34% 12% 24% / 20% 30% 12% 26%;box-shadow:9px 9px 0 #704993;object-fit:cover;object-position:70% center;aspect-ratio:1.35;}
.hero-art figcaption{transform:rotate(-1deg);margin-top:19px;font-size:.63rem;}
.nav-join{box-shadow:3px 3px 0 #9c74c0}
.game{border:2px solid var(--ink);box-shadow:5px 5px 0 #d8d2e5}
.game-illustration{border-bottom:2px solid var(--ink)}
.game-detail{color:#58437c}
.button{box-shadow:5px 5px 0 #68458b;transform:rotate(-1deg)}
.request-form{border:2px solid var(--ink);box-shadow:7px 7px 0 #d8d2e5}
.status-band{border-block:3px solid #463759;background:#423457}
.status-light.online{background:#c5f44b;box-shadow:0 0 9px #c5f44b80}
@media(max-width:700px){.hero-art{margin:34px auto 0;max-width:480px;transform:rotate(1deg)}.hero-art img{max-height:none;aspect-ratio:1.3}.hero-art figcaption{margin-top:14px;font-size:.58rem}body:before{height:1070px}.hero{padding-bottom:30px}}

.game-castle .game-illustration{background:#b2d8df}.game-copy{display:flex;flex-direction:column;flex:1}.game{display:flex;flex-direction:column}.game-rule{margin-top:auto}.game-copy>p:not(.game-detail):not(.game-rule){margin-bottom:22px}
@media(min-width:701px) and (max-width:950px){.games-grid{gap:16px}.game-copy{padding:21px 17px}.game h3{font-size:1.45rem}.game-copy>p:not(.game-detail){font-size:.85rem}}

.nav-team{display:block}.nav-team small{display:block;font-size:.6rem;font-weight:normal}
@media(max-width:950px) and (min-width:701px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between}}
@media(max-width:700px){.site-header{flex-wrap:wrap;gap:16px}.site-header nav{width:100%;justify-content:space-between}.site-header nav>a.nav-team{display:block}}