:root{--ink:#203c3b;--green:#216b55;--paper:#fbfaf4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif}header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #d9dfd5}.brand{display:flex;gap:12px;font-size:27px;font-weight:800;color:var(--ink);text-decoration:none}.brand>span{font-size:20px}small{display:block;font-size:10px;letter-spacing:3px;margin-top:4px}main{max-width:1256px;margin:auto;padding:30px 24px}.hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:40px;margin:12px 0 32px}h1{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-2px;margin:15px 0}p{line-height:1.7;font-size:17px}.hero p{max-width:640px;color:#526663}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.art{display:grid;grid-template-columns:1fr 1fr;gap:9px;transform:rotate(3deg);max-width:320px;justify-self:center}.art span{display:grid;place-items:center;width:130px;height:100px;border-radius:45px 45px 15px 45px;background:#f6c85c;font-size:65px}.art span:nth-child(2){background:#edb1a1;transform:rotate(12deg)}.art span:nth-child(3){background:#c5b8e6}.art span:nth-child(4){background:#b7d5b9}.art b{grid-column:span 2;font-size:10px;letter-spacing:2px;text-align:center;margin-top:10px}.setup{background:#e9eee5;padding:22px;border-radius:20px;display:flex;gap:14px;align-items:end;flex-wrap:wrap}label{display:grid;gap:8px;font-size:12px;font-weight:700;flex:1}select,button{font:inherit;border:1px solid #cbd5c9;border-radius:10px;padding:12px;background:white;color:var(--ink)}select{max-width:100%}button{cursor:pointer;font-weight:700}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #8b66c0;outline-offset:3px}#start,.primary{background:var(--green);color:white;border-color:var(--green)}nav{display:flex;gap:12px;margin:24px 0}nav button{background:none;border:none;border-radius:0;border-bottom:2px solid #cbd5c9}.gamehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.gamehead h2{margin:8px 0}.gamehead button{padding:9px;font-size:12px}#clock{font-variant-numeric:tabular-nums}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;background:#f0efe7;padding:15px;border-radius:24px}.space{min-height:92px;border-radius:13px;padding:9px;position:relative;border:2px solid transparent}.space .num{font-size:10px;opacity:.65}.space .icon{font-size:28px;display:block}.space .caption{font-size:10px;font-weight:700}.space.active{border-color:var(--ink);box-shadow:0 0 0 2px white}.tokens{display:flex;gap:3px;position:absolute;right:4px;top:5px}.token{background:#203c3b;color:white;width:22px;height:22px;border-radius:50%;text-align:center;font-size:12px;padding-top:2px}.scores{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.score{border:1px solid #d5ded2;padding:12px;border-radius:12px;flex:1;font-size:13px}.score.current{background:#203c3b;color:white}aside{padding:28px;border:1px solid #d9dfd5;border-radius:24px;background:white;box-shadow:0 12px 30px #203c3b08}aside h2{font-size:27px;margin:12px 0}.cardIcon{font-size:44px;margin-top:15px}.extension{font-size:14px;background:#f2f2e9;padding:12px;border-radius:10px}#actions{display:flex;gap:8px;flex-wrap:wrap}#feedback{font-size:14px;color:var(--green);min-height:24px}.panel{background:white;border:1px solid #d9dfd5;padding:25px;border-radius:20px;margin:14px 0}.sessiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sessiongrid .panel{margin:0}footer{margin-top:34px;font-size:12px;color:#64756d;border-top:1px solid #dde1d6;padding-top:20px}.af{display:block;color:#61736c;font-size:.85em;margin-top:7px}button .af{color:inherit}#guide li{margin:13px 0;line-height:1.6}@media(max-width:850px){.layout{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.art{display:none}.setup label{min-width:140px}.gamehead{align-items:start;flex-direction:column}.sessiongrid{grid-template-columns:1fr 1fr}}@media(max-width:500px){header{padding:18px}.brand>span{font-size:16px}main{padding:20px 12px}.board{gap:5px;padding:8px}.space{min-height:77px;padding:5px}.space .caption{font-size:8px}.space .icon{font-size:23px}.sessiongrid{grid-template-columns:1fr}}@media print{header select,.setup,nav,.gamehead button,#actions{display:none}.hero{margin:0}.art{display:none}.layout{display:block}aside{break-inside:avoid}.board{print-color-adjust:exact}}
/* Island adventure */
:root{--ink:#24345a;--green:#6950a1;--paper:#fffaf3}body{background:radial-gradient(ellipse at 90% 0,#f0e6ff 0,transparent 35%),var(--paper)}header{border-color:#e5dced}.brand{color:#6950a1}.hero{margin:0 0 30px}.hero h1{color:#354479}.eyebrow{color:#8361a6}.hero .art{transform:none;gap:0}.art span{border-radius:50%;background:#ffe2a0;box-shadow:0 10px 0 #ebc37a33}.art span:nth-child(2){background:#d5eaf7;transform:translate(-5px,18px)}.art span:nth-child(3){background:#cce5d5;transform:translate(10px,-5px)}.art span:nth-child(4){background:#f2c6dc;transform:translate(0,15px)}.art b{margin-top:24px;color:#7c639b}.setup{background:#eee6f5;border:1px solid #e0d3ec}.setup select{border-color:#d7cbe4}nav{gap:18px}nav button{border-bottom-color:#d9c9e7;color:#6950a1}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto repeat(3,150px) auto;gap:16px;background:radial-gradient(ellipse at 25% 35%,#effaff 0,transparent 60%),#d6edf1;border:2px solid #bfdae5;border-radius:32px;padding:24px;position:relative;overflow:hidden;min-height:620px}.mapheading{grid-column:1/-1;font-size:19px;font-weight:800;text-align:center;color:#3f6985;z-index:1}.sea-decoration{position:absolute;inset:28% 0 0;font-size:130px;letter-spacing:40px;line-height:1.7;color:#91c7da44;pointer-events:none;overflow:hidden}.island{position:relative;grid-column:span 2;align-self:center;min-height:140px;border:none;border-bottom:9px solid #d0bb86;border-radius:45% 48% 38% 40%;padding:12px 10px 17px;z-index:1;box-shadow:0 8px 0 7px #ffffff66;transition:transform .2s,box-shadow .2s;color:#343855;background:#fbde95}.island:hover:not(:disabled){transform:translateY(-6px) rotate(-2deg);box-shadow:0 14px 0 7px #ffffff77}.island:disabled{opacity:.8;filter:none}.islandpicture{display:block;font-size:36px;line-height:1.2;margin-bottom:4px}.island strong{font-size:14px;display:block}.island small{letter-spacing:0;font-size:9px;margin-top:5px;font-weight:500}.island .af{font-size:11px;margin:3px 0;color:#4e5070}.island0{grid-column:1/3;grid-row:2;background:#fbe1a0}.island1{grid-column:4/7;grid-row:2;background:#c8e3be;border-bottom-color:#93bc8d;max-width:220px;justify-self:center;width:100%}.island2{grid-column:2/5;grid-row:3;background:#f6c7d8;border-bottom-color:#dca0ba;max-width:230px;justify-self:center;width:100%}.island3{grid-column:1/4;grid-row:4;background:#d4c7ef;border-bottom-color:#b19bce;max-width:220px;width:100%}.island4{grid-column:5/7;grid-row:4;background:#f8cbb1;border-bottom-color:#d9aa8a}.mapnote{grid-column:1/-1;grid-row:5;font-size:12px;text-align:center;color:#47657f;z-index:1}.exploring{position:absolute;right:10px;top:0;background:white;border-radius:50%;padding:5px;color:#6950a1}.layout{grid-template-columns:1.45fr 1fr;align-items:start}aside{border:2px solid #e3d5ed;border-radius:28px;background:linear-gradient(160deg,#fff 60%,#f7efff);box-shadow:8px 10px 0 #e8ddf0;padding:30px;position:sticky;top:20px}aside h2{color:#6950a1}.cardIcon{background:#f1e7fa;border-radius:20px;width:80px;height:80px;display:grid;place-items:center}.extension{background:#f5f0fa;border-left:3px solid #b89acf}.primary,#start{background:#6950a1;border-color:#6950a1}.garden{margin-top:20px;padding:20px;background:#eaf2df;border:1px solid #d3e3bf;border-radius:24px}.garden strong{font-size:17px;color:#4a684b}.garden small{letter-spacing:0;font-size:11px;color:#6d8268}.flowers{display:flex;gap:8px;flex-wrap:wrap;padding-top:15px;border-bottom:4px solid #9bbe82}.flowers span{font-size:30px;display:inline-block}.flowers .seed{opacity:.4;font-size:24px;align-self:end}.bloom{animation:grow .35s ease-out}@keyframes grow{from{transform:scale(.3)}to{transform:scale(1)}}.score.current{background:#6950a1}.score{border-color:#dfd2ea}#feedback{color:#6950a1}.panel{border-color:#e4d9ed;border-radius:24px}.sessiongrid .panel{border-top:5px solid #c5b2dc}footer{border-color:#e4d9ed}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static}.board{min-height:600px}}@media(max-width:500px){.board{padding:18px 12px;gap:14px 8px;grid-template-rows:auto repeat(3,135px) auto;min-height:550px}.island{min-height:120px;padding:8px 6px 12px}.island strong{font-size:12px}.island small{font-size:8px}.islandpicture{font-size:29px}.mapheading{font-size:16px}.island1{grid-column:4/7}.island4{grid-column:4/7}.brand>span{font-size:14px}.brand small{font-size:8px;letter-spacing:1px}header select{font-size:12px;max-width:130px}aside{padding:22px}.flowers span{font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}