:root{--gold:#f6c944;--gold-dk:#b8901f;--wood:#7a5230;--wood-dk:#4a3120;--wood-lt:#9c6d44;--stone:#7d8286;--stone-dk:#4e5356;--stone-lt:#a3a8ab;--ink:#22201c}html,body{overscroll-behavior:none;background:#8ec7e8;height:100%;margin:0;overflow:hidden}#wrap{color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#8ec7e8;font-family:system-ui,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{image-rendering:pixelated;display:block}.hidden{display:none!important}.screen{z-index:3;background:#141c248c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{box-sizing:border-box;text-align:center;background:var(--stone);border-top:5px solid var(--stone-lt);border-left:5px solid var(--stone-lt);border-right:5px solid var(--stone-dk);border-bottom:5px solid var(--stone-dk);width:min(390px,100%);max-height:92%;padding:22px 20px 18px;overflow:auto;box-shadow:0 0 0 4px #2e3234}h1{letter-spacing:1px;color:#f4f1e8;text-shadow:3px 3px #3c4043;margin:0;font-size:30px;font-weight:800}h2{color:#f4f1e8;text-shadow:3px 3px #3c4043;margin:0 0 10px;font-size:26px;font-weight:800}.sub{color:#e7e2d6;text-shadow:2px 2px #3c4043;margin:0;font-size:14px;font-weight:600}.lede{color:#f1ede2;text-shadow:1px 1px #4a4f52;margin:0 0 16px;font-size:15px;line-height:1.5}.screen.port{pointer-events:none;background:0 0;align-items:flex-end;padding:0}.screen.port .panel{pointer-events:auto;width:100%;max-width:560px;max-height:62%;padding:12px 12px max(12px, env(safe-area-inset-bottom))}@media (aspect-ratio>=1){.screen.port{justify-content:flex-end;align-items:center;padding:16px}.screen.port .panel{width:360px;max-height:100%}.shop{grid-template-columns:repeat(2,1fr)!important}}.port-head{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;background:var(--wood);border-top:4px solid var(--wood-lt);border-left:4px solid var(--wood-lt);border-right:4px solid var(--wood-dk);border-bottom:4px solid var(--wood-dk);flex:none;width:48px;height:48px;padding:0;font-size:22px}.bank{color:#fff;text-shadow:3px 3px #00000073;justify-content:center;align-items:center;gap:10px;margin:6px 0 2px;font:800 34px system-ui,sans-serif;display:flex}.last{color:#eae5d8;text-shadow:1px 1px #4a4f52;margin:0 0 8px;font-size:13px}.shop{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 4px;display:grid}.up{cursor:pointer;color:#f4f1e8;text-shadow:1px 1px #3a3f42;background:#5f6569;border:4px solid #3f4447;border-color:#868c90 #3f4447 #3f4447 #868c90;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 3px 6px;font:700 13px system-ui,sans-serif;display:flex}.up.can{background:#3f8f4a;border-color:#63b46d #2a6632 #2a6632 #63b46d}.up:active{transform:translateY(2px)}.up-icon{font-size:26px;line-height:1.1}.up-hint{opacity:.9;min-height:2.5em;font-size:10.5px;font-weight:600;line-height:1.2}.up-lvl{gap:3px;display:flex}.up-lvl i{background:#0000004d;width:10px;height:10px}.up-lvl i.on{background:var(--gold);box-shadow:inset -2px -2px 0 var(--gold-dk)}.up-price{align-items:center;gap:4px;font-size:16px;display:flex}.up-price .cube{width:12px;height:12px;box-shadow:inset -3px -3px 0 var(--gold-dk)}.up.cant .up-price{color:#ffc2b8}.up.max .up-price{color:var(--gold)}.up.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn{cursor:pointer;color:#f4f1e8;text-shadow:2px 2px #3a3f42;background:var(--wood);border-top:4px solid var(--wood-lt);border-left:4px solid var(--wood-lt);border-right:4px solid var(--wood-dk);border-bottom:4px solid var(--wood-dk);width:100%;margin:8px 0 0;padding:14px;font:700 17px system-ui,sans-serif;display:block}.btn.primary{background:#3f8f4a;border-color:#63b46d #2a6632 #2a6632 #63b46d;padding:16px;font-size:20px}.btn.primary:active{border-color:#2a6632 #63b46d #63b46d #2a6632}.btn:focus-visible,.up:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#hud{z-index:2;padding:max(12px, env(safe-area-inset-top)) 14px 12px;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-gold{color:#fff;text-shadow:3px 3px #00000080;align-items:center;gap:8px;font:800 24px system-ui,sans-serif;display:flex}.hud-dist{color:#fff;text-shadow:2px 2px #00000080;margin-top:2px;font:800 16px system-ui,sans-serif}.cube{background:var(--gold);width:18px;height:18px;box-shadow:inset -4px -4px 0 var(--gold-dk);flex:none}.cube.big{width:26px;height:26px;box-shadow:inset -5px -5px 0 var(--gold-dk)}.hud-crew{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:52%;display:flex}.pip{background:#e8e3d6;width:14px;height:14px;box-shadow:inset -3px -3px #9a9588}.pip.out{box-shadow:none;background:#ffffff2e}.pip.shield{background:#9cc3ec;box-shadow:inset -3px -3px #557fae}#toast{z-index:4;text-align:center;color:#fff;text-shadow:3px 3px #0000008c;opacity:0;pointer-events:none;padding:0 20px;font:800 26px system-ui,sans-serif;transition:opacity .2s;position:absolute;top:30%;left:0;right:0}#toast.on{opacity:1}#hint{z-index:2;color:#fff;text-shadow:3px 3px #0000008c;pointer-events:none;flex-direction:column;align-items:center;gap:6px;font:800 22px system-ui,sans-serif;display:flex;position:absolute;bottom:14%;left:0;right:0}.finger{font-size:44px;animation:.9s ease-in-out infinite alternate sway}@keyframes sway{0%{transform:translate(-50px)}to{transform:translate(50px)}}.hud-left{align-items:flex-start;gap:10px;display:flex}.hud-left .icon-btn{pointer-events:auto;width:44px;height:44px;font-size:18px}.hud-isles{color:#fff;text-shadow:2px 2px #00000080;margin-top:2px;font:800 16px system-ui,sans-serif}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}#minimap{width:120px;height:120px;image-rendering:pixelated;border:4px solid #4e5356;box-shadow:0 0 0 2px #a3a8ab}#joy{z-index:2;box-sizing:border-box;pointer-events:none;background:#ffffff29;border:4px solid #ffffff8c;width:110px;height:110px;position:absolute;transform:translate(-50%,-50%)}#joyKnob{background:#ffffffd9;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -5px -5px #0003}#actBtn{right:max(16px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:3;cursor:pointer;color:#f4f1e8;text-shadow:2px 2px #2a4a2e;background:#3f8f4a;border:5px solid #2a6632;border-color:#63b46d #2a6632 #2a6632 #63b46d;padding:18px 22px;font:800 21px system-ui,sans-serif;animation:1.2s ease-in-out infinite pulse;position:absolute}#actBtn:active{transform:translateY(3px)}#wrap.on-land #actBtn{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 104px)}#jumpBtn{right:max(16px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:3;cursor:pointer;color:#fff;text-shadow:2px 2px #0006;touch-action:none;background:#28303880;border:4px solid #ffffffa6;width:88px;height:88px;font:800 38px system-ui,sans-serif;position:absolute}#jumpBtn:active{background:#283038bf}#boardBtn{left:14px;top:calc(max(12px, env(safe-area-inset-top)) + 62px);z-index:3;cursor:pointer;color:#f4f1e8;text-shadow:2px 2px #3a3f42;background:var(--wood);border-top:4px solid var(--wood-lt);border-left:4px solid var(--wood-lt);border-right:4px solid var(--wood-dk);border-bottom:4px solid var(--wood-dk);padding:10px 14px;font:800 16px system-ui,sans-serif;position:absolute}#boardBtn:active{transform:translateY(2px)}#buildBar{left:max(12px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:3;background:#2830388c;border:3px solid #ffffff80;flex-wrap:wrap;gap:6px;max-width:min(100% - 140px,330px);padding:6px;display:flex;position:absolute}#buildBar .swatch{cursor:pointer;border:3px solid #00000059;width:40px;height:40px;padding:0;font:20px system-ui,sans-serif}#buildBar .swatch.on{border-color:#fff;transform:translateY(-4px);box-shadow:0 0 0 2px #2a2a2a}#buildBar .swatch.erase{background:#d8d2c4}@keyframes pulse{50%{filter:brightness(1.15)}}#hintText{text-align:center;padding:0 16px}.quests{text-align:left;gap:4px;margin:0 0 8px;display:grid}.quest{color:#3a2a18;background:#f4ecd8;align-items:center;gap:8px;padding:6px 8px;font:700 13px system-ui,sans-serif;display:flex;box-shadow:inset -3px -3px #c9b58a}.quest b{white-space:nowrap;color:#7a5a3a;margin-left:auto}#spyMask{z-index:1;pointer-events:none;background:linear-gradient(#ffffff80,#ffffff80) 50% 45%/2px 30px no-repeat,linear-gradient(#ffffff80,#ffffff80) 50% 45%/30px 2px no-repeat,radial-gradient(circle at 50% 45%,#0000 0 34vmin,#0a0e14eb 36vmin);position:absolute;inset:0}#spyLabel{z-index:2;white-space:nowrap;color:#fff;text-shadow:2px 2px #00000080;pointer-events:none;background:#14181c99;padding:6px 14px;font:800 20px system-ui,sans-serif;position:absolute;top:14%;left:50%;transform:translate(-50%)}#worldMap{aspect-ratio:1;border:4px solid #4e5356;width:min(280px,100%);margin:0 auto 4px;display:block;box-shadow:0 0 0 2px #a3a8ab}.head-btns{gap:6px;display:flex}#scPassport{z-index:5}#scPassport .panel{width:min(560px,100%);max-height:90%}.stamps{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.stamp{color:#9aa0a4;background:#0000002e;border:3px dashed #6a6f74;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:84px;padding:6px 4px;font:800 22px system-ui,sans-serif;display:flex}.stamp.found{cursor:pointer;color:var(--c);border:3px dashed var(--c);background:#f4ecd8;font-size:12px;line-height:1.2;transform:rotate(-3deg)}.stamp.found:nth-child(2n){transform:rotate(2.5deg)}.stamp.found small{opacity:.85;font-size:10px;font-weight:600}#factCard{left:max(14px, env(safe-area-inset-left));top:calc(max(12px, env(safe-area-inset-top)) + 168px);z-index:6;box-sizing:border-box;cursor:pointer;color:#3a2a18;background:#f4ecd8;border:4px solid #c9b58a;border-color:#fff8e6 #c9b58a #c9b58a #fff8e6;width:min(270px,56%);padding:8px 10px 10px;animation:.35s ease-out card-in;position:absolute;box-shadow:0 0 0 3px #6a4a2e}.fc-top{letter-spacing:1px;text-transform:uppercase;color:#b8322a;font:800 10px system-ui,sans-serif}.fc-name{margin-top:2px;font:800 16px system-ui,sans-serif}.fc-country{color:#7a5a3a;font:700 11px system-ui,sans-serif}.fc-text{margin-top:4px;font:600 12.5px/1.35 system-ui,sans-serif}#factCard.collapsed{width:auto;max-width:min(230px,56%);padding:6px 9px}#factCard.collapsed .fc-text,#factCard:not(.collapsed) .fc-more{display:none}.fc-more{color:#7a5a3a;margin-top:3px;font:700 10.5px system-ui,sans-serif}@keyframes card-in{0%{opacity:0;transform:translate(-20px)}}#scPause .panel{max-height:88%}#scPause .btn{margin-top:8px}h3{color:#f4f1e8;text-shadow:2px 2px #3c4043;margin:16px 0 8px;font-size:17px;font-weight:800}.hud-gold .hold{opacity:.9;align-self:flex-end;margin-bottom:3px;font:700 12px system-ui,sans-serif}.hud-cards{flex-wrap:wrap;gap:4px;max-width:150px;margin-top:4px;display:flex}.hcard{border:2px solid var(--gold);background:#7a3fb0;place-items:center;width:28px;height:34px;font-size:16px;display:grid;position:relative;box-shadow:2px 2px #00000059}.hcard b{color:#3a2a18;background:var(--gold);padding:0 2px;font:800 10px system-ui,sans-serif;position:absolute;bottom:-6px;right:-6px}#scCards{z-index:5}#scRestart{z-index:7}#scLegend,#scAlbum{z-index:6}.album{width:min(560px,100%)!important}.stickers{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.sticker{color:#9aa0a4;text-align:center;background:#0000002e;border:3px dashed #6a6f74;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:86px;padding:6px 4px;font:800 22px system-ui,sans-serif;display:flex}.sticker.got{color:#3a2a18;background:#f4ecd8;border:3px solid #e8b830;transform:rotate(-2deg);box-shadow:3px 3px #0000004d}.sticker.got:nth-child(2n){transform:rotate(2deg)}.st-icon{font-size:34px;line-height:1.1}.st-name{font:800 12px system-ui,sans-serif}.st-hint{color:#c9cdd0;font:600 10.5px/1.2 system-ui,sans-serif}.head-btns{flex-wrap:wrap;justify-content:flex-end}.head-btns .icon-btn{width:42px;height:42px;font-size:19px}#scYard{z-index:5}.yard{width:min(520px,100%)!important}.yard-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.yard-tab{cursor:pointer;color:#f4f1e8;text-shadow:1px 1px #3a3f42;background:#5f6569;border:3px solid #3f4447;flex:auto;padding:7px 8px;font:800 13px system-ui,sans-serif}.yard-tab.on{background:var(--wood);border-color:var(--gold)}.yard-items{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.yard-item{cursor:pointer;color:#f4f1e8;text-shadow:1px 1px #3a3f42;background:#5f6569;border:4px solid #3f4447;border-color:#868c90 #3f4447 #3f4447 #868c90;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex}.yard-item.can,.yard-item.have{background:#3f8f4a;border-color:#63b46d #2a6632 #2a6632 #63b46d}.yard-item.chosen{border-color:var(--gold);background:#7a5230}.yard-item.shake{animation:.3s shake}.yi-icon{font-size:28px}.yi-swatch{border:3px solid #00000059;width:40px;height:28px}.yi-name{font:800 14px system-ui,sans-serif}.yi-text{text-align:center;opacity:.95;font:600 11px/1.25 system-ui,sans-serif}.yi-state{align-items:center;gap:4px;margin-top:auto;font:800 14px system-ui,sans-serif;display:flex}.yard-item.cant .yi-state{color:#ffc2b8}#scTavern{z-index:5}.tavern{width:min(480px,100%)!important}.small-bank{margin:0 0 8px;font-size:24px}.recruits{gap:6px;display:grid}.recruit{cursor:pointer;text-align:left;color:#f4f1e8;text-shadow:1px 1px #3a3f42;background:#5f6569;border:4px solid #3f4447;border-color:#868c90 #3f4447 #3f4447 #868c90;align-items:center;gap:10px;padding:8px 10px;display:flex}.recruit.can{background:#3f8f4a;border-color:#63b46d #2a6632 #2a6632 #63b46d}.recruit.hired{cursor:default;background:#7a5230;border-color:#9c6d44 #4a3120 #4a3120 #9c6d44}.recruit.shake{animation:.3s shake}.rc-icon{font-size:30px}.rc-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rc-name{font:800 16px system-ui,sans-serif}.rc-text{opacity:.95;font:600 12px/1.3 system-ui,sans-serif}.rc-price{white-space:nowrap;align-items:center;gap:4px;font:800 16px system-ui,sans-serif;display:flex}.recruit.cant .rc-price{color:#ffc2b8}.legend .lede{text-align:left}.legend-keys{text-align:left;gap:4px;display:grid}.legend-key{color:#3a2a18;background:#f4ecd8;padding:6px 8px;font:700 14px system-ui,sans-serif;box-shadow:inset -3px -3px #c9b58a}.legend-key.got{background:#f6d860}.story-line{color:#3a2a18;text-align:left;background:#f6d860;margin:0 0 8px;padding:6px 8px;font:800 13px system-ui,sans-serif;box-shadow:inset -3px -3px #c9a13f}.trial-row{background:#281e148c;border:2px solid #e8b830;margin-top:4px;padding:2px 8px;font-size:15px;display:inline-block}.flag-row{color:#f4f1e8;text-shadow:1px 1px #3a3f42;align-items:center;gap:8px;margin:6px 0 2px;font:800 14px system-ui,sans-serif;display:flex}.flag-row>span{white-space:nowrap}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatch{cursor:pointer;border:3px solid #00000059;width:26px;height:26px;padding:0;box-shadow:inset -3px -3px #00000040}.swatch.on{outline:3px solid var(--gold);border-color:#fff}.btn.small{opacity:.85;padding:8px;font-size:14px}.cards-panel{width:min(520px,100%)!important}.lcards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;display:grid}.lcard{cursor:pointer;color:#f4ecd8;text-shadow:1px 1px #3a1a5a;border:4px solid var(--gold);background:linear-gradient(#8a4fc0,#5a2a8a);flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:190px;padding:14px 6px 10px;animation:.35s ease-out backwards deal;display:flex;position:relative;box-shadow:inset 0 0 0 3px #3a1a5a,4px 4px #00000059}.lcard:hover,.lcard:focus-visible{outline:none;transform:translateY(-4px)}.lcard:active{transform:translateY(2px)}.lc-key{opacity:.6;font:800 11px system-ui,sans-serif;position:absolute;top:4px;left:6px}.lc-icon{font-size:40px;line-height:1.1}.lc-body{flex-direction:column;gap:6px;min-width:0;display:flex}.lc-name{color:var(--gold);font:800 15px/1.15 system-ui,sans-serif}.lc-text{font:600 12px/1.3 system-ui,sans-serif}@media (width<=640px){.lcards{grid-template-columns:1fr;gap:8px}.lcard{text-align:left;flex-direction:row;gap:12px;min-height:0;padding:10px 12px}.lc-body{flex:1;gap:2px}.lc-icon{font-size:34px}.lc-name{font-size:17px}.lc-text{font-size:13px}.lc-price{margin-top:0}.lc-key{top:2px;left:4px}}.lc-price{align-items:center;gap:4px;margin-top:auto;font:800 16px system-ui,sans-serif;display:flex}.lc-price .cube{width:12px;height:12px}@keyframes deal{0%{opacity:0;transform:translateY(40px)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){#toast{transition:none}.finger,#actBtn,.lcard{animation:none}}