*{box-sizing:border-box}body{margin:0;background:#e9e9df;color:#183b36;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #ed8c37;outline-offset:5px}.review{min-height:100px;padding:17px 30px;background:#fafbf4;display:flex;align-items:center;gap:28px;border-bottom:1px solid #c8d4c4}.review-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:#65796e}.review h1{font-size:20px;margin:7px 0}.review nav{display:flex;gap:8px;margin-left:auto}.review nav button{background:transparent;border:1px solid #c6cec2;border-radius:6px;padding:12px 16px;font-weight:700;font-size:14px;color:#244b40}.review nav button.active{background:#1f4a3e;color:white;border-color:#1f4a3e}.wrap{display:flex;justify-content:center;align-items:center;padding:22px 20px}.viewport{position:relative;overflow:hidden;flex-shrink:0}.screen{width:1200px;height:800px;transform-origin:top left;position:absolute;overflow:hidden}.concept{display:none;width:100%;height:100%;position:absolute}.concept.active{display:block}.game{border:0;padding:0;text-align:left;position:absolute;color:inherit;transition:transform .15s}.game:hover{transform:translateY(-5px)}.game .art{position:relative;overflow:hidden}.game .art img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}.game .play{display:flex;align-items:center;justify-content:center}.triangle{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid currentColor;margin-left:4px}.foot{position:absolute;bottom:24px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:bold}.foot .instruction{display:flex;gap:12px;align-items:center}.sound{border:0;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;background:#fff4cf;color:#23574e}.sound svg{width:26px;height:26px}.about{border:0;background:transparent;color:inherit;font-size:15px;font-weight:700;padding:16px}.utility{display:flex;gap:10px;align-items:center}.flag{width:68px;height:40px;display:block;box-shadow:0 0 0 4px #fff5d8}.bird{width:125px;height:100px}.brand{position:absolute;display:flex;align-items:center;gap:18px}.brand h2{margin:0;font-size:52px;letter-spacing:-2px;line-height:1}.brand .kicker{font-size:12px;font-weight:800;letter-spacing:4px;margin-bottom:8px}.island{position:absolute;pointer-events:none}.compass{position:absolute;font:italic 15px Georgia;opacity:.5}.card-title{display:block}.tag{font-size:11px;letter-spacing:2px;font-weight:800}.map-label{position:absolute;pointer-events:none;font-size:18px;letter-spacing:7px;font-style:italic;opacity:.55;font-family:Georgia}
.preview-art{display:block;width:100%;height:100%;image-rendering:pixelated}/* One — the island map */
.one{background:#b9e4db;color:#164c43;background-image:radial-gradient(ellipse at 51% 49%,#d5f1de 0,transparent 55%),repeating-radial-gradient(ellipse at 51% 46%,transparent 0,transparent 49px,#91c9be55 50px,#91c9be55 51px,transparent 52px)}.one:after{content:'';position:absolute;inset:15px;border:1px solid #5d9f9250;pointer-events:none;border-radius:20px}.one .brand{left:53px;top:40px}.one .brand h2{color:#154a3e;font-family:Georgia,serif;font-weight:900;font-size:54px}.one .brand .flag{margin-right:4px}.one .bird{position:absolute;right:88px;top:32px;transform:rotate(-7deg)}.one .island{top:199px;left:80px;width:1040px;height:430px;filter:drop-shadow(0 14px 0 #6fafa75a)}.one .map-label{left:475px;top:450px;font-size:16px;letter-spacing:5px;color:#416e3c}.one .game{width:330px;height:227px;background:#fff5d9;padding:9px;border-radius:17px;box-shadow:0 6px 0 #3b766766,0 14px 22px #23675d20;border:2px solid #fff8e8}.one .game .art{height:156px;border-radius:9px}.one .game .card-title{font-family:Georgia,serif;font-size:22px;font-weight:bold;line-height:1.1;padding:12px 44px 0 5px}.one .game .play{position:absolute;right:11px;bottom:10px;width:42px;height:42px;border-radius:50%;background:#246b4f;color:#fff4c9}.one .game .triangle{border-top-width:8px;border-bottom-width:8px;border-left-width:13px}.one .game:nth-of-type(1){left:76px;top:213px}.one .game:nth-of-type(2){left:795px;top:179px}.one .game:nth-of-type(3){left:173px;top:480px}.one .game:nth-of-type(4){left:714px;top:462px}.one .game[data-game="pirates"] .card-title{font-size:20px;padding-top:10px;max-width:260px}.one .game[data-game="bolt"] .art img{height:220px;transform:translateY(-30px)}.one .game[data-game="pirates"] .art img{height:200px;transform:translateY(-25px)}.one .compass{top:484px;left:72px}.one .foot{bottom:26px}.one .foot .instruction{background:#dff1daaa;padding:13px 20px;border-radius:30px}.one .map-note{position:absolute;left:525px;top:658px;font-size:11px;color:#46766c;max-width:150px;line-height:1.5;text-align:center}

html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{background:#164b43;display:grid;place-items:center}a{color:inherit;text-decoration:none}.viewport{position:relative}.screen{position:absolute;left:0;top:0}.one .brand h1{color:#154a3e;font-family:Georgia,serif;font-weight:900;font-size:54px;margin:0;letter-spacing:-2px;line-height:1;touch-action:none}.creator-credit{position:absolute;left:330px;right:330px;bottom:8px;margin:0;text-align:center;font-size:12px;letter-spacing:.15px;color:#2d6255;z-index:1}.one .map-note{top:661px}.one .foot{bottom:29px}.one .game{text-decoration:none}.one .game[data-game="port-royal"]{left:76px;top:213px}.one .game[data-game="bolt"]{left:795px;top:179px}.one .game[data-game="pirates"]{left:173px;top:480px}.one .game[data-game="bobsled"]{left:714px;top:462px}.one .game.launching{opacity:.65;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sound.muted{opacity:.55}.sound.muted:after{content:'';position:absolute;width:25px;height:2px;background:currentColor;transform:rotate(-45deg)}.fallback-art{display:none;font-size:64px;color:#fff7db;place-items:center;height:100%;background:#3c8069}.art-unavailable .preview-art{display:none}.art-unavailable .fallback-art{display:grid}.one .bird{animation:hover-bird 4s ease-in-out infinite}.tap-hand{font-size:26px;animation:tap-hint 5s ease-in-out infinite}.one{animation:sea-light 14s ease-in-out infinite alternate}.one .brand{z-index:2}.modal{position:absolute;inset:0;z-index:40;background:#173e35d9;display:grid;place-items:center;backdrop-filter:blur(6px)}[hidden]{display:none!important}.dialog{position:relative;width:690px;max-height:680px;overflow:auto;border:3px solid #dcc583;border-radius:23px;background:#fff8df;padding:36px;color:#214e40;box-shadow:0 20px 70px #123a3866}.dialog h2{font:900 33px Georgia;margin:6px 54px 22px 0}.dialog p{font-size:20px;line-height:1.5}.dialog .creator{font-size:16px}.dialog .arrangement{font-size:17px}.dialog a{text-decoration:underline;line-height:1.5}.dialog details{margin-top:22px;font-size:16px}.dialog details p{font-size:16px}.dialog summary{cursor:pointer;padding:12px 0}.close{position:absolute;right:20px;top:20px;border:0;border-radius:50%;background:#295e47;color:#fff3cc;width:56px;height:56px;font-size:30px}.about-symbols{display:flex;align-items:center;gap:30px;height:95px}.about-symbols .bird{position:static!important;animation:none;width:130px;height:100px;transform:none}.about-symbols .flag{width:96px;height:56px}.setting{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:22px 0;font-size:20px}.setting input[type=checkbox]{width:28px;height:28px;accent-color:#2b6e4d}.setting input[type=range]{width:230px;accent-color:#2b6e4d}.welcome{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#b9e4dbea;backdrop-filter:blur(6px)}.welcome-inner{text-align:center;width:650px;color:#174a3b}.welcome .flag{width:120px;height:70px;margin:0 auto 25px}.welcome h2{font:900 65px Georgia;margin:12px 0 22px;letter-spacing:-2px}.welcome .bird{position:static;width:150px;height:110px;display:block;margin:0 auto}.welcome .enter{width:150px;height:150px;border-radius:50%;border:5px solid #fff5cf;background:#246b4f;color:#fff4c9;display:grid;place-items:center;margin:25px auto 20px;box-shadow:0 8px #3d7663}.welcome .enter .triangle{border-top-width:28px;border-bottom-width:28px;border-left-width:43px;margin-left:10px}.welcome p{font-size:23px;font-weight:bold}.welcome .small-credit{font-size:14px;font-weight:normal}.portrait{display:none;position:fixed;inset:0;z-index:100;background:#b9e4db;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;color:#194a3d}.portrait svg{width:150px;height:150px}.portrait h2{font:900 34px Georgia}.portrait p{font-size:19px}.safe-note{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
@keyframes hover-bird{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes tap-hint{0%,80%,100%{transform:translateY(0)}85%,95%{transform:translateY(-4px)}90%{transform:translateY(2px)}}@keyframes sea-light{from{background-color:#b9e4db}to{background-color:#b1ded5}}@media(orientation:portrait){.portrait{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}