:root{color:#172b45;--navy:#15385f;--blue:#315b8a;--mint:#d9ede8;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #e7a94b}header{z-index:5;background:#fff;border-bottom:1px solid #dde5ed;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{color:var(--navy);align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.brand>span{background:var(--navy);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand small{color:#68788a;font-size:11px;font-weight:500;display:block}nav{gap:24px;display:flex}nav a{color:#41556c;font-weight:600;text-decoration:none}main{max-width:1180px;margin:auto;padding:40px 24px 80px}.hero{color:#fff;background:linear-gradient(120deg,#15385f,#315f83);border-radius:28px;margin-bottom:28px;padding:54px;box-shadow:0 18px 50px #173e6324}.hero h1,.narrow>h1{letter-spacing:-2px;max-width:650px;margin:8px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.04}.hero p:last-child{color:#dbe7f1;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#4d7d7a;font-size:12px;font-weight:800}.hero .eyebrow{color:#a8d8cf}.toolbar{background:#fff;border:1px solid #dde5ed;border-radius:16px;justify-content:space-between;align-items:center;padding:14px;display:flex}.toolbar h2{text-transform:capitalize}.toolbar button,.actions a,.actions button,.table button,.admin-head button{color:#213c58;cursor:pointer;background:#fff;border:1px solid #ced9e3;border-radius:9px;padding:10px 14px;text-decoration:none}.tabs .active,.primary{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.filters{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;margin:20px 0;display:grid}.filters label,.modal label,.login label{color:#526579;gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#172b45;background:#fff;border:1px solid #cbd7e2;border-radius:10px;padding:11px}textarea{min-height:100px}.primary{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.calendar-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.event{--event:#315b8a;text-align:left;border:1px solid #dde5ed;border-left:5px solid var(--event);cursor:pointer;background:#fff;border-radius:13px;gap:4px;min-height:120px;padding:18px;display:grid}.event:hover{transform:translateY(-2px);box-shadow:0 10px 30px #163c6416}.event time,.event small{color:#65788c}.event.cancelled{opacity:.68;text-decoration:line-through}.event-list{gap:10px;display:grid}.event-list .event{grid-template-columns:190px 1fr 1fr;min-height:auto}.empty,.card,.login form{text-align:center;background:#fff;border:1px solid #dde5ed;border-radius:18px;padding:30px}.modal-bg{z-index:10;background:#10263eaa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(620px,100%);max-height:92vh;padding:34px;position:relative;overflow:auto;box-shadow:0 28px 80px #091c30aa}.close{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:14px;right:16px}.tag{color:#fff;border-radius:20px;padding:6px 10px;font-size:12px}.modal h2{margin-bottom:8px;font-size:30px}.date{color:#315b8a;font-weight:700}.modal dl{grid-template-columns:100px 1fr;display:grid}.modal dt{font-weight:700}.modal dd{margin:0}.actions{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.warning{color:#993c31;background:#fff0ed;border-radius:8px;padding:10px}.narrow{max-width:780px}.card{text-align:left;margin-top:25px;padding:30px}.choices{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.check{background:#f3f6f9;border-radius:9px;align-items:center;padding:11px;gap:8px!important;display:flex!important}.muted{color:#68798b}.success{background:#f6fbfa;border-color:#9dcfc2}.login{max-width:500px}.login form{text-align:left;gap:16px;display:grid}.admin-head,.section-title{justify-content:space-between;align-items:center;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 40px;display:grid}.stats article{background:#fff;border:1px solid #dbe4ec;border-radius:15px;padding:22px}.stats strong{color:var(--navy);font-size:32px;display:block}.stats span{color:#65788c}.table{background:#fff;border:1px solid #dbe4ec;border-radius:15px;overflow:hidden}.table article{border-bottom:1px solid #e4ebf1;grid-template-columns:12px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.table article:last-child{border:0}.table small{color:#687b8e;display:block}.dot{border-radius:50%;width:10px;height:10px}.editor{gap:12px;display:grid}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=760px){header{align-items:flex-start;height:auto;padding:12px 18px}.brand small{display:none}nav{gap:10px;font-size:13px}.hero{border-radius:20px;padding:32px 24px}.toolbar{flex-wrap:wrap}.toolbar h2{text-align:center;order:-1;width:100%}.filters,.calendar-grid,.event-list .event{grid-template-columns:1fr}.choices,.stats{grid-template-columns:1fr 1fr}.modal{padding:26px}.two{grid-template-columns:1fr}}body:has(.game-shell){color:#173952;background:#eaf8f5}.game-shell{--island-blue:#176b87;--island-teal:#20a386;--island-yellow:#ffd361;--island-coral:#ff806b;max-width:1100px;min-height:100vh;padding:24px clamp(16px,4vw,42px) 70px;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}.game-top{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:32px;display:grid}.game-logo{color:#174b61;align-items:center;gap:9px;font-size:21px;text-decoration:none;display:flex}.game-logo span{font-size:30px}.game-top .coin-pill{justify-self:end}.round-button{color:#176b87;cursor:pointer;background:#fff;border:2px solid #b9ddd6;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 4px #b9ddd6}.coin-pill{color:#72530a;background:#fff8d9;border:2px solid #f0c654;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:18px;font-weight:900;display:inline-flex}.game-home{background:linear-gradient(145deg,#fff 0 55%,#d8f4ed 55%);border:2px solid #cbe9e3;border-radius:38px;grid-template-columns:180px minmax(310px,1fr) minmax(280px,1fr);align-items:center;gap:38px;min-height:610px;padding:clamp(28px,6vw,70px);display:grid;overflow:hidden;box-shadow:0 20px 60px #176b8716}.game-home h1,.game-heading h1,.result-card h1{color:#15536c;letter-spacing:-2px;margin:7px 0 16px;font-size:clamp(38px,6vw,66px);line-height:1}.game-home p:not(.island-kicker){color:#517083;max-width:500px;font-size:19px}.island-kicker{text-transform:uppercase;letter-spacing:2px;color:#e06b54;margin:0;font-size:12px;font-weight:900}.avatar{background:#ffd56f;border:8px solid #fff;border-radius:50%;place-items:center;width:155px;height:155px;font-size:88px;display:grid;position:relative;box-shadow:0 12px #d9aa3f}.avatar span{font-size:67px;position:absolute;top:-33px;transform:rotate(-7deg)}.island-scene{text-align:center;filter:drop-shadow(0 8px 4px #3e7a6b30);font-size:60px;line-height:1.65}.game-primary,.game-secondary{cursor:pointer;border-radius:16px;min-height:56px;padding:14px 24px;font-size:17px;font-weight:900}.game-primary{background:var(--island-teal);color:#fff;border:0;margin:18px 12px 7px 0;box-shadow:0 6px #137662}.game-primary:hover{transform:translateY(-2px);box-shadow:0 8px #137662}.game-secondary{color:#176b87;background:#fff;border:2px solid #b6dcd5}.game-heading{align-items:center;gap:22px;margin:35px 0;display:flex}.game-heading h1{margin-bottom:0;font-size:clamp(32px,5vw,52px)}.level-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.level-grid>button{text-align:left;color:#174b61;cursor:pointer;background:#fff;border:2px solid #c4e4dd;border-radius:26px;padding:26px 18px;box-shadow:0 8px #c4e4dd}.level-grid>button:hover{transform:translateY(-3px);box-shadow:0 11px #c4e4dd}.level-grid span{font-size:55px;display:block}.level-grid strong{font-size:30px;display:block}.level-grid small{color:#688290}.level-grid i{background:#e6f1ef;border-radius:8px;height:9px;margin-top:18px;display:block;overflow:hidden}.level-grid i b{background:var(--island-teal);border-radius:8px;height:100%;display:block}.world-map{background:linear-gradient(#dff6f1,#bfece1);border:2px solid #b4ddd4;border-radius:38px;grid-template-columns:1fr 1fr;gap:26px 160px;padding:28px 9%;display:grid;position:relative;overflow:hidden}.world-map:before{content:"";border-left:8px dotted #fff;position:absolute;top:50px;bottom:50px;left:50%;transform:translate(-50%)}.world-map>button{color:#174b61;cursor:pointer;z-index:1;background:#fff;border:3px solid #fff;border-radius:28px;place-items:center;min-height:142px;padding:16px;display:grid;position:relative;box-shadow:0 8px #9acfc4}.world-map>button:disabled{filter:grayscale(.65);opacity:.64;cursor:not-allowed}.world-map>button.complete{border-color:#ffcf57}.map-icon{font-size:43px}.world-map b{font-size:18px}.world-map small,.map-status{color:#66828d;font-size:12px}.stars{color:#d3dfdf;gap:2px;display:inline-flex}.stars .won{color:#ffbd2e;text-shadow:0 2px #d68715}.play-shell{max-width:860px}.level-progress{text-align:center;color:#52707f;gap:6px;font-size:13px;font-weight:800;display:grid}.level-progress>div{background:#cee7e2;border:2px solid #b7dcd5;border-radius:10px;width:min(360px,38vw);height:12px;overflow:hidden}.level-progress i{background:linear-gradient(90deg,#20a386,#68cfae);height:100%;transition:width .3s;display:block}.play-card{text-align:center;background:#fff;border:2px solid #c6e4df;border-radius:34px;padding:clamp(24px,5vw,46px);box-shadow:0 16px 50px #176b8717}.play-card.is-correct{animation:.45s happy}.level-badge{color:#16755f;background:#e6f7f3;border-radius:999px;padding:7px 13px;font-weight:900;display:inline-block}.equation{color:#214e62;justify-content:center;align-items:center;gap:18px;margin:40px 0 22px;font-size:clamp(45px,9vw,75px);display:flex}.equation i,.question-mark{color:#e45f55;background:#fff0ec;border:3px dashed #ff9c8c;border-radius:18px;min-width:86px;padding:0 10px;font-style:normal}.word-question{color:#244e61;margin:40px 0 26px;font-size:clamp(30px,6vw,50px)}.listen-label{color:#507383;margin:34px 0 12px;font-weight:800}.mini-groups{justify-content:center;align-items:center;gap:14px;font-size:clamp(24px,5vw,38px);font-weight:900;display:flex}.mini-groups span{background:#e5f5f0;border-radius:15px;padding:14px}.mini-groups .unknown{color:#e45f55;background:#fff0ec;border:3px dashed #ff9c8c}.answer-display{color:#15536c;background:#f3faf8;border:3px solid #9dd5c9;border-radius:20px;place-items:center;width:130px;min-height:76px;margin:16px auto 7px;font-size:43px;font-weight:900;display:grid}.feedback{color:#69818d;height:28px;margin:8px;font-weight:900}.feedback.show{color:#178169}.keypad{grid-template-columns:repeat(6,1fr);gap:10px;max-width:650px;margin:22px auto;display:grid}.keypad button{color:#174b61;cursor:pointer;background:#fff;border:2px solid #c9dfdc;border-radius:16px;min-height:62px;font-size:26px;font-weight:900;box-shadow:0 4px #c9dfdc}.keypad button:active{transform:translateY(3px);box-shadow:0 1px #c9dfdc}.keypad .erase{color:#916817;background:#fff3d7}.keypad .confirm{background:var(--island-teal);color:#fff;border-color:#16846d;box-shadow:0 4px #11705d}.keypad button:disabled{opacity:.48}.tip-button{color:#795a07;cursor:pointer;background:#fff8da;border:2px solid #f0c95e;border-radius:14px;padding:11px 18px;font-weight:900}.tip-button.suggest{animation:1.2s infinite pulse}.block-tip{background:#f6fbfa;border:2px solid #cce7e2;border-radius:22px;max-width:670px;margin:24px auto 0;padding:20px}.block-label{text-transform:uppercase;letter-spacing:1px;color:#577886;font-size:12px;font-weight:900}.blocks{grid-template-columns:repeat(10,34px);justify-content:center;gap:7px;min-height:38px;margin:6px 0;display:grid}.math-block{color:#fff;background:#3ba9c3;border-radius:8px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.known-blocks .math-block{background:#347eaf}.math-block.outline{color:#c28d16;background:#fff;border:3px dashed #e1ac32}.math-block.revealed{background:#f0b934}.tip-arrow{color:#78a9a0;font-size:22px}.split-groups{grid-template-columns:1fr 1fr;gap:34px;display:grid}.result-card{text-align:center;background:#fff;border:2px solid #c6e4df;border-radius:38px;max-width:680px;margin:40px auto;padding:50px;box-shadow:0 18px 50px #176b8718}.result-burst{font-size:80px;animation:.6s happy}.result-card>.stars{font-size:47px}.result-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0;display:grid}.result-stats div{background:#f2faf8;border-radius:18px;padding:18px}.result-stats strong,.result-stats span{display:block}.result-stats strong{color:#176b87;font-size:27px}.result-stats span{color:#66818e;font-size:13px}@keyframes happy{50%{transform:scale(1.025)rotate(1deg)}}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 7px #ffd65d35}}@media (width<=800px){header nav{flex-wrap:wrap;justify-content:flex-end}.game-home{grid-template-columns:130px 1fr}.game-home .island-scene{grid-column:1/-1}.avatar{width:125px;height:125px;font-size:68px}.level-grid{grid-template-columns:1fr 1fr}.world-map{gap:24px 80px}.keypad{grid-template-columns:repeat(4,1fr)}}@media (width<=540px){header nav a:nth-last-child(-n+2){display:none}.game-shell{padding:14px 12px 50px}.game-top{margin-bottom:20px}.game-logo b{display:none}.round-button{width:43px;height:43px}.coin-pill{padding:7px 11px;font-size:15px}.game-home{text-align:center;min-height:0;padding:28px 20px;display:block}.avatar{margin:5px auto 32px}.game-home .island-scene{margin-top:20px;font-size:40px}.game-primary,.game-secondary{width:100%;margin:10px 0}.level-grid{grid-template-columns:1fr 1fr;gap:11px}.level-grid>button{border-radius:20px;padding:18px 13px}.level-grid span{font-size:37px}.level-grid strong{font-size:23px}.world-map{grid-template-columns:1fr 1fr;gap:20px 28px;padding:20px 16px}.world-map>button{min-height:125px}.map-icon{font-size:35px}.play-card{border-radius:25px;padding:22px 13px}.equation{gap:10px;margin:28px 0 18px}.equation i{min-width:62px}.keypad{grid-template-columns:repeat(4,1fr);gap:8px}.keypad button{min-height:57px}.split-groups{grid-template-columns:1fr;gap:15px}.blocks{grid-template-columns:repeat(10,25px);gap:4px}.math-block{width:25px;height:25px}.result-card{padding:34px 18px}.result-stats{gap:6px}.result-stats div{padding:13px 6px}}.creature-image{isolation:isolate;flex:none;place-items:center;display:grid}.creature-image img{object-fit:contain;filter:drop-shadow(0 12px 9px #14566b35);width:100%;height:100%;display:block}.creature-small{width:74px;height:74px}.creature-medium{width:150px;height:150px}.creature-large{width:min(300px,70vw);height:min(300px,70vw)}.creature-fallback{color:#de9d15;background:#fff2b9;border-radius:50%;place-items:center;width:80%;height:80%;font-size:70px;display:grid}.creature-image.silhouette img{filter:brightness(0)saturate()opacity(.65)drop-shadow(0 8px 8px #124e6040)}.creature-celebrate{animation:.7s cubic-bezier(.2,1.5,.5,1) creature-pop}.new-home{background:linear-gradient(135deg,#fff 0 43%,#dff8f5 70%,#c6f0ee);grid-template-columns:minmax(220px,.75fr) minmax(280px,.9fr) minmax(300px,1fr);padding:clamp(24px,4vw,48px)}.hero-avatar-zone{text-align:center}.home-avatar{color:#176b87;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:900}.home-avatar span{background:#fff;border-radius:999px;padding:9px 18px;display:inline-block;box-shadow:0 5px 18px #15536c20}.creature-home .creature-image{transition:transform .2s}.creature-home:hover .creature-image{transform:translateY(-6px)}.hero-copy .game-primary,.hero-copy .game-secondary,.shop-home-button{width:100%;margin:12px 0;display:block}.shop-home-button{color:#76540a;cursor:pointer;background:#fff6d7;border:2px solid #efbf45;border-radius:16px;min-height:56px;font-size:17px;font-weight:900}.collection-count{color:#317083;background:#fff;border-radius:12px;margin:15px 0;padding:9px 13px;font-size:13px;font-weight:800}.home-route{gap:14px;display:grid;position:relative}.route-path{border-left:6px dashed #fff;position:absolute;top:30px;bottom:35px;left:50%;transform:translate(-50%)}.home-route button{text-align:left;color:#285e70;cursor:pointer;background:#f8fffe;border:3px solid #fff;border-radius:22px;grid-template-columns:55px 1fr;align-items:center;padding:9px 13px;display:grid;position:relative;box-shadow:0 6px #a7d9d1}.home-route button:nth-of-type(2n){transform:translate(24px)}.home-route button>span{color:#fff;background:#2ba991;border-radius:50%;grid-row:1/3;place-items:center;width:48px;height:48px;font-size:23px;font-weight:900;display:grid}.home-route button small{font-size:11px}.home-route button:disabled{filter:grayscale();opacity:.6}.route-chest{text-align:center;color:#e5a81d;font-size:40px;position:relative}.route-chest span{background:#ffd562;border:4px solid #fff;border-radius:14px;place-items:center;width:65px;height:55px;display:inline-grid}.play-profile,.map-avatar{align-items:center;gap:8px;display:flex}.map-avatar{color:#176b87;cursor:pointer;background:#fff;border:0;border-radius:16px;margin-left:auto;padding:5px 12px 5px 6px;font-weight:900}.map-avatar span{font-size:12px}.creature-map>button{padding-top:8px}.map-compass{color:#e2a629;font-size:42px}.creature-map .creature-small{height:64px}.creature-map .map-status{font-weight:800}.encounter-card{text-align:center;background:radial-gradient(circle at 50% 42%,#fff 0 25%,#e3f8f5 65%,#caedeb);border:2px solid #b7ded8;border-radius:38px;max-width:720px;margin:20px auto;padding:28px clamp(20px,6vw,65px) 45px;box-shadow:0 18px 55px #165c731c}.encounter-card>.round-button{position:absolute}.encounter-card h1{color:#15536c;margin:8px 0;font-size:clamp(32px,6vw,54px)}.encounter-card p:not(.island-kicker){color:#557381;font-size:18px}.encounter-card .creature-image{margin:0 auto}.search-crystal{color:#e6a51a;background:#fff1a7;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 8px;font-size:28px;display:grid;box-shadow:0 0 0 8px #fff8d970}.collection-page .game-heading>div:nth-child(2){flex:1}.collection-page .game-heading h1{margin-top:5px}.collection-progress{background:#d3eae6;border-radius:999px;height:14px;margin:-15px 0 28px;overflow:hidden}.collection-progress i{border-radius:inherit;background:linear-gradient(90deg,#22aa90,#68d3bb,#ffd05c);height:100%;display:block}.creature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.creature-card{color:#174b61;cursor:pointer;background:linear-gradient(#fff,#effbf8);border:2px solid #bce0d9;border-radius:28px;flex-direction:column;align-items:center;min-height:285px;padding:16px;display:flex;position:relative;box-shadow:0 7px #bce0d9}.creature-card:hover{transform:translateY(-4px);box-shadow:0 11px #bce0d9}.creature-card .creature-image{width:155px;height:155px}.creature-card strong{font-size:21px}.creature-card small{color:#67818d;margin:4px 0}.creature-card em{color:#187965;background:#dcf5ee;border-radius:999px;padding:4px 9px;font-size:11px;font-style:normal;font-weight:900}.creature-card.locked{color:#718488;background:#eef4f3}.collection-number{color:#5f7c88;font-size:12px;font-weight:900;position:absolute;top:13px;left:14px}.creature-modal-bg{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b394c99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.creature-modal{text-align:center;background:#fff;border-radius:32px;width:min(590px,100%);max-height:92vh;padding:28px clamp(22px,5vw,45px);position:relative;overflow:auto;box-shadow:0 25px 80px #06263570}.creature-modal .close{color:#176b87;cursor:pointer;background:#eef7f5;border:0;border-radius:50%;width:42px;height:42px;font-size:28px;position:absolute;top:14px;right:18px}.creature-modal .creature-image{margin:0 auto}.creature-modal h2{color:#15536c;margin:8px;font-size:36px}.creature-modal dl{text-align:left;background:#f1faf8;border-radius:17px;grid-template-columns:1fr 1fr;gap:8px;padding:15px;display:grid}.creature-modal dt{color:#567481;font-weight:900}.creature-modal dd{color:#184f62;margin:0}.element{color:#fff;text-transform:capitalize;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900;display:inline-block}.element-water{background:#31aecd}.element-vuur{background:#ee7440}.element-natuur{background:#6b9f3c}.element-lucht{background:#9674db}.element-kristal{background:#d39e28}.creature-actions{justify-content:center;gap:10px;display:flex}.reward-banner{color:#73550c;background:#fff5c9;border:2px solid #edc759;border-radius:16px;gap:3px;max-width:380px;margin:18px auto;padding:12px;display:grid}.reward-banner small{font-weight:700}.discovery-result{background:radial-gradient(circle at 50% 35%,#fff 0,#eefaf7 55%,#fff6d0)}.discovery-result .creature-image{margin:0 auto}.discovery-result h1{margin:5px;font-size:48px}@keyframes creature-pop{0%{opacity:0;transform:scale(.35)rotate(-8deg)}65%{opacity:1;transform:scale(1.1)rotate(3deg)}to{transform:scale(1)rotate(0)}}@media (width<=850px){.new-home{grid-template-columns:190px 1fr}.hero-world{grid-column:1/-1}.home-route{grid-template-columns:repeat(4,1fr)}.route-path{border-top:6px dashed #fff;border-left:0;inset:50% 6% auto;transform:none}.home-route button,.home-route button:nth-of-type(2n){text-align:center;flex-direction:column;display:flex;transform:none}.creature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.new-home{display:block}.hero-avatar-zone .creature-large{width:190px;height:190px;margin:auto}.hero-world{margin-top:28px}.home-route{grid-template-columns:repeat(2,1fr)}.route-path{display:none}.creature-grid{grid-template-columns:repeat(2,1fr);gap:10px}.creature-card{min-height:225px;padding:10px 6px}.creature-card .creature-image{width:105px;height:120px}.creature-card strong{font-size:16px}.collection-page .game-heading>.creature-image{display:none}.encounter-card{border-radius:25px}.encounter-card>.round-button{position:static}.play-profile .creature-image,.map-avatar span{display:none}.creature-actions{display:block}.creature-modal .creature-large{width:210px;height:210px}}.level-map-shell{max-width:1500px}.level-one-layout{background:#fff;border:2px solid #c5e7e3;border-radius:34px;grid-template-columns:minmax(260px,28%) 1fr;min-height:710px;display:grid;overflow:hidden;box-shadow:0 18px 55px #15536c1c}.level-side{z-index:2;background:linear-gradient(145deg,#fff,#eaf9f7);flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(25px,4vw,50px) clamp(20px,3vw,38px);display:flex;position:relative;box-shadow:12px 0 30px #15536c15}.level-side h1{color:#164e66;margin:8px 0;font-size:clamp(38px,4vw,58px);line-height:1}.level-side h2{color:#16809a;margin:0 0 25px;font-size:22px}.level-side strong{color:#245a6d;font-size:14px;display:block}.level-side small{color:#517584;margin-top:10px;font-weight:800;display:block}.level-map-progress{background:#dcebe9;border:3px solid #fff;border-radius:999px;height:18px;margin-top:12px;position:relative;overflow:visible;box-shadow:0 2px 7px #15536c20}.level-map-progress>i{border-radius:inherit;background:linear-gradient(90deg,#22ae9b,#42c9b2);height:100%;transition:width .35s;display:block}.level-map-progress>span{background:#fff9;width:3px;height:16px;position:absolute;top:-2px;transform:translate(-2px)}.side-companion{text-align:center;place-items:center;display:grid}.side-companion .creature-image{position:relative}.side-companion .creature-image:after{content:"";z-index:-1;background:#79bb58;border-radius:50%;height:35px;position:absolute;bottom:5px;left:5%;right:5%;box-shadow:0 8px #d2b66d,0 12px 16px #15536c30}.side-companion b,.side-companion span{display:block}.side-companion b{color:#185870;font-size:20px}.side-companion span{color:#66818e;font-size:12px}.level-side .game-primary,.level-side .game-secondary{width:100%;margin:8px 0}.map-column{background:#7fdde9;min-width:0;position:relative}.jump-current{z-index:8;color:#fff;cursor:pointer;background:#176b87;border:2px solid #fff;border-radius:999px;padding:10px 16px;font-weight:900;position:absolute;bottom:18px;right:18px;box-shadow:0 5px 15px #15536c45}.level-map-scroll{scroll-behavior:smooth;height:100%;overflow:auto}.level-map-canvas{background-image:linear-gradient(#43bdd610,#43bdd610),url(/assets/rekeneiland-ocean.png);background-position:50%;background-size:cover;width:100%;min-width:960px;height:710px;position:relative}.level-map-canvas:after{content:"";pointer-events:none;background:radial-gradient(circle at 25% 38%,#3fcbd020,#0000 18%),radial-gradient(circle at 55% 25%,#ff914b24,#0000 18%),radial-gradient(circle at 84% 42%,#71b74428,#0000 19%),radial-gradient(circle at 65% 78%,#a17be12b,#0000 18%),radial-gradient(circle at 22% 80%,#ffd64b28,#0000 20%);position:absolute;inset:0}.adventure-path{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.adventure-path path{fill:none;stroke:#fff;stroke-width:1.15px;stroke-dasharray:2.2 1.5;stroke-linecap:round;filter:drop-shadow(0 2px 2px #176b8780)}.map-legend{z-index:7;color:#2a6576;background:#fffffff0;border:2px solid #fff;border-radius:16px;gap:9px;padding:10px 14px;font-size:12px;font-weight:900;display:grid;position:absolute;top:15px;right:15px;box-shadow:0 5px 15px #15536c25}.map-legend span{align-items:center;gap:8px;display:flex}.map-legend i{background:#628d82;border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #89aaa1}.map-legend i.gold{background:#8a6c20;box-shadow:0 0 0 3px #ffd84f}.exercise-wrap{z-index:3;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.exercise-node{color:#fff;cursor:pointer;background:#658b82;border:5px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:23px;font-weight:900;display:grid;position:relative;box-shadow:0 5px 10px #15536c55}.exercise-node:focus-visible{outline-offset:5px;outline:5px solid #092f42}.exercise-node.voltooid{background:#18a998}.exercise-node.voltooid b{background:#18a998;border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid;position:absolute;top:-12px;right:-10px}.exercise-node.huidig{background:#16ae9e;animation:2s ease-in-out infinite current-glow;box-shadow:0 0 0 8px #fff,0 0 0 13px #ffd94e,0 0 25px 18px #fff27d80}.exercise-node:disabled{opacity:.78;filter:saturate(.65);cursor:not-allowed}.exercise-wrap>em{white-space:nowrap;color:#246376;background:#ffffffe8;border-radius:999px;padding:4px 9px;font-size:11px;font-style:normal;font-weight:900;position:absolute;top:66px;box-shadow:0 3px 8px #15536c25}.exercise-wrap.milestone>.creature-image{width:92px;height:92px;position:absolute;bottom:-25px;left:66px}.exercise-wrap.milestone .exercise-node{background:#785d18;border-color:#fff7c0;width:80px;height:80px;box-shadow:0 0 0 5px #f6ca31,0 0 22px 9px #fff06d90}.exercise-wrap.milestone>em{color:#6e5716;background:#fff9d8;top:88px}.exercise-wrap.area-water .exercise-node{--area:#31baca}.exercise-wrap.area-vuur .exercise-node{--area:#f08043}.exercise-wrap.area-natuur .exercise-node{--area:#72a944}.exercise-wrap.area-lucht .exercise-node{--area:#9b78dc}.exercise-wrap.area-kristal .exercise-node{--area:#d9a82d}.exercise-wrap:not(.milestone) .exercise-node.voltooid{background:var(--area)}@keyframes current-glow{50%{filter:brightness(1.1);transform:scale(1.06)}}@media (width<=900px){.level-one-layout{grid-template-columns:1fr;overflow:visible}.level-side{grid-template-columns:1fr 180px 220px;align-items:center;padding:20px;display:grid}.level-side h1{font-size:38px}.level-side h2{margin-bottom:12px}.side-companion .creature-medium{width:120px;height:120px}.map-column,.level-map-scroll,.level-map-canvas{height:650px}.level-map-scroll:after{content:"Veeg om de route te bekijken →";color:#fff;background:#174e66d9;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;position:sticky;bottom:12px;left:15px}}@media (width<=620px){.level-map-shell .game-top{margin-bottom:14px}.level-one-layout{border-radius:22px}.level-side{grid-template-columns:1fr 105px;gap:12px}.level-side>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.level-side .game-primary,.level-side .game-secondary{min-height:48px;margin:0;padding:8px;font-size:14px}.side-companion .creature-medium{width:90px;height:90px}.side-companion b{font-size:14px}.map-column,.level-map-scroll{height:570px}.level-map-canvas{min-width:930px;height:570px}.map-legend{width:max-content;position:sticky;left:10px;right:auto}.jump-current{bottom:12px;right:12px}.exercise-node{min-width:58px;min-height:58px}}@media (prefers-reduced-motion:reduce){.exercise-node.huidig,.creature-celebrate,.tip-button.suggest{animation:none!important}.level-map-scroll{scroll-behavior:auto}}.level-map-canvas{background-position:top;min-width:1080px}.chapter-island{z-index:0;background:linear-gradient(#8bd45e 0 47%,#f2d486 49% 72%,#59cbda 74%);border-radius:48% 52% 45% 55%/58% 45% 55% 42%;width:34%;height:15%;position:absolute;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 13px #34aec075,0 18px 25px #12677d38}.chapter-island:before,.chapter-island:after{content:"";background:#72bf50;border-radius:50%;position:absolute;box-shadow:22px 4px #8ad061,42px -3px #68b849}.chapter-island:before{width:27px;height:16px;top:30%;left:18%}.chapter-island:after{width:18px;height:12px;bottom:24%;right:20%}.chapter-island b{white-space:nowrap;color:#215f72;background:#ffffffea;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;top:-27px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #15536c25}.chapter-island>span{font-size:19px;position:absolute;top:15%;right:12%}.chapter-vuur{background:linear-gradient(#d99547 0 44%,#f4d080 47% 72%,#59cbda 74%)}.chapter-vuur:before,.chapter-vuur:after{background:#efa64a;box-shadow:22px 4px #f2bb57,42px -3px #d77d3e}.chapter-natuur{background:linear-gradient(#69b94d 0 48%,#ddb96c 50% 72%,#59cbda 74%)}.chapter-lucht{background:linear-gradient(#a5d9e9 0 42%,#d6edee 45% 62%,#59cbda 75%);box-shadow:0 8px #ffffff8f,0 18px 25px #12677d38}.chapter-lucht:before,.chapter-lucht:after{background:#fff;box-shadow:22px 4px #eefbff,42px -3px #fff}.chapter-kristal{background:linear-gradient(#7fc6a5 0 43%,#f2d486 47% 72%,#59cbda 74%)}.chapter-kristal:before,.chapter-kristal:after{background:#55d4d5;border-radius:3px;transform:rotate(45deg);box-shadow:22px 4px #ffd85b,42px -3px #67dbe0}.adventure-path{z-index:1}.adventure-path path{stroke-width:1.25px;stroke-dasharray:2.1 1.25}.adventure-path .path-shadow{stroke:#176b8790;stroke-width:2.4px;stroke-dasharray:none;filter:none}.exercise-wrap{z-index:4}.exercise-node{color:#486d73;background:#fff;border-width:5px;width:62px;height:62px;box-shadow:0 0 0 3px #789a94,0 7px 12px #15536c50}.exercise-node.beschikbaar{color:#275f6d;background:#fff}.exercise-node.vergrendeld{color:#72827f;background:#dce5e2;box-shadow:0 0 0 3px #9bada8,0 5px 9px #15536c35}.exercise-node.voltooid{color:#fff;box-shadow:0 0 0 3px #167f74,0 7px 12px #15536c50}.exercise-node.huidig{box-shadow:0 0 0 5px #fff,0 0 0 10px #ffd74d,0 0 27px 16px #fff17a85}.node-status{white-space:nowrap;color:#2c6474;background:#fffffff2;border:2px solid #fff;border-radius:12px;align-items:center;gap:5px;min-height:25px;padding:3px 8px;font-size:10px;font-weight:900;display:flex;position:absolute;top:72px;box-shadow:0 4px 9px #15536c28}.node-status i{color:#607c84;font-style:normal}.exercise-wrap:not(.milestone) .node-status span{align-items:center;gap:4px;display:flex}.exercise-wrap:not(.milestone) .node-status span[aria-label]{color:#e4a91f}.exercise-wrap.milestone>.creature-image{z-index:3;filter:none;width:78px;height:78px;bottom:1px;left:64px}.exercise-wrap.milestone:nth-of-type(18)>.creature-image{left:-94px}.exercise-wrap.milestone .exercise-node{border-color:#fff5bc;width:82px;height:82px;box-shadow:0 0 0 5px #f5c832,0 0 22px 9px #fff06d80}.exercise-wrap.milestone .exercise-node>span>.creature-image{width:65px;height:65px}.paw-mark{color:#fff4b0;border-radius:50%;place-items:center;width:55px;height:55px;font-size:30px;font-style:normal;display:grid}.exercise-wrap.milestone .node-status{grid-template-columns:auto 1fr;gap:6px;display:grid;top:94px}.exercise-wrap.milestone .node-status strong{color:#fff;background:#806418;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.jump-current{border:4px solid #fff;padding:11px 18px;bottom:28px;right:28px}.map-legend{z-index:8}@media (width<=620px){.level-map-canvas{min-width:1040px}.jump-current{bottom:20px;right:20px}.chapter-island{width:32%}.map-legend{top:12px}.exercise-wrap.milestone>.creature-image{width:70px;height:70px}}.block-tip{background:#f8fcfb;border-color:#c4e3dd;border-radius:24px;padding:0 20px 22px;overflow:hidden}.tip-title{color:#315f70;background:#e4f5f1;justify-content:space-between;align-items:center;gap:14px;margin:0 -20px 20px;padding:15px 20px;display:flex}.tip-title span{font-size:13px;font-weight:900}.tip-title strong{color:#174f65;background:#fff;border-radius:11px;padding:5px 12px;font-size:21px}.block-label{margin-bottom:10px}.total-group{background:#fff;border:2px solid #9dd5ca;border-radius:18px;padding:16px}.blocks{flex-wrap:wrap;justify-content:center;gap:7px;max-width:403px;min-height:38px;margin:0 auto;display:flex}.math-block{border:3px solid #258ca6;width:34px;height:34px}.math-block i{background:#fff;border-radius:50%;width:8px;height:8px;display:block}.known-blocks .math-block{border-color:#246b99}.math-block.outline{background:#fffaf0;border:3px dashed #dda72c}.math-block.outline i{opacity:.3;background:#dda72c}.math-block.revealed{border-color:#d49718}.zero-set{color:#436d79;background:#eaf4f2;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.unknown-zero{color:#bd8511;background:#fff8e7;border:3px dashed #dda72c}.tip-split{color:#69a99d;justify-content:space-around;height:40px;padding:0 16%;font-size:29px;font-weight:900;display:flex}.group-card{border-radius:18px;min-height:105px;padding:15px 12px}.known-card{background:#edf6fb;border:2px solid #acd3e7}.missing-card{background:#fffaf0;border:2px dashed #e3b54a}.split-groups{gap:18px}@media (width<=540px){.block-tip{padding:0 10px 14px}.tip-title{flex-direction:column;align-items:flex-start;margin:0 -10px 15px;padding:12px 10px}.tip-title strong{font-size:19px}.split-groups{grid-template-columns:1fr;gap:10px}.tip-split{height:34px}.tip-split span:last-child{display:none}.blocks{gap:4px;max-width:286px}.math-block{border-width:2px;width:25px;height:25px}.math-block i{width:6px;height:6px}}.avatar-stage{--avatar-size:220px;width:var(--avatar-size);height:var(--avatar-size);isolation:isolate;border-radius:30px;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-small{--avatar-size:58px;border-radius:17px}.avatar-medium{--avatar-size:155px}.avatar-large{--avatar-size:220px}.avatar-bg{font-size:calc(var(--avatar-size)*.88);z-index:-3;filter:saturate(.8);background:linear-gradient(#c9f0f2,#f8e5a8);place-items:center;display:grid;position:absolute;inset:0}.avatar-person{font-size:calc(var(--avatar-size)*.46);transform:translateY(calc(var(--avatar-size)*-.015));z-index:2}.avatar-layer{place-items:center;line-height:1;display:grid;position:absolute}.avatar-effect{font-size:calc(var(--avatar-size)*.8);z-index:-1;inset:0}.avatar-pet{font-size:calc(var(--avatar-size)*.22);z-index:8;bottom:8%;right:4%}.avatar-back{font-size:calc(var(--avatar-size)*.27);z-index:1;top:43%;left:15%}.avatar-top{font-size:calc(var(--avatar-size)*.27);z-index:3;top:54%}.avatar-shoes{font-size:calc(var(--avatar-size)*.2);z-index:5;bottom:5%}.avatar-hair{font-size:calc(var(--avatar-size)*.24);z-index:4;top:17%}.avatar-face{font-size:calc(var(--avatar-size)*.2);z-index:6;top:36%}.avatar-head{font-size:calc(var(--avatar-size)*.25);z-index:7;top:9%}.avatar-hand{font-size:calc(var(--avatar-size)*.2);z-index:7;top:53%;right:12%}.avatar-celebrate{animation:.55s avatar-hop}.home-avatar,.map-avatar{cursor:pointer;color:#176b87;background:0 0;border:0;font-weight:900}.home-avatar{place-items:center;gap:8px;display:grid}.home-avatar .avatar-stage{border:6px solid #fff;box-shadow:0 9px #a5d6cc}.shop-home-button{color:#70520c;cursor:pointer;background:#fff8d9;border:2px solid #e5b733;border-radius:15px;min-height:50px;margin-top:12px;padding:10px 20px;font-weight:900;display:block}.map-avatar{align-items:center;gap:8px;margin-left:auto;display:flex}.play-profile{justify-self:end;align-items:center;gap:8px;display:flex}.play-profile .avatar-stage{border:2px solid #fff;box-shadow:0 3px #a5d6cc}.reward-banner{text-align:left;background:#fff5ca;border:2px solid #e8bd3e;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;max-width:390px;margin:20px auto;padding:12px 18px;display:grid}.reward-banner>span{grid-row:1/3;font-size:40px}.reward-banner small{color:#765b19}.shop-hero{background:linear-gradient(135deg,#fff,#e1f5ef);border:2px solid #c5e5de;border-radius:32px;grid-template-columns:1fr auto auto;align-items:center;gap:34px;padding:28px 36px;display:grid}.shop-hero h1{color:#15536c;margin:6px 0;font-size:clamp(34px,5vw,55px);line-height:1}.shop-hero p:not(.island-kicker){color:#587684}.shop-actions{gap:9px;display:flex}.shop-actions button{margin:8px 0}.shop-filters,.inventory-filters{gap:9px;padding:22px 2px 12px;display:flex;overflow:auto}.shop-filters button,.inventory-filters button{color:#315e70;cursor:pointer;background:#fff;border:2px solid #c9e2dd;border-radius:15px;flex:none;min-height:48px;padding:9px 14px;font-weight:900}.shop-filters button span{font-size:22px;display:block}.shop-filters button.active,.inventory-filters button.active{color:#fff;background:#176b87;border-color:#176b87}.affordable{color:#486b79;align-items:center;gap:8px;margin:3px 0 18px;font-weight:800;display:flex}.affordable input{width:21px;height:21px}.shop-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.shop-item{background:#fff;border:2px solid #d4e5e2;border-radius:22px;gap:10px;padding:12px;display:grid;position:relative;box-shadow:0 5px #d4e5e2}.shop-item.rarity-bijzonder{border-color:#90d4c3}.shop-item.rarity-zeldzaam{border-color:#89bddd}.shop-item.rarity-speciaal{background:#fffdf6;border-color:#dbb166}.item-preview{cursor:pointer;background:#edf8f5;border:0;border-radius:16px;min-height:125px;position:relative}.item-preview span{font-size:64px}.item-preview i{border:3px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:9px;right:9px}.item-info{display:grid}.item-info small{color:#708690;font-size:11px}.item-info strong{color:#1a4e63;min-height:44px}.item-info>span{color:#19745f;font-size:13px;font-weight:900}.item-button{color:#fff;cursor:pointer;background:#176b87;border:0;border-radius:13px;min-height:45px;font-weight:900}.shop-modal-bg{z-index:30;background:#102d42b5;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.shop-modal{text-align:center;background:#fff;border-radius:30px;width:min(520px,100%);max-height:95vh;padding:24px;position:relative;overflow:auto}.shop-modal>.avatar-stage{margin:auto}.shop-modal h2{color:#174f65;margin:4px;font-size:31px}.preview-price{color:#8a6410;font-weight:900}.preview-price small{color:#607985;display:block}.modal-buy-actions{justify-content:center;gap:9px;display:flex}.modal-buy-actions button{margin:8px 0}.saving-message,.shop-message{color:#765810;background:#fff5cf;border-radius:12px;padding:10px;font-weight:800}.shop-message{color:#18735f;background:#e7f7f1}.confirm-box{background:#f2f8f7;border-radius:16px;gap:8px;margin-top:12px;padding:15px;display:grid}.confirm-box button{color:#fff;cursor:pointer;background:#176b87;border:0;border-radius:12px;min-height:44px;font-weight:900}.confirm-box button:last-child{color:#315e70;background:#fff;border:2px solid #bddbd5}.wardrobe-page .game-heading{grid-template-columns:auto 1fr auto;display:grid}.wardrobe-layout{grid-template-columns:290px 1fr;gap:24px;display:grid}.wardrobe-layout>aside{text-align:center;background:#fff;border:2px solid #cbe4df;border-radius:28px;height:max-content;padding:22px}.wardrobe-layout aside .avatar-stage{margin:auto}.wardrobe-layout aside button{width:100%;margin:8px 0}.worn-list{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.worn-list>span{background:#edf7f5;border-radius:10px;place-items:center;padding:7px;font-size:22px;display:grid}.worn-list small{max-width:60px;font-size:9px}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.inventory-grid article{text-align:center;background:#fff;border:2px solid #d4e5e2;border-radius:18px;gap:5px;padding:13px;display:grid}.inventory-grid article>span{font-size:48px}.inventory-grid small{color:#73878f}.inventory-grid button{color:#fff;cursor:pointer;background:#1a8c73;border:0;border-radius:11px;min-height:44px;font-weight:900}@keyframes avatar-hop{40%{transform:translateY(-9px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.avatar-celebrate,.play-card.is-correct,.result-burst,.tip-button.suggest{animation:none!important}*{scroll-behavior:auto!important}}@media (width<=850px){.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-hero{grid-template-columns:1fr auto}.shop-hero>.coin-pill{position:absolute;top:26px;right:28px}.wardrobe-layout{grid-template-columns:230px 1fr}.inventory-grid{grid-template-columns:1fr 1fr}}@media (width<=580px){.play-profile .coin-pill{display:none}.shop-hero{text-align:center;flex-direction:column;padding:25px 16px;display:flex}.shop-hero>.coin-pill{position:static}.shop-actions{flex-direction:column}.shop-grid{grid-template-columns:1fr 1fr;gap:9px}.shop-item{padding:8px}.item-preview{min-height:100px}.item-preview span{font-size:50px}.wardrobe-page .game-heading{grid-template-columns:auto 1fr}.wardrobe-page .game-heading>.coin-pill{grid-column:2}.wardrobe-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr 1fr}.modal-buy-actions{flex-direction:column}.map-avatar span{display:none}}body:has(.game-shell){background:radial-gradient(circle at 50% 0,#f8ffff 0,#e8f8f5 58%,#d6f2ee 100%)}.game-shell{--navy:#073b5c;--teal:#13a892;--teal-dark:#0b8978;--mint:#e8f8f5;--ocean:#57cde1;--coral:#f26b5b;--sun:#f7b928;--cream:#fff8e7;color:var(--navy);max-width:1500px}.game-top{height:62px}.round-button{color:var(--navy);background:#fff;border:1px solid #dcebea;box-shadow:0 5px 10px #19556d22}.game-logo{color:var(--navy);font-size:25px}.compass-mark{color:#f26b5b;background:radial-gradient(circle,#fff 28%,#e7f3f1 29% 50%,#f7b928 51% 62%,#b77d0d 63%);border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;box-shadow:0 3px 7px #173f5025;display:grid!important}.coin-pill{background:var(--cream);color:#77550a;border:0;font-size:20px;box-shadow:0 5px 12px #53401024}.new-home{background:#dff5f3;border:2px solid #fff;border-radius:38px;grid-template-columns:31% 31% 38%;gap:0;min-height:730px;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 60px #13657e25}.new-home:before{content:"";opacity:.96;background:url(/assets/rekeneiland-ocean.png) 50%/cover no-repeat;position:absolute;inset:0}.new-home:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffc,#ffffffe3 27%,#ffffffed 47%,#fff0 70%);position:absolute;inset:0}.new-home>*{z-index:1;position:relative}.hero-avatar-zone{place-items:end center;height:100%;padding:70px 10px 38px;display:grid}.hero-avatar-zone:before{content:"";filter:drop-shadow(0 12px 8px #0c708b38);background:radial-gradient(#79c867 0 48%,#d6b761 49% 70%,#0000 71%);border-radius:50%;width:86%;height:90px;position:absolute;bottom:70px}.home-avatar{align-self:end}.home-avatar .avatar-stage{width:310px;height:460px;box-shadow:none;background:0 0;border:0;overflow:visible}.home-avatar>span{background:#fff;border:1px solid #cde6e3;border-radius:18px;min-width:170px;margin-top:-2px;padding:13px 20px;font-size:16px;position:relative;box-shadow:0 5px 10px #164f6729}.hero-copy{align-self:center;padding:40px 18px}.hero-copy h1{color:var(--navy);letter-spacing:-4px;margin:12px 0 23px;font-size:clamp(54px,5.6vw,86px);line-height:.94}.hero-copy>p:not(.island-kicker){color:#46677a;max-width:390px;font-size:20px}.hero-copy button{border-radius:18px;width:min(100%,325px);min-height:64px;margin:13px 0;font-size:20px;display:block}.hero-copy .game-primary{background:var(--teal);box-shadow:0 7px 0 var(--teal-dark)}.hero-copy .game-secondary{border:2px solid #20a9aa}.hero-copy .shop-home-button{background:var(--cream);border-color:var(--sun);color:#76530a}.hero-world{height:100%;min-height:700px}.home-route{width:100%;height:100%;position:relative}.route-path{filter:drop-shadow(0 2px 1px #22829c55);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600'%3E%3Cpath d='M190 20C100 80 245 140 135 210S260 330 125 400s70 100 25 160' fill='none' stroke='white' stroke-width='8' stroke-linecap='round' stroke-dasharray='15 17'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:12% 13% 10%}.home-route>button{color:#fff;cursor:pointer;z-index:2;background:#237c84;border:7px solid #fff;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:absolute;box-shadow:0 8px 15px #06485c45}.home-route>button>span{font-size:31px;font-weight:900}.home-route>button>.stars{white-space:nowrap;font-size:22px;position:absolute;top:78px}.home-route>button>small{color:#315c6d;background:#ffffffdf;border-radius:8px;width:110px;padding:4px;font-size:10px;font-weight:900;position:absolute;top:107px}.home-route>button:first-of-type{top:15%;left:45%}.home-route>button:nth-of-type(2){top:35%;left:22%}.home-route>button:nth-of-type(3){top:57%;left:50%}.home-route>button:nth-of-type(4){top:75%;left:20%}.home-route>button.current{outline:6px solid #f7b9289e;animation:2s ease-in-out infinite route-glow}.home-route>button.done:after{content:"✓";background:#13a892;border:3px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:-8px;right:-5px}.home-route>button:disabled{filter:grayscale();opacity:.72}.route-chest{background:linear-gradient(#d98c21 0 42%,#814714 43%);border:5px solid #f6bd3c;border-radius:14px;width:90px;height:67px;position:absolute;bottom:5%;right:8%;box-shadow:0 8px 15px #71451144}.route-chest span{color:#ffe17e;place-items:center;height:100%;font-size:34px;display:grid}.avatar-stage{background:0 0;border-radius:0;overflow:visible}.avatar-bg{display:none}.avatar-svg{filter:drop-shadow(0 12px 10px #08475c32);width:100%;height:100%;overflow:visible}.avatar-small .avatar-svg{filter:none}.vector-effect{z-index:-1;background:radial-gradient(circle,#fff0 35%,#f7b92888 70%,#fff0 71%);border-radius:50%;position:absolute;inset:12%}.fx-rainbow{background:conic-gradient(from 30deg,#f26b5b88,#f7b92888,#13a89288,#57cde188,#f26b5b88)}.stars-bg{background:radial-gradient(circle at 25% 25%,#fff 0 2px,#0000 3px),linear-gradient(#173d67,#493d78);border-radius:25px}.shop-modal .avatar-stage,.wardrobe-layout .avatar-stage,.shop-hero .avatar-stage{background:linear-gradient(#dff8f8,#fff7da);border-radius:26px;overflow:hidden}.play-profile .avatar-stage{background:#fff;border-radius:50%;overflow:hidden}.result-card .avatar-stage{margin:auto}.island-level-grid>button{text-align:center;background:linear-gradient(#d7f5f6 0 62%,#6bd0df 63%);min-height:300px;position:relative;overflow:hidden}.level-island{border-radius:50%;width:150px;height:80px;margin:10px auto 26px;box-shadow:0 18px #dec36f,0 24px #b49148;background:#76c657!important;display:block!important;position:relative!important}.level-island i{background:#87602b;border-radius:8px;width:13px;height:55px;position:absolute;bottom:22px;transform:rotate(8deg)}.level-island i:after{content:"";background:#41a756;border-radius:50%;width:55px;height:30px;position:absolute;top:-12px;left:-23px;box-shadow:-20px 6px #51b55c,20px 7px #36984c}.level-island i:first-child{left:45px}.level-island i:nth-child(2){right:39px;transform:scale(.75)rotate(-8deg)}.level-island i:nth-child(3){display:none}.island-level-grid strong{font-size:20px!important}.island-level-grid b{color:#073b5c;font-size:29px;display:block}.island-level-grid em{color:#fff;background:#13a892;border-radius:13px;margin-top:13px;padding:8px 14px;font-style:normal;display:inline-block}.island-level-grid u{background:#dcebe7;border-radius:8px;height:9px;margin-top:15px;text-decoration:none;display:block;overflow:hidden}.island-level-grid u i{background:#13a892;height:100%;display:block}@keyframes route-glow{50%{transform:scale(1.05);box-shadow:0 8px 24px #f7b928}}@media (prefers-reduced-motion:reduce){.home-route>button.current{animation:none}}@media (width<=1080px){.new-home{grid-template-columns:40% 60%;min-height:auto}.hero-avatar-zone{grid-row:1;padding-top:45px}.hero-copy{grid-row:1}.hero-world{background:url(/assets/rekeneiland-ocean.png) 50% 55%/cover;grid-column:1/-1;min-height:420px}.new-home:after{background:linear-gradient(90deg,#ffffffdc,#fffe 58%,#fff3)}.home-route>button:first-of-type{top:10%;left:18%}.home-route>button:nth-of-type(2){top:45%;left:34%}.home-route>button:nth-of-type(3){top:14%;left:58%}.home-route>button:nth-of-type(4){top:52%;left:74%}.route-path{transform:rotate(75deg)}.hero-avatar-zone:before{bottom:75px}.home-avatar .avatar-stage{width:280px;height:400px}.level-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.game-top{height:55px}.game-logo{font-size:19px}.compass-mark{width:36px;height:36px}.new-home{text-align:center;border-radius:27px;flex-direction:column;display:flex}.new-home:before{background-position:67%}.new-home:after{background:linear-gradient(#fffffff2 0 51%,#ffffff3d 70%,#fff0)}.hero-copy{order:1;padding:34px 20px 10px}.hero-copy h1{letter-spacing:-2px;font-size:51px}.hero-copy h1 br{display:none}.hero-copy>p:not(.island-kicker){font-size:17px}.hero-copy button{margin:10px auto}.hero-avatar-zone{order:2;padding:5px 10px 15px}.home-avatar .avatar-stage{width:255px;height:345px}.hero-avatar-zone:before{height:65px;bottom:53px}.hero-world{order:3;width:100%;min-height:560px}.home-route>button:first-of-type{top:7%;left:17%}.home-route>button:nth-of-type(2){top:29%;left:59%}.home-route>button:nth-of-type(3){top:52%;left:20%}.home-route>button:nth-of-type(4){top:72%;left:59%}.route-path{transform:none}.route-chest{bottom:3%}.island-level-grid{grid-template-columns:1fr}.island-level-grid>button{min-height:280px}}.avatar-raster{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 10px #08475c38);width:100%;height:100%;display:block}.avatar-svg,.avatar-layer,.avatar-person,.avatar-bg,.vector-effect{display:none!important}.hero-avatar-zone:before{filter:drop-shadow(0 10px 8px #07566d40);background:radial-gradient(at 50% 32%,#73c95e 0 36%,#5fa94e 37% 47%,#efd28b 48% 65%,#cfa95c 66% 70%,#0000 71%);width:78%;height:96px;bottom:54px}.hero-avatar-zone:after{content:"";pointer-events:none;background:radial-gradient(#fff5,#0000 65%);width:65%;height:50px;position:absolute;bottom:67px}.home-avatar .avatar-stage{width:330px;height:500px}.home-avatar>span{z-index:3}.shop-modal .avatar-stage,.wardrobe-layout .avatar-stage,.shop-hero .avatar-stage{background:linear-gradient(#dff8f8,#fff7da)}.avatar-small{overflow:hidden!important}.avatar-small .avatar-raster{object-position:center 20%;filter:none;width:105%;max-width:none;height:170%;transform:translateY(2%)}.item-preview .avatar-stage,.inventory-grid .avatar-stage{background:linear-gradient(#dff8f8,#fff7da);border-radius:14px;width:100%;height:120px;overflow:hidden!important}.item-preview .avatar-raster,.inventory-grid .avatar-raster{object-position:center 15%;filter:none;width:100%;height:100%;transform:none}.item-preview>span,.inventory-grid article>span{display:none}.result-card .avatar-medium{width:190px;height:260px}.wardrobe-layout aside .avatar-large,.shop-hero .avatar-large,.shop-modal .avatar-large{width:230px;height:320px}@media (width<=1080px){.home-avatar .avatar-stage{width:300px;height:445px}.hero-avatar-zone:before{bottom:61px}}@media (width<=650px){.home-avatar .avatar-stage{width:280px;height:405px}.hero-avatar-zone:before{width:250px;height:72px;bottom:47px}.hero-avatar-zone:after{bottom:55px}.home-avatar>span{margin-top:-6px}}.exercise-wrap:last-child>.creature-image{left:-94px!important}.mockup-map-layout{grid-template-columns:minmax(255px,24%) minmax(0,76%);height:min(760px,100vh - 130px);min-height:570px}.mockup-map-layout .level-side{padding:clamp(25px,3vw,48px) clamp(20px,2.5vw,38px)}.mockup-map-layout .level-side h1{margin:0 0 8px;font-size:clamp(38px,3.8vw,57px)}.mockup-map-layout .level-side h2{margin-bottom:25px}.mockup-map-layout .side-companion .creature-medium{width:min(230px,90%);height:260px}.mockup-map-layout .map-column,.mockup-map-layout .level-map-scroll{height:100%;overflow:hidden}.mockup-map-canvas{background-image:linear-gradient(#43bdd608,#43bdd608),url(/assets/rekeneiland-ocean.png);background-position:50%;background-size:cover;width:100%;height:100%;container-type:inline-size;min-width:0!important}.mockup-map-canvas:after{display:none}.mockup-map-canvas .adventure-path{z-index:1}.mockup-map-canvas .adventure-path path:not(.path-shadow){stroke:#fff;stroke-width:1.05px;stroke-dasharray:1.8 1.15;filter:none}.mockup-map-canvas .exercise-wrap{z-index:3}.mockup-map-canvas .exercise-node{border-width:clamp(3px,.45cqw,6px);width:clamp(34px,5.3cqw,68px);min-width:0;height:clamp(34px,5.3cqw,68px);min-height:0;font-size:clamp(15px,2.1cqw,28px);box-shadow:0 0 0 clamp(2px,.27cqw,4px) #789a94,0 5px 11px #15536c55}.mockup-map-canvas .exercise-node.voltooid{background:#16aa98;box-shadow:0 0 0 clamp(2px,.27cqw,4px) #087e72,0 5px 11px #15536c55}.mockup-map-canvas .exercise-node.huidig{background:#16aa98;box-shadow:0 0 0 clamp(3px,.35cqw,5px) #fff,0 0 0 clamp(6px,.75cqw,10px) #f4c83c,0 0 18px 8px #ffe96b80}.mockup-map-canvas .exercise-node.vergrendeld{opacity:.86;color:#fff;background:#69867e}.mockup-map-canvas .exercise-node.voltooid b{width:clamp(16px,1.9cqw,25px);height:clamp(16px,1.9cqw,25px);font-size:clamp(9px,1cqw,13px);top:-16%;right:-10%}.mockup-map-canvas .exercise-wrap.milestone .exercise-node{background:#765b16;border-color:#fff5b8;width:clamp(46px,7.2cqw,92px);height:clamp(46px,7.2cqw,92px);box-shadow:0 0 0 clamp(3px,.45cqw,6px) #f2c62e,0 0 20px 7px #ffe96685}.mockup-map-canvas .exercise-wrap.milestone .exercise-node>span>.creature-image{width:clamp(35px,5.6cqw,70px);height:clamp(35px,5.6cqw,70px)}.mockup-map-canvas .exercise-wrap.milestone>.creature-image{z-index:3;width:clamp(45px,7.8cqw,100px);height:clamp(45px,7.8cqw,100px);position:absolute;bottom:24%;left:82%}.mockup-map-canvas .exercise-wrap:last-child>.creature-image{left:-105%!important}.milestone-number{color:#fff;text-shadow:0 2px 2px #3d2d08;font-size:clamp(10px,1.4cqw,18px);font-style:normal;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.mockup-map-canvas .node-status{border:1px solid #fff;border-radius:8px;min-height:0;padding:2px clamp(4px,.65cqw,9px);font-size:clamp(7px,.9cqw,11px);top:calc(50% + clamp(24px,3.4cqw,44px));box-shadow:0 2px 6px #15536c30}.mockup-map-canvas .exercise-wrap.milestone .node-status{display:flex;top:calc(50% + clamp(31px,4.7cqw,58px))}.mockup-map-canvas .map-legend{gap:5px;padding:clamp(5px,.7cqw,10px) clamp(7px,1cqw,14px);font-size:clamp(8px,.9cqw,12px);top:2%;right:1.5%}.mockup-map-canvas .map-legend i{border-width:3px;width:clamp(15px,1.8cqw,23px);height:clamp(15px,1.8cqw,23px)}@media (width<=900px){.mockup-map-layout{grid-template-columns:1fr;height:auto;min-height:0}.mockup-map-layout .level-side{grid-template-columns:1fr 120px 210px;padding:16px 20px;display:grid}.mockup-map-layout .level-side h1{font-size:34px}.mockup-map-layout .level-side h2{margin-bottom:8px;font-size:18px}.mockup-map-layout .side-companion .creature-medium{width:95px;height:100px}.mockup-map-layout .map-column,.mockup-map-layout .level-map-scroll{height:auto}.mockup-map-canvas{aspect-ratio:1.5;height:auto}.mockup-map-layout .level-side .game-primary,.mockup-map-layout .level-side .game-secondary{min-height:45px;margin:5px 0;padding:7px;font-size:13px}}@media (width<=560px){.mockup-map-layout .level-side{grid-template-columns:1fr 85px;padding:13px}.mockup-map-layout .level-side>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;display:grid}.mockup-map-layout .side-companion .creature-medium{width:70px;height:75px}.mockup-map-layout .side-companion b{font-size:11px}.mockup-map-layout .side-companion span,.mockup-map-layout .level-side small{font-size:9px}.mockup-map-canvas{aspect-ratio:1.42}.mockup-map-canvas .map-legend{display:none}.mockup-map-canvas .node-status{padding:1px 3px}.mockup-map-canvas .exercise-wrap.milestone>.creature-image{bottom:35%}}.mockup-map-canvas{background-image:linear-gradient(#43bdd608,#43bdd608),url(/assets/rekeneiland-ocean-islands-v2.png)}.mockup-map-canvas .adventure-path .path-shadow{stroke:#175d6d55;stroke-width:1.3px;stroke-dasharray:none}.mockup-map-canvas .adventure-path path:not(.path-shadow){stroke:#fff;stroke-width:.62px;stroke-dasharray:1.25 1.05;stroke-linecap:round;stroke-linejoin:round;filter:none}.adventure-play-button{color:#fff;cursor:pointer;background:#18aa91;border:7px solid #d9f5ef;border-radius:50%;place-items:center;width:96px;height:96px;margin:28px auto 4px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 8px #087565,0 14px 28px #0b756544}.adventure-play-button span{font-size:43px;line-height:1;transform:translate(4px)}.adventure-play-button:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 11px #087565,0 18px 32px #0b756550}.adventure-play-button:active{transform:translateY(5px);box-shadow:0 3px #087565}.adventure-play-button:focus-visible{outline-offset:5px;outline:5px solid #f5c52e}@media (width<=540px){.adventure-play-button{width:82px;height:82px}.adventure-play-button span{font-size:36px}}.food-reward{color:#73550d;background:#fff8d9;border:2px solid #f1cf63;border-radius:17px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:18px 0;padding:12px;display:flex}.food-reward>strong{width:100%}.food-reward span{align-items:center;gap:4px;font-weight:900;display:flex}.food-reward img{object-fit:contain;width:42px;height:42px}.creature-detail{width:min(680px,100%)}.creature-level{color:#175d70;background:#edf9f6;border-radius:18px;gap:5px;margin:13px 0;padding:15px;display:grid}.creature-level>strong{font-size:22px}.creature-level>span,.creature-level>small{font-size:12px}.creature-level>div{background:#cfe7e2;border-radius:999px;height:14px;overflow:hidden}.creature-level i{border-radius:inherit;background:linear-gradient(90deg,#22aa90,#69d1b9,#ffd15e);height:100%;transition:width .35s;display:block}.evolution-preview{text-align:left;background:linear-gradient(135deg,#fff9db,#f0ecff);border:2px dashed #d2b45b;border-radius:18px;align-items:center;gap:15px;padding:12px 17px;display:flex}.evolution-preview>div{background:#7b68a4;border-radius:50%;place-items:center;width:80px;height:80px;display:grid}.evolution-preview .creature-image{width:70px;height:70px}.evolution-preview span,.evolution-preview strong,.evolution-preview small{display:block}.evolution-preview small{color:#765f28}.feed-open{color:#624607;cursor:pointer;background:#efb83d;border:0;border-radius:15px;width:100%;min-height:54px;margin:15px 0;font-size:18px;font-weight:900;box-shadow:0 5px #c48b16}.food-inventory{text-align:left;gap:9px;margin:10px 0 18px;display:grid}.food-inventory h3{text-align:center;color:#15536c}.food-inventory>button{color:#1c5366;cursor:pointer;background:#fff;border:2px solid #c8e3de;border-radius:17px;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;min-height:80px;padding:7px 13px;display:grid}.food-inventory>button:disabled{filter:grayscale(.7);opacity:.55;cursor:not-allowed}.food-inventory img{object-fit:contain;width:68px;height:68px}.food-inventory span{display:grid}.food-inventory small{color:#67808b}.food-inventory em{color:#16816b;font-style:normal;font-weight:900}.food-inventory b{background:#e7f6f2;border-radius:50%;place-items:center;min-width:38px;height:38px;display:grid}.feeding-message{color:#397326;background:#e9f8dd;border-radius:12px;padding:10px;font-weight:900}.fed-creature{animation:.55s creature-pop}@media (width<=540px){.food-inventory>button{grid-template-columns:55px 1fr auto}.food-inventory img{width:52px;height:52px}.food-inventory small{display:none}}.creature-level>.xp-track-row{background:0 0;border-radius:0;align-items:center;gap:10px;height:auto;display:flex;overflow:visible}.xp-track{background:#cfe7e2;border-radius:999px;flex:1;height:14px;overflow:hidden}.xp-track i{border-radius:inherit;background:linear-gradient(90deg,#22aa90,#69d1b9,#ffd15e);height:100%;transition:width .35s;display:block}.xp-evolution{background:linear-gradient(145deg,#756497,#554775);border:3px solid #e2c35c;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;margin:-6px 0;display:grid;box-shadow:0 3px 8px #31535b33}.xp-evolution .creature-image{width:50px;height:50px}.food-buttons{background:#edf9f6;border:2px solid #c8e3de;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0;padding:13px;display:grid}.food-buttons h3{color:#15536c;grid-column:1/-1;margin:0 0 3px}.food-buttons>button{color:#175d70;cursor:pointer;background:#fff;border:2px solid #b9ddd6;border-radius:15px;place-items:center;gap:2px;min-width:0;min-height:104px;padding:7px 4px;display:grid;position:relative;box-shadow:0 3px #a8d0c8}.food-buttons>button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #8fc4ba}.food-buttons>button:disabled{filter:grayscale(.75);opacity:.5;cursor:not-allowed;box-shadow:none}.food-buttons img{object-fit:contain;width:62px;height:62px}.food-buttons b{color:#624607;background:#efb83d;border:2px solid #fff;border-radius:999px;place-items:center;min-width:25px;height:25px;padding:0 5px;font-size:14px;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 5px #314b5333}.food-buttons span{color:#16816b;font-size:12px;font-weight:900}@media (width<=540px){.food-buttons{gap:5px;padding:9px}.food-buttons>button{min-height:82px;padding:5px 2px}.food-buttons img{width:45px;height:45px}.food-buttons b{min-width:21px;height:21px;font-size:12px;top:3px;right:3px}.xp-evolution{flex-basis:50px;width:50px;height:50px}.xp-evolution .creature-image{width:43px;height:43px}}.family-loading{color:#15536c;background:#eafaf8;place-items:center;min-height:100vh;font-size:22px;font-weight:900;display:grid}.family-auth{background:#effbf9;grid-template-columns:1.1fr minmax(360px,.9fr);min-height:100vh;padding:0;display:grid}.family-auth-art{text-align:center;color:#0d526c;background:radial-gradient(circle at 50% 35%,#fff9b8,#0000 13%),linear-gradient(145deg,#72d9df,#a5ead5);align-content:center;justify-items:center;padding:8vw;display:grid}.family-auth-art>span{color:#e6a91d;background:#fff3a6;border-radius:50%;place-items:center;width:110px;height:110px;font-size:58px;display:grid;box-shadow:0 15px 30px #15536c25}.family-auth-art h1{margin:28px 0 14px;font-size:clamp(44px,6vw,82px);line-height:1}.family-auth-art p{max-width:530px;font-size:20px}.family-auth>form{background:#fff;border-radius:28px;align-self:center;width:min(470px,100% - 48px);margin:auto;padding:40px;box-shadow:0 20px 60px #15536c20}.family-auth h2{color:#15536c;font-size:35px}.family-auth label,.family-modal label{color:#245a6d;gap:7px;margin:15px 0;font-weight:800;display:grid}.family-auth input,.family-modal input{height:52px;font:inherit;border:2px solid #c5e3df;border-radius:13px;padding:0 15px}.family-auth .game-primary{width:100%;margin-top:12px}.family-link{color:#168b7b;cursor:pointer;background:0 0;border:0;width:100%;padding:18px;font-weight:900}.family-error{color:#a33b2d;background:#fff0ed;border-radius:10px;padding:11px}.family-message{color:#397326;background:#e9f8dd;border-radius:10px;padding:10px;font-weight:800}.family-dashboard{background:linear-gradient(160deg,#edfbf8,#dff7f5);max-width:none;min-height:100vh;padding:clamp(24px,5vw,70px)}.family-dashboard>header{justify-content:space-between;align-items:flex-start;gap:30px;max-width:1250px;margin:auto;display:flex}.family-dashboard h1{color:#15536c;margin:4px 0;font-size:clamp(38px,5vw,64px)}.family-dashboard>header>div:last-child{gap:9px;display:flex}.family-dashboard>header button,.family-gamebar button{color:#15536c;cursor:pointer;background:#fff;border:2px solid #b9ddd6;border-radius:12px;padding:11px 16px;font-weight:900}.children-grid{grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:center;gap:22px;max-width:1250px;margin:60px auto;display:grid}.children-grid article{display:grid}.child-play,.add-child{color:#15536c;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:26px;place-items:center;gap:10px;min-height:300px;display:grid;box-shadow:0 15px 35px #15536c18}.child-play>span{color:#fff;border:7px solid #fff;border-radius:50%;place-items:center;width:110px;height:110px;font-size:48px;font-weight:900;display:grid;box-shadow:0 8px 20px #15536c25}.child-play strong,.add-child strong{font-size:25px}.child-play small{color:#66818e}.child-play em{color:#fff;background:#18a98f;border-radius:999px;padding:9px 20px;font-style:normal;font-weight:900}.child-edit{color:#397386;cursor:pointer;background:0 0;border:0;margin:8px 25px;font-weight:800}.add-child{background:#ffffff80;border:3px dashed #8bcfc4}.add-child span{color:#1aaa91;font-size:64px}.family-modal-bg{z-index:1000;background:#073b4d99;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.family-modal{color:#15536c;background:#fff;border-radius:25px;width:min(540px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 25px 70px #052b38aa}.family-modal .close{position:absolute;top:15px;right:15px}.family-modal form>div{gap:8px;display:flex}.family-modal form>div button{flex:1}.child-form fieldset{border:0;margin:15px 0;padding:0}.child-colors{gap:10px;display:flex}.child-colors button{cursor:pointer;border:4px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 0 0 2px #c9dfdb}.child-colors button.selected{box-shadow:0 0 0 4px #15536c}.delete-child{color:#b44235;cursor:pointer;background:0 0;border:0;width:100%;margin-top:20px;text-decoration:underline}.family-gamebar{z-index:900;background:#fffffff2;border:2px solid #fff;border-radius:16px;align-items:center;gap:12px;padding:7px;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 8px 25px #15536c30}.family-gamebar strong{color:#15536c;align-items:center;gap:6px;display:flex}.family-gamebar i{border-radius:50%;width:24px;height:24px}.family-gamebar span{color:#9a6b10;font-size:11px}.family-gamebar span.saved{color:#25806c}@media (width<=760px){.family-auth{grid-template-columns:1fr}.family-auth-art{min-height:280px;padding:35px}.family-auth-art>span{width:70px;height:70px;font-size:38px}.family-auth-art h1{margin:15px;font-size:40px}.family-auth-art p{font-size:15px}.family-auth>form{margin:25px auto}.family-dashboard>header{display:grid}.family-gamebar{top:8px;left:8px}.family-gamebar span{display:none}}.hello-home{background:#fff;place-items:center;max-width:none;min-height:100vh;display:grid}.hello-home h1{color:#15536c;font-size:clamp(48px,10vw,120px)}.creature-image.starter-creature img{transform-origin:bottom;transform:scale(.72)}.companion-edit{display:none}@media (width>=541px) and (width<=1024px){body:has(.level-map-shell){overflow:hidden}.level-map-shell{width:100%;height:100svh;min-height:0;padding:8px 12px 10px;overflow:hidden}.level-map-shell .game-top{height:58px;margin-bottom:8px}.level-map-shell .game-logo{font-size:20px}.level-map-shell .game-logo .compass-mark{width:36px;height:36px;font-size:20px}.level-map-shell .game-economy{gap:6px}.level-map-shell .game-economy>button{min-height:38px;padding:6px 10px;font-size:12px}.level-map-shell .coin-pill{padding:7px 10px;font-size:16px}.level-map-shell .family-gamebar{gap:7px;padding:5px}.level-map-shell .family-gamebar button{padding:7px 10px;font-size:12px}.level-map-shell .family-gamebar strong{font-size:12px}.level-map-shell .family-gamebar span{display:none}.level-map-shell .mockup-map-layout{border-radius:26px;grid-template-columns:minmax(190px,27%) minmax(0,73%);width:100%;height:calc(100svh - 84px);min-height:0;display:grid;overflow:hidden}.level-map-shell .mockup-map-layout .level-side{gap:8px;min-width:0;height:100%;padding:clamp(16px,2.2vh,25px) clamp(14px,2vw,22px);display:flex}.level-map-shell .mockup-map-layout .level-side h1{margin:0 0 4px;font-size:clamp(30px,4.2vh,42px)}.level-map-shell .mockup-map-layout .level-side h2{margin:0 0 clamp(8px,1.5vh,15px);font-size:clamp(16px,2.2vh,21px)}.level-map-shell .mockup-map-layout .level-side strong{font-size:clamp(10px,1.45vh,13px)}.level-map-shell .mockup-map-layout .level-side small{margin-top:5px;font-size:clamp(9px,1.25vh,11px)}.level-map-shell .mockup-map-layout .level-map-progress{height:14px;margin-top:6px}.level-map-shell .mockup-map-layout .side-companion .creature-medium{width:clamp(105px,17vh,165px);height:clamp(120px,21vh,195px)}.level-map-shell .mockup-map-layout .side-companion b{font-size:clamp(14px,2vh,18px)}.level-map-shell .mockup-map-layout .side-companion span{font-size:10px}.level-map-shell .mockup-map-layout .level-side>div:last-child{display:block}.level-map-shell .mockup-map-layout .level-side .game-primary,.level-map-shell .mockup-map-layout .level-side .game-secondary{width:100%;min-height:clamp(38px,5.5vh,48px);margin:4px 0;padding:6px 8px;font-size:clamp(11px,1.6vh,14px)}.level-map-shell .mockup-map-layout .map-column,.level-map-shell .mockup-map-layout .level-map-scroll,.level-map-shell .mockup-map-canvas{width:100%;height:100%;min-height:0;overflow:hidden}.level-map-shell .mockup-map-canvas{aspect-ratio:auto;background-position:50%;background-size:cover;min-width:0!important}.level-map-shell .mockup-map-canvas .map-legend{gap:4px;padding:5px 7px;font-size:8px;top:8px;right:8px}.level-map-shell .mockup-map-canvas .map-legend i{border-width:2px;width:15px;height:15px}.level-map-shell .mobile-map-actions{display:none}}@media (width<=540px){.mockup-map-canvas .exercise-node>span{text-align:center;place-items:center;width:100%;height:100%;line-height:1;display:grid}.mockup-map-canvas .exercise-node>span>.creature-image{margin:auto}.mockup-map-layout .side-companion{position:relative}.mockup-map-layout .side-companion .companion-edit{z-index:4;color:#176b87;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffffa8;border:1px solid #fff8;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:18px;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 3px 9px #15536c25}.mockup-map-canvas .current-wrap{z-index:7}.mockup-map-canvas .current-wrap:before{content:"▶";color:#ffd43b;text-shadow:0 2px 2px #795d0a,0 0 8px #fff;font-size:22px;animation:1.1s ease-in-out infinite next-bounce;position:absolute;top:-34px;left:50%;transform:translate(-50%)rotate(90deg)}.mockup-map-canvas .current-wrap .exercise-node.huidig{background:#0fc2ad;animation:1.4s ease-in-out infinite current-mobile-glow;box-shadow:0 0 0 4px #fff,0 0 0 9px #ffd43b,0 0 24px 13px #fff36dba}.mockup-map-canvas .current-wrap .node-status{color:#72520a;background:#fff7c7;border-color:#ffd43b;font-weight:1000;box-shadow:0 3px 10px #75571045}.mobile-map-actions .mobile-action-buttons{grid-template-columns:82px minmax(0,1fr);align-items:center}.mobile-play-button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#22bca3,#0b8f7b);border:5px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;display:grid;box-shadow:0 6px #087565,0 8px 18px #15536c30}.mobile-play-button span{font-size:31px;transform:translate(2px)}.mobile-map-actions .mobile-action-buttons .game-secondary{min-height:58px;font-size:14px}}@keyframes next-bounce{50%{transform:translate(-50%,5px)rotate(90deg)}}@keyframes current-mobile-glow{50%{filter:brightness(1.12);transform:scale(1.07)}}.food-shop-page.food-shop-page>header{z-index:auto;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;width:100%;height:auto;min-height:190px;padding:28px 0 34px;position:relative;top:auto}.food-shop-page.food-shop-page>header .round-button{margin-top:22px}.food-shop-page.food-shop-page>header .coin-pill{margin-top:42px}.food-shop-page.food-shop-page h1{margin:8px 0 12px;line-height:1.05}.food-shop-page .food-shop-grid{clear:both;margin-top:8px}.food-shop-stock{color:#177766;justify-content:center;gap:8px;margin:0 0 5px;font-size:12px;display:flex}.food-shop-stock b,.food-shop-stock span{background:#e6f6f2;border-radius:999px;padding:4px 8px}.food-shop-page .food-shop-card>strong{color:#76530a}.family-game{min-width:0;overflow-x:clip}.game-top-left{align-items:center;min-width:0;display:flex}.game-top-left .family-gamebar{max-width:100%;position:static;box-shadow:0 5px 14px #15536c22}.food-shop-page{background:linear-gradient(145deg,#fff,#eaf9f7);border:2px solid #c5e7e3;border-radius:34px;min-height:710px;padding:30px;box-shadow:0 18px 55px #15536c1c}.food-shop-intro{align-items:center;gap:20px;margin-bottom:24px;display:flex}.food-shop-intro h1{color:#15536c;margin:3px 0;font-size:clamp(30px,4vw,48px)}.food-shop-intro p:not(.island-kicker){color:#587684;margin:0}.mobile-map-actions{display:none}@media (width<=540px){.food-shop-page.food-shop-page>header{grid-template-columns:auto 1fr;min-height:235px;padding-bottom:28px}.food-shop-page.food-shop-page>header .coin-pill{grid-column:2;margin-top:0}.game-top-left .family-gamebar strong,.game-top-left .family-gamebar span{display:none}.food-shop-page{border-radius:24px;padding:18px}.level-map-shell{padding:8px 8px 16px}.level-map-shell .game-top{grid-template-columns:50px 1fr auto;height:62px;margin-bottom:8px}.level-map-shell .game-logo{justify-self:center;font-size:20px}.level-map-shell .game-logo .compass-mark{width:34px;height:34px}.level-map-shell .game-economy>button{display:none}.level-map-shell .coin-pill{padding:7px 10px;font-size:16px}.game-top-left .family-gamebar{box-shadow:none;background:0 0;border:0;padding:0}.game-top-left .family-gamebar button{border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:0;display:grid;box-shadow:0 5px 10px #19556d22}.game-top-left .family-gamebar button:before{content:"←";font-size:22px}.mockup-map-layout{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;display:grid;overflow:visible}.mockup-map-layout .level-side{min-height:174px;box-shadow:none;background:linear-gradient(145deg,#fff,#eefaf8);border:2px solid #c5e7e3;border-radius:24px 24px 0 0;grid-template-columns:minmax(0,1fr) 112px;margin:0;padding:15px 16px}.mockup-map-layout .level-side h1{margin:0 0 3px;font-size:30px}.mockup-map-layout .level-side h2{margin:0 0 9px;font-size:17px}.mockup-map-layout .level-side strong{font-size:11px}.mockup-map-layout .level-map-progress{height:13px;margin-top:6px}.mockup-map-layout .level-side small{margin-top:6px;font-size:9px}.mockup-map-layout .side-companion .creature-medium{width:105px;height:120px}.mockup-map-layout .side-companion b,.mockup-map-layout .side-companion span,.mockup-map-layout .level-side>div:last-child{display:none}.mockup-map-layout .map-column,.mockup-map-layout .level-map-scroll{height:auto;overflow:hidden}.mockup-map-canvas{aspect-ratio:auto;background-position:50%;background-size:cover;width:100%;height:clamp(350px,100svh - 444px,880px);container-type:size;min-width:0!important}.mockup-map-canvas .map-legend{padding:5px 7px;font-size:7px;display:grid;top:9px;left:8px;right:auto}.mockup-map-canvas .map-legend i{border-width:2px;width:13px;height:13px}.mockup-map-canvas .exercise-node{border-width:3px;width:clamp(28px,min(11cqw,7cqh),50px);height:clamp(28px,min(11cqw,7cqh),50px);font-size:clamp(12px,min(4cqw,3cqh),20px)}.mockup-map-canvas .exercise-wrap.milestone .exercise-node{width:clamp(38px,min(15cqw,9cqh),62px);height:clamp(38px,min(15cqw,9cqh),62px)}.mockup-map-canvas .exercise-wrap.milestone>.creature-image{width:clamp(34px,min(14cqw,9cqh),58px);height:clamp(34px,min(14cqw,9cqh),58px);bottom:25%}.mockup-map-canvas .node-status{padding:1px 3px;font-size:clamp(6px,1.8cqh,8px);top:calc(50% + clamp(20px,4cqh,28px))}.mockup-map-canvas .exercise-wrap.milestone .node-status{top:calc(50% + clamp(25px,5cqh,34px))}.mobile-map-actions{z-index:10;background:#fffffff5;border:2px solid #c5e7e3;border-radius:0 0 24px 24px;margin-top:-1px;padding:9px 12px 12px;display:block;position:relative;box-shadow:0 -8px 22px #15536c1c}.mobile-companion-row{align-items:center;gap:9px;padding:3px 7px 8px;display:flex}.mobile-companion-row .creature-small{background:#effaf7;border-radius:50%;width:50px;height:50px;box-shadow:0 4px 10px #15536c22}.mobile-companion-row b,.mobile-companion-row span{display:block}.mobile-companion-row b{color:#15536c;font-size:17px}.mobile-companion-row span{color:#66818e;font-size:11px}.mobile-action-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-action-buttons .game-primary,.mobile-action-buttons .game-secondary{min-height:48px;margin:0;padding:7px;font-size:13px}.level-map-scroll:after{display:none}}.game-economy{justify-content:flex-end;align-items:center;gap:9px;display:flex}.game-economy>button{color:#725309;cursor:pointer;background:#fff8da;border:2px solid #efc450;border-radius:999px;min-height:44px;padding:8px 14px;font-weight:900}.food-shop-page>header{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px 0;display:grid}.food-shop-page h1{color:#15536c;margin:4px 0;font-size:clamp(34px,5vw,58px)}.food-shop-page header p:not(.island-kicker){color:#587684;margin:0}.food-shop-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.food-shop-card{text-align:center;color:#17566c;background:linear-gradient(#fff,#effaf7);border:2px solid #c8e3de;border-radius:24px;flex-direction:column;align-items:center;min-width:0;padding:15px;display:flex;box-shadow:0 6px #badbd5}.food-shop-image{place-items:center;width:100%;height:145px;display:grid;position:relative}.food-shop-image img{object-fit:contain;width:125px;height:125px}.food-shop-image b{background:#e6f6f2;border-radius:999px;padding:5px 8px;font-size:11px;position:absolute;top:0;right:0}.food-shop-card>small{color:#70858e;text-transform:capitalize}.food-shop-card h2{margin:5px 0;font-size:21px}.food-shop-card p{color:#607984;min-height:58px;font-size:13px}.food-shop-card>strong{color:#15917a;margin:auto 0 12px;font-size:20px}.food-shop-card>button{color:#fff;cursor:pointer;background:#1ba88f;border:0;border-radius:14px;width:100%;min-height:48px;font-weight:900;box-shadow:0 4px #087968}.food-shop-card>button:disabled{box-shadow:none;cursor:not-allowed;background:#aebeba}.food-shop-page>.shop-message{text-align:center;max-width:600px;margin:0 auto 20px}@media (width<=900px){.food-shop-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.game-economy>button{padding:7px;font-size:0}.game-economy>button:first-letter{font-size:20px}.food-shop-page>header{grid-template-columns:auto 1fr}.food-shop-page>header .coin-pill{grid-column:2}.food-shop-grid{grid-template-columns:1fr}}@media (width>=541px){.level-map-shell .mockup-map-layout{height:min(760px,100svh - 130px);min-height:0}}@media (width>=541px) and (width<=1024px){.level-map-shell{height:auto;min-height:0}.level-map-shell .mockup-map-layout{height:min(760px,100svh - 84px)}}@media (width>=541px){.level-map-shell .mockup-map-layout{aspect-ratio:1500/760;width:min(100%,197.368svh - 256.58px);height:auto;margin-inline:auto;container-type:size}}@media (width>=541px) and (width<=1024px){.level-map-shell .mockup-map-layout{grid-template-columns:minmax(0,24%) minmax(0,76%);width:min(100%,197.368svh - 165.79px);height:auto}}@media (width>=541px) and (height<=650px){.level-map-shell .mockup-map-layout .level-side{gap:clamp(3px,1vh,8px);padding:clamp(9px,2.5vh,18px) clamp(9px,1.6vw,20px)}.level-map-shell .mockup-map-layout .level-side h1{margin:0 0 2px;font-size:clamp(24px,7vh,40px)}.level-map-shell .mockup-map-layout .level-side h2{margin:0 0 clamp(4px,1.5vh,10px);font-size:clamp(14px,3.8vh,20px)}.level-map-shell .mockup-map-layout .level-side strong{font-size:clamp(9px,2.5vh,13px)}.level-map-shell .mockup-map-layout .level-side small{margin-top:3px;font-size:clamp(8px,2.1vh,10px)}.level-map-shell .mockup-map-layout .level-map-progress{height:clamp(9px,2.7vh,14px);margin-top:4px}.level-map-shell .mockup-map-layout .side-companion .creature-medium{width:clamp(72px,25vh,145px);height:clamp(80px,29vh,165px)}.level-map-shell .mockup-map-layout .side-companion b{font-size:clamp(12px,3.4vh,18px)}.level-map-shell .mockup-map-layout .side-companion span{font-size:clamp(8px,2vh,10px)}.level-map-shell .mockup-map-layout .level-side .game-primary,.level-map-shell .mockup-map-layout .level-side .game-secondary{min-height:clamp(30px,8vh,44px);margin:3px 0;padding:4px 7px;font-size:clamp(10px,2.8vh,14px)}}@media (width>=541px){.level-map-shell .game-top{width:min(100%,197.368svh - 256.58px);margin-inline:auto}}@media (width>=541px) and (width<=1024px){.level-map-shell .game-top{width:min(100%,197.368svh - 165.79px)}}@media (width>=541px) and (height<=650px){.level-map-shell .game-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.level-map-shell .game-logo{white-space:nowrap;gap:5px;font-size:clamp(15px,4vh,20px)}.level-map-shell .game-logo .compass-mark{width:clamp(28px,8vh,38px);height:clamp(28px,8vh,38px);font-size:clamp(15px,4vh,21px)}.level-map-shell .family-gamebar{gap:4px;max-width:100%;padding:4px}.level-map-shell .family-gamebar button{white-space:nowrap;padding:5px 8px;font-size:clamp(9px,2.5vh,12px)}.level-map-shell .family-gamebar strong{white-space:nowrap;min-width:0;font-size:clamp(9px,2.5vh,12px)}.level-map-shell .game-economy{gap:4px}.level-map-shell .game-economy>button,.level-map-shell .coin-pill{white-space:nowrap;min-height:0;padding:5px 8px;font-size:clamp(9px,2.6vh,13px)}.level-map-shell .mockup-map-layout .level-side h1{white-space:nowrap;font-size:clamp(20px,5.8vh,30px)}.level-map-shell .mockup-map-layout .level-side h2{white-space:nowrap;font-size:clamp(12px,3.4vh,17px)}.level-map-shell .mockup-map-layout .level-side strong,.level-map-shell .mockup-map-layout .level-side small{line-height:1.2}.level-map-shell .mockup-map-canvas{container-type:size}.level-map-shell .mockup-map-canvas .exercise-node{border-width:clamp(2px,min(.45cqw,.8cqh),6px);width:clamp(24px,min(5.3cqw,8cqh),68px);height:clamp(24px,min(5.3cqw,8cqh),68px);font-size:clamp(11px,min(2.1cqw,3.8cqh),28px)}.level-map-shell .mockup-map-canvas .exercise-wrap.milestone .exercise-node{width:clamp(34px,min(7.2cqw,11cqh),92px);height:clamp(34px,min(7.2cqw,11cqh),92px)}.level-map-shell .mockup-map-canvas .exercise-wrap.milestone .exercise-node>span>.creature-image{width:clamp(25px,min(5.6cqw,8.5cqh),70px);height:clamp(25px,min(5.6cqw,8.5cqh),70px)}.level-map-shell .mockup-map-canvas .exercise-wrap.milestone>.creature-image{width:clamp(30px,min(7.8cqw,12cqh),100px);height:clamp(30px,min(7.8cqw,12cqh),100px)}.level-map-shell .mockup-map-canvas .node-status{padding:1px 3px;font-size:clamp(6px,min(.9cqw,1.8cqh),11px);top:calc(50% + clamp(17px,min(3.4cqw,5.5cqh),44px))}.level-map-shell .mockup-map-canvas .exercise-wrap.milestone .node-status{top:calc(50% + clamp(23px,min(4.7cqw,7.5cqh),58px))}}