:root{color-scheme:dark;font-family:Georgia,serif;color:#f6ebd0;background:#07191b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{touch-action:none;user-select:none}canvas{position:fixed;width:100%;height:100%;object-fit:contain;inset:0}button,select,input{font:inherit}button,select{background:#183f3d;color:#fff4d1;border:1px solid #77907a;border-radius:9px;padding:11px 19px;cursor:pointer}button:hover,button:focus-visible{background:#376553;outline:2px solid #efcd77}button:disabled{opacity:.4;cursor:default}.gold{background:#deb25e;color:#152926;border-color:#ffdf90;font-weight:bold}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;background:linear-gradient(90deg,#041d24d9,#052a2940);overflow:auto}.panel:empty{display:none}.sheet{width:min(970px,95vw);max-height:92dvh;overflow:auto;background:#092a2bed;border:1px solid #a9be9166;border-radius:18px;padding:28px;box-shadow:0 24px 90px #0007}.hero{max-width:820px;text-align:center;background:linear-gradient(#092f2bdb,#061d26ed);border-top:2px solid #c8a65d}.eyebrow{font:12px/1.6 system-ui;letter-spacing:.3em;text-transform:uppercase;color:#cbd9b5}h1{font-size:clamp(35px,6vw,73px);line-height:.95;margin:14px 0;color:#f7db8e;text-shadow:0 4px 0 #684b22,0 12px 20px #0009}h1 small{font-size:.42em;display:block;letter-spacing:.2em;margin-top:12px}h2{font-size:30px;margin:5px 0 14px;color:#eed89e}h3{margin:4px 0 8px}p{font:16px/1.55 system-ui;color:#d7e2d2}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:16px 0}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.slot{text-align:left;min-height:90px}.slot strong,.slot small{display:block;margin:6px 0}.subtle,small{font:12px/1.5 system-ui;color:#afc5bc}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.world{padding:14px;background:#0c3d3ec7;border:1px solid #859d7155;border-radius:12px}.world button{font:14px system-ui;padding:8px;margin:3px 0;width:100%;text-align:left}.world h3{font-size:18px;color:#dfcb93}.world small{display:block}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;font:15px system-ui}.settings input[type=range]{max-width:150px}.controls{font:15px/1.7 system-ui}.controls kbd{color:#ffe19b}.remap{display:flex;gap:8px;flex-wrap:wrap}.remap button{font:13px system-ui}#hud{position:absolute;left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));top:10px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}#hud[hidden]{display:none}#status{font:bold 14px/1.8 system-ui;text-shadow:0 2px 3px black;background:#052024c9;padding:8px 16px;border:1px solid #bfa4676b;border-radius:10px}#pauseButton{pointer-events:auto;padding:8px 17px}#toast{position:absolute;top:22%;left:50%;transform:translateX(-50%);background:#082c2aed;border:1px solid #cfb16e;padding:12px 22px;border-radius:10px;display:none;text-align:center;max-width:85%;font:16px system-ui;pointer-events:none}#touch{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:none;justify-content:space-between;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;font:bold 13px system-ui;background:#123936b8;border:1px solid #d6e5b577;box-shadow:0 4px 10px #0006;width:59px;height:53px;padding:2px}#touch button.held{background:#c9a456;color:#082927}.dpad,.actions{display:flex;align-items:center;gap:7px}.dpad>div{display:flex;flex-direction:column;gap:4px}.actions button:last-child{width:76px;height:76px;border-radius:50%;background:#bb984fcc;color:#fff}.actions{align-items:flex-end}#portrait{display:none;position:absolute;inset:0;background:#06262af5;z-index:10;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center;padding:30px;font:22px system-ui}body.playing.touch #touch{display:flex}@media(max-width:700px){.sheet{padding:17px}.worlds{grid-template-columns:1fr 1fr}.settings{grid-template-columns:1fr}.slots{gap:6px}.slot{padding:9px}p{font-size:14px}.panel{padding:10px}#status{font-size:11px;padding:5px 10px}}@media(orientation:portrait) and (pointer:coarse){body:not(.portrait-ok) #portrait{display:flex}}@media(max-height:500px){.sheet{max-height:96dvh;padding:16px}.hero h1{font-size:42px}.hero p{margin:8px}.slots{margin:10px 0}.slot{min-height:65px}.row{margin:10px 0}}
.island-route{display:block;width:100%;max-height:140px;margin:0 0 14px;background:linear-gradient(#103b4b,#18515a);border-radius:12px;border:1px solid #bca66d55}