:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#183e3e;background:#f6fbf7;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f5ae56;outline-offset:3px}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding-inline:24px}.site-header{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:900;font-size:18px}.brand span{font-size:24px;color:#e8a35d}.site-header nav{display:flex;gap:23px;font-size:13px;font-weight:750}.site-header nav a:hover,.footer a:hover{text-decoration:underline}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.19em;color:#458d78}.hero{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:50px;padding-block:42px 68px;min-height:430px}.hero h1{font-size:clamp(67px,8vw,110px);letter-spacing:-.09em;line-height:1;margin:17px 0 25px}.hero h1 span{color:#50a789}.lead{font-size:16px;line-height:1.85;color:#53706a;max-width:520px}.jump,.primary{display:inline-block;border:0;border-radius:999px;background:#216d6d;color:#fff;font-weight:850;padding:15px 24px;box-shadow:0 6px 0 #a7d4c8}.jump{margin-top:15px}.jump:hover,.primary:hover{transform:translateY(2px);box-shadow:0 4px 0 #a7d4c8}.hero-art{height:320px;position:relative;overflow:hidden;border-radius:150px 150px 28px 28px;background:linear-gradient(#cfeddf 0 51%,#79c8d0 51%)}.hero-sun{position:absolute;right:20%;top:13%;width:104px;height:104px;background:#fff8c5;border-radius:50%;box-shadow:0 0 40px #fff7c5}.hero-island{position:absolute;left:7%;right:7%;bottom:26px;height:105px;background:#e4c888;border-radius:58% 58% 29% 29%;box-shadow:0 16px 0 #378e8e}.hero-island:after{content:"";position:absolute;inset:0 20px 23px;background:#6ba96d;border-radius:55% 55% 25% 25%}.hero-house,.hero-tree{position:absolute;z-index:2;bottom:78px}.hero-house{font-size:100px;color:#fff2d0;left:43%;text-shadow:5px 8px #b96e4c}.hero-tree{font-size:110px;color:#327b56;left:19%}.hero-wave{position:absolute;color:#dbf5e9;font-size:20px;letter-spacing:18px;bottom:20px}.wave-one{left:5%}.wave-two{right:-5%;bottom:5px}.play-zone{background:#e9f4ee;padding:68px 0 80px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}.game-card,.side-card{background:#fffefa;border-radius:23px;box-shadow:0 18px 38px #214d4520}.game-card{position:relative;min-height:700px;padding:27px;overflow:hidden}.game-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.game-head .eyebrow{margin:0 0 5px}.game-head h2{font-size:27px;margin:0}.stage-pill{white-space:nowrap;padding:10px 13px;background:#ddf1e7;border-radius:99px;font-size:12px;color:#216653;font-weight:800}.stage-pill strong{font-size:18px}.stage-description{margin:12px 0 16px;line-height:1.6;color:#56736b;font-size:14px}.goal-bar{border-left:5px solid #e8a75c;background:#fff4df;border-radius:8px;padding:11px 13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.goal-bar strong{color:#9b622c}.goal-bar span{font-weight:750}.resource-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0}.resource-grid div{padding:11px 5px;border:1px solid #dcebe1;border-radius:12px;text-align:center;background:#f6fbf7}.resource-grid small{display:block;font-size:10px;color:#658276;font-weight:750}.resource-grid strong{display:block;font-size:21px;margin-top:3px}.status{min-height:40px;color:#1c6860;font-weight:750;font-size:13px;line-height:1.5;margin:13px 0}.board-wrap{border-radius:19px;background:#d4edf0;padding:19px;max-width:540px;margin:auto}.board-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#376a69;margin-bottom:12px}.board-label strong{color:#215352}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cell{position:relative;aspect-ratio:1;min-height:54px;border:2px solid #fff7d5;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#a9cf89;color:#214b32;font-size:31px;box-shadow:0 4px 0 #8bac72}.cell small{font-size:10px;font-weight:850;line-height:1}.cell.rock{background:#b6bbb3;color:#666f64;border-color:#d8ddd2;box-shadow:0 4px 0 #8b978d}.cell.sea{background:#8bc7d3;border-color:#c6e9e8;box-shadow:0 4px 0 #5aa4b7}.cell.shore{background:#e3ca8c;box-shadow:0 4px 0 #bea878}.cell.hill{background:#9db485;box-shadow:0 4px 0 #7b986e}.cell:disabled{cursor:default}.cell.legal{outline:3px solid #f9c366;outline-offset:-5px}.cell.legal:hover{transform:translateY(2px);box-shadow:0 2px 0 #8bac72;background:#c9df98}.cell.built{background:#f3df9f}.build-area{margin-top:24px}.build-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.build-heading h3{font-size:18px;margin:0 0 12px}.build-heading span{font-size:11px;color:#678479}.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tool{min-height:94px;border:2px solid #d4e5d7;border-radius:12px;background:#f8fbf5;color:#23574e;padding:8px 5px;text-align:center}.tool[aria-pressed=true]{border-color:#207c68;background:#e3f5e8;box-shadow:inset 0 0 0 2px #207c68}.tool:disabled{opacity:.43;cursor:not-allowed}.tool-icon{display:block;font-size:24px}.tool strong{display:block;font-size:13px}.tool small{display:block;font-size:10px;line-height:1.25;margin-top:3px}.keyboard-help{font-size:11px;line-height:1.6;color:#698278}.side-card{padding:25px}.side-illustration{width:50px;height:50px;border-radius:14px;background:#d7efe1;color:#327e5c;display:grid;place-items:center;font-size:32px}.side-card h2{font-size:29px;line-height:1.3;margin:20px 0 12px}.side-card p{font-size:13px;line-height:1.85;color:#5b756d}.bonus-list{border-block:1px solid #e0ece3;margin:19px 0;padding:9px 0}.bonus-list div{display:flex;justify-content:space-between;gap:9px;font-size:11px;padding:7px 0}.bonus-list dt{font-weight:750}.bonus-list dd{margin:0;color:#318364;font-weight:800}.side-card .save-note{font-size:11px}.overlay{position:absolute;inset:0;background:#1c4649db;display:grid;place-items:center;padding:18px;z-index:4}.overlay[hidden]{display:none}.overlay-inner{background:#fffef8;border-radius:21px;max-width:410px;width:100%;text-align:center;padding:30px;box-shadow:0 15px 40px #0a30336b}.overlay-inner>span{font-size:43px;color:#e7aa58}.overlay h3{font-size:25px;margin:9px 0}.overlay p{color:#5b726b;line-height:1.8;font-size:14px}.overlay .primary{margin-top:10px}.how{padding-block:78px 90px}.how h2{font-size:36px;margin:11px 0 28px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.rules article{border-top:2px solid #a8d1b4;padding-top:16px}.rules article span{font-size:12px;color:#388569;font-weight:850}.rules h3{margin:12px 0 8px;font-size:19px}.rules p,.how-note{font-size:14px;line-height:1.85;color:#62796f}.how-note{margin-top:28px}.footer{min-height:100px;border-top:1px solid #d9e9df;display:flex;align-items:center;gap:22px;font-size:12px;color:#5b756e}.footer small{margin-left:auto}@media(max-width:850px){.play-layout{grid-template-columns:1fr}.side-card{display:block}}@media(max-width:630px){.wrap{padding-inline:15px}.site-header{min-height:65px}.brand{font-size:15px}.site-header nav{gap:11px;font-size:11px}.site-header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-block:33px 47px}.hero h1{font-size:68px}.hero-art{height:210px}.hero-house{font-size:70px;bottom:53px}.hero-tree{font-size:80px;bottom:47px}.hero-island{height:75px}.play-zone{padding-block:38px 58px}.game-card,.side-card{padding:17px;border-radius:18px}.game-head h2{font-size:21px}.stage-pill{padding:7px 10px}.resource-grid{grid-template-columns:repeat(3,1fr)}.board-wrap{padding:11px}.board{gap:5px}.cell{font-size:25px;min-height:50px;border-radius:9px}.cell small{font-size:8px}.tools{grid-template-columns:repeat(3,1fr)}.tool{min-height:83px}.rules{grid-template-columns:1fr;gap:13px}.footer{padding-block:21px;min-height:auto;flex-wrap:wrap;gap:11px}.footer small{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}