@font-face{font-family:Nunito;src:url('/assets/nunito-600.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/nunito-800.ttf') format('truetype');font-style:normal;font-weight:700 800;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/nunito-900.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
:root{font-family:Nunito,ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-synthesis:none;font-weight:600;color:#254b3b;background:#fbfcf4;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d5a23d;outline-offset:5px}svg{display:block}img{display:block;max-width:100%}[hidden]{display:none!important}
.welcome-shell{width:min(1160px,100%);min-height:100svh;margin:0 auto;padding:0 44px 28px}
.welcome-header{min-height:97px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e3e9db}
.brand{display:flex;align-items:center;gap:4px;text-decoration:none;font-size:38px;line-height:1;letter-spacing:-1.8px;font-weight:900;border-radius:10px}.brand img{width:45px;height:45px;object-fit:contain}.brand-dot{color:#ee8878}
.language-switch{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid #e0e6d5;border-bottom:3px solid #d9e2cc;border-radius:15px;background:#f1f4e9}
.language-switch button{min-width:44px;min-height:39px;padding:8px 11px;border:0;border-radius:10px;color:#8b9b7c;background:transparent;font-size:11px;line-height:1.4;letter-spacing:.4px;font-weight:900}
.language-switch button[aria-pressed=true]{color:#41663e;background:#fffef8;box-shadow:0 2px 0 #dae4ce}.language-switch button:hover{color:#456e40;background:#fafcf5}
.welcome-main{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:32px;min-height:min(720px,calc(100svh - 125px));padding:49px 0 30px}
.welcome-copy{position:relative;z-index:1;min-width:0;padding-bottom:7px}
h1{font-size:clamp(40px,4.6vw,57px);font-weight:900;line-height:1.13;letter-spacing:-1.75px;max-width:570px;margin:0 0 21px}h1>span{display:block}.title-day{color:#649454}
.welcome-description{font-size:17px;line-height:1.75;color:#819276;max-width:390px;margin:0 0 24px}
.colour-guide{width:292px;max-width:100%;margin:0 0 27px}
.colour-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:center}
.colour-tile{display:grid;place-items:center;aspect-ratio:1;border:1px solid #254b3b0b;border-radius:11px;box-shadow:inset 0 -4px #254b3b15}
.tile-cold{background:#e5e7eb}.tile-yellow{background:#e5bd42}.tile-orange{background:#ee9046}.tile-red{background:#df615c}.tile-purple{background:#a37ac6}.tile-found{background:#67a67b}
.tile-found svg{width:25px;height:25px;fill:none;stroke:#fffef8;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.colour-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;color:#98a78a;font-size:10px;line-height:1.5;font-weight:800;margin-top:8px;text-align:center}
.colour-labels>span:first-child{grid-column:1}.colour-labels>span:nth-child(2){grid-column:5}.colour-labels>span:last-child{grid-column:6;color:#739863}
.play-button{display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;max-width:100%;min-height:58px;padding:15px 24px;border:1px solid #358553;border-bottom:5px solid #287847;border-radius:17px;background:#449c63;color:#fffef9;text-decoration:none;font-weight:900;font-size:16px;line-height:1.5;box-shadow:0 3px 0 #254b3b05;transition:background .15s,transform .15s}
.play-button:hover{background:#4da76b}.play-button:active{transform:translateY(2px);border-bottom-width:3px}.play-button svg{flex-shrink:0;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.game-facts{display:flex;align-items:center;flex-wrap:wrap;column-gap:21px;row-gap:11px;list-style:none;padding:0;margin:25px 0 0;max-width:470px}
.game-facts li{display:flex;align-items:center;gap:7px;min-width:0;color:#8d9d80;font-size:11px;line-height:1.6;font-weight:800}
.game-facts svg{flex-shrink:0;width:16px;height:17px;fill:none;stroke:#94aa80;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.welcome-art-wrap{min-width:0;align-self:center;position:relative;padding-bottom:16px}
.welcome-art{position:relative;isolation:isolate;width:100%;aspect-ratio:.97}
.scene-wash{position:absolute;inset:10% -3% 1% 0;border:1.5px solid #dce8d8;border-radius:43% 54% 45% 48% / 45% 39% 57% 51%;background:#e9f2e7;transform:rotate(-8deg);z-index:-3}
.scene-wash:after{content:'';position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(#bbd1b7 .8px,transparent .8px);background-size:21px 21px;opacity:.27}
.netherlands-map{position:absolute;left:17%;top:-4%;width:83%;height:94%;overflow:visible;transform:rotate(7deg);z-index:-2;opacity:.78}
.map-land{fill:#f7f5df;stroke:#c5d3b7;stroke-width:1.4;stroke-linejoin:round;fill-rule:evenodd}.map-provinces{fill:none;stroke:#bfcdae;stroke-width:.85;stroke-linejoin:round;opacity:.6}
.hero-tulip{position:absolute;width:66%;height:84%;left:11%;bottom:1%;object-fit:contain;filter:drop-shadow(0 9px 6px #365a2d11);transform:rotate(-4deg)}
.scene-ground{position:absolute;width:49%;height:5%;bottom:1%;left:21%;border-radius:50%;background:#b7cda7;opacity:.26;filter:blur(3px);z-index:-1}
.scene-cloud{position:absolute;left:3%;top:14%;width:58px;height:23px;border:1.5px solid #d4e2cc;border-radius:18px;background:#f8faef;transform:rotate(-8deg)}
.scene-cloud:before{content:'';position:absolute;left:18px;top:-12px;width:27px;height:25px;border:1.5px solid #d4e2cc;border-bottom:0;border-radius:50% 50% 0 0;background:#f8faef}
.scene-spark{position:absolute;width:15px;height:21px;color:#abc49b;transform:rotate(12deg)}.scene-spark:before,.scene-spark:after{content:'';position:absolute;left:50%;top:50%;background:currentColor;border-radius:3px;transform:translate(-50%,-50%)}.scene-spark:before{width:3px;height:100%}.scene-spark:after{width:100%;height:3px}.spark-one{right:6%;top:28%}.spark-two{left:2%;bottom:24%;width:10px;height:14px;color:#b5cba7;transform:rotate(-15deg)}.spark-three{right:2%;bottom:10%;width:9px;height:12px;color:#c4ce9e;transform:rotate(26deg)}
.map-credit{display:block;width:max-content;max-width:100%;margin:13px auto 0;color:#a3b095;font-size:8px;line-height:1.6;text-align:center;text-decoration:none;text-underline-offset:3px}.map-credit:hover{text-decoration:underline;color:#7d956a}
@media(min-width:1200px){.welcome-main{column-gap:65px}.welcome-art-wrap{margin-right:4px}}
@media(max-width:900px) and (min-width:701px){.welcome-shell{padding-left:30px;padding-right:30px}.welcome-main{gap:20px}h1{font-size:43px}.welcome-description{font-size:15px}.play-button{font-size:14px;padding-left:19px;padding-right:19px;gap:12px}.game-facts{column-gap:15px;row-gap:9px}.welcome-art{aspect-ratio:.86}.hero-tulip{width:73%;left:7%}}
@media(max-width:700px){
  .welcome-shell{padding:0 23px 25px}.welcome-header{min-height:77px;gap:16px}.brand{font-size:33px;letter-spacing:-1.5px}.brand img{width:40px;height:40px}.language-switch{padding:3px;border-radius:14px}.language-switch button{min-width:40px;min-height:40px;font-size:10px;padding:8px 10px;border-radius:9px}
  .welcome-main{display:flex;flex-direction:column;gap:12px;min-height:0;padding:20px 0 0}.welcome-art-wrap{order:-1;width:100%;max-width:300px;height:223px;padding-bottom:0;margin:0 auto}.welcome-art{height:223px;aspect-ratio:auto;width:100%}.scene-wash{inset:8% 2% 1% 1%}.netherlands-map{top:-1%;left:28%;width:62%;height:95%;transform:rotate(9deg);opacity:.75}.hero-tulip{width:58%;height:99%;left:15%;bottom:-1%;transform:rotate(-4deg)}.scene-ground{left:21%;bottom:0;width:48%;height:5%}.scene-cloud{width:43px;height:18px;left:10%;top:15%;border-radius:14px}.scene-cloud:before{left:13px;top:-10px;width:23px;height:20px}.spark-one{right:8%;top:26%;width:11px;height:16px}.spark-two{left:8%;bottom:25%;width:9px;height:13px}.spark-three{right:6%;bottom:13%;width:8px;height:11px}.map-credit{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:7px;white-space:nowrap;margin:0;opacity:.88}
  .welcome-copy{width:100%;text-align:center;padding-top:15px;padding-bottom:0}h1{font-size:34px;line-height:1.13;letter-spacing:-1.05px;max-width:430px;margin:0 auto 15px}.welcome-description{font-size:14px;line-height:1.7;max-width:335px;margin:0 auto 18px}.colour-guide{width:266px;margin:0 auto 21px}.colour-tiles,.colour-labels{gap:7px}.colour-tile{border-radius:10px;box-shadow:inset 0 -3px #254b3b15}.tile-found svg{width:23px;height:23px}.colour-labels{font-size:9px;margin-top:6px}
  .play-button{width:100%;max-width:390px;min-height:55px;gap:13px;padding:13px 15px;font-size:14px;border-radius:16px;margin:0 auto}.play-button svg{width:19px;height:19px}.game-facts{justify-content:center;column-gap:17px;row-gap:8px;max-width:390px;margin:20px auto 0}.game-facts li{font-size:10px;gap:6px}.game-facts svg{width:15px;height:16px}
}
@media(max-width:390px){.welcome-shell{padding-left:19px;padding-right:19px}.welcome-header{min-height:73px}.brand{font-size:31px}.brand img{width:38px;height:38px}.welcome-main{padding-top:18px;gap:11px}.welcome-art-wrap,.welcome-art{height:202px}.welcome-art-wrap{max-width:278px}.welcome-copy{padding-top:16px}h1{font-size:31px;letter-spacing:-.9px;max-width:330px;margin-bottom:13px}.welcome-description{font-size:13px;max-width:310px;margin-bottom:17px}.colour-guide{width:251px;margin-bottom:20px}.play-button{font-size:13px;min-height:54px;gap:11px;padding-left:13px;padding-right:13px}.game-facts{column-gap:14px;font-size:9px;margin-top:18px}}
@media(max-width:700px) and (max-height:740px){.welcome-main{padding-top:13px;gap:7px}.welcome-art-wrap,.welcome-art{height:172px}.welcome-art-wrap{max-width:260px}.welcome-copy{padding-top:14px}h1{font-size:31px;margin-bottom:12px}.welcome-description{font-size:13px;margin-bottom:14px}.colour-guide{width:237px;margin-bottom:17px}.colour-labels{margin-top:5px}.game-facts{margin-top:17px;row-gap:7px}}
@media(max-width:700px) and (max-height:600px){.welcome-art-wrap,.welcome-art{height:139px}.welcome-art-wrap{max-width:220px}.welcome-main{padding-top:10px}.welcome-copy{padding-top:13px}h1{font-size:28px;max-width:340px}.welcome-description{font-size:12px;line-height:1.6;max-width:310px}.colour-guide{width:218px}.play-button{min-height:50px}.game-facts{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}