@font-face{font-family:GoatesqueGaramond;src:url(/game/assets/EBGaramond08-Regular.ttf) format("truetype");font-display:swap}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0a0b0b;color:#f4efd6;font-family:GoatesqueGaramond,Georgia,serif}body{display:flex;align-items:center;justify-content:center}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #f2efd1;outline-offset:4px}.game-shell{position:relative;width:min(100vw,177.777778vh);height:min(56.25vw,100vh);isolation:isolate}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.native-buttons{position:absolute;inset:0;pointer-events:none}.native-button{position:absolute;pointer-events:auto;border:0;padding:0;background:transparent;color:transparent;cursor:pointer;font-size:0}.native-button:focus-visible{outline:2px solid #f1e7b7;outline-offset:8px;box-shadow:0 0 18px #f5edb84d}.native-button:disabled{pointer-events:none}.online-button{position:absolute;right:1.8%;top:2%;border:1px solid #cac6ac77;background:#101413bb;padding:.3em .8em;color:#eee9ca;font-size:clamp(12px,1.35vw,24px);text-shadow:0 2px 4px #000}.online-button:hover{background:#333830dd}.room-bar{position:absolute;left:50%;top:1.4%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:95%;padding:5px 13px;background:#101310cc;border:1px solid #b3baa333;color:#dfdfc3;font:clamp(10px,1.05vw,18px)/1.4 GoatesqueGaramond,serif;white-space:nowrap}.room-bar button{color:inherit;background:none;border:0;padding:2px 5px}.room-bar strong{font-family:monospace;font-size:.8em;letter-spacing:2px}.room-bar #connection-dot{width:5px;height:5px;border-radius:100%;background:#a17854;flex-shrink:0}.room-bar #connection-dot.connected{background:#afbd8e}.online-dialog{position:absolute;inset:0;display:grid;place-items:center;background:#000b;z-index:5;padding:20px}.online-panel{position:relative;width:min(580px,95%);max-height:100%;overflow:auto;padding:40px;background:linear-gradient(#151915e8,#10130fe8),url(/game/assets/input-background.png) center/cover;border:1px solid #a4a98b;color:#eee6cc;text-align:center;box-shadow:0 12px 70px #0009}.online-panel h1{font-size:48px;line-height:1;margin:0 0 22px;font-weight:normal}.online-panel p{font-size:21px;line-height:1.5;margin:0 0 24px}.online-panel .close{position:absolute;right:12px;top:5px;background:none;border:0;color:#d6d7bd;font-size:32px}.stone-button{padding:11px 20px;border:1px solid #c3c5ab;background:#68736677;color:#fff6d8;font-size:24px;line-height:1.1}.stone-button:hover{background:#89917a99}.stone-button:disabled{opacity:.45}.online-panel>button.stone-button{width:100%}.online-panel label{display:block;margin:22px 0 10px;font-size:20px}.join-row{display:flex;gap:10px}.join-row input{width:100%;min-width:0;background:#0b100c99;border:1px solid #858e74;color:#ebe5c9;font:22px/1.4 monospace;letter-spacing:4px;text-transform:uppercase;padding:10px 15px}.online-panel #room-error{font-size:17px;min-height:22px;color:#e8b492;margin:12px 0}.online-panel small{font-size:16px;line-height:1.6;color:#babda3}.loading{position:absolute;inset:0;z-index:10;background:#101412;display:grid;place-items:center;color:#ddd9bc;font-size:clamp(20px,3vw,40px)}.toast{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;z-index:9;background:#101610e8;border:1px solid #d1cda16b;padding:8px 18px;color:#e4dfc2;font-size:clamp(14px,1.5vw,24px);text-align:center;line-height:1.4}.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}.touch-controls{position:absolute;top:100%;left:0;right:0;display:none;align-items:center;justify-content:center;gap:5px;padding:8px;background:#0a100b;touch-action:none}.touch-controls button{min-width:31px;min-height:40px;border:1px solid #6c795d;background:#273324;color:#e0dfbd;padding:5px 8px;font-size:16px;touch-action:none}.touch-controls button:first-child,.touch-controls button[data-touch=gate]{font-size:12px}.touch-controls button.pressed{background:#64754c}:fullscreen{width:100vw;height:100vh;background:#080b08;display:flex;align-items:center;justify-content:center}:fullscreen canvas{width:min(100vw,177.777778vh);height:min(56.25vw,100vh)}
@media(pointer:coarse){.touch-controls:not([hidden]){display:flex}.online-button{font-size:13px}.room-bar{gap:5px;font-size:11px}.room-bar #your-player{display:none}.room-bar #connection-label{max-width:100px;overflow:hidden}.online-panel{padding:20px}.online-panel h1{font-size:32px;margin-bottom:10px}.online-panel p{font-size:16px;margin-bottom:12px}.online-panel label{font-size:15px;margin-top:12px}.online-panel small{font-size:12px}.stone-button{font-size:18px;padding:8px}.join-row input{font-size:16px;padding:8px}.online-panel #room-error{font-size:12px;min-height:0;margin:8px 0}}

.game-shell[data-screen=map] .online-button{left:1.8%;right:auto}
/* Touch controls stay inside the visible viewport, including landscape full screen. */
html,body{overscroll-behavior:none}button,canvas{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.game-tools{position:fixed;z-index:30;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:6px}.game-tools button{min-width:44px;min-height:40px;border:1px solid #a4a98b88;background:#111a12dc;color:#eee9ca;padding:5px 12px;font-size:16px}.game-tools button[aria-pressed=true]{background:#596c4b}
.touch-controls,.touch-controls:not([hidden]){display:none;position:fixed;inset:auto max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:20;background:none;padding:0;pointer-events:none;justify-content:space-between;align-items:end;gap:12px}.touch-left,.touch-right{pointer-events:auto;display:grid;gap:7px}.touch-left{grid-template-columns:repeat(2,52px)}.touch-right{grid-template-columns:repeat(3,52px)}.touch-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:52px;height:52px;border:1px solid #b5bca67d;border-radius:12px;background:#1b2b21d9;color:#f4efd6;font:27px/1 GoatesqueGaramond,serif;box-shadow:0 2px 10px #0006;touch-action:none}.touch-controls button small{font:10px/1.2 system-ui,sans-serif;margin-top:3px}.touch-controls button[data-touch=jump]{background:#536347dd}.touch-controls button.pressed{background:#859d65}.touch-controls #touch-player{grid-column:1/-1;width:100%;height:30px;font:13px/1 system-ui,sans-serif}.touch-controls button[data-touch=gate]{font-size:27px}
html[data-touch=on] .touch-controls:not([hidden]){display:flex}html[data-touch=on] .game-tools{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));bottom:auto;left:auto;transform:none}html[data-touch=on] .game-tools button{min-height:38px;padding:4px 10px}html[data-touch=on] .online-button{left:1.8%;right:auto}html[data-touch=on] .room-bar{max-width:calc(100% - 155px);left:8px;transform:none;gap:5px;font-size:11px}html[data-touch=on] .room-bar #connection-label{max-width:95px;overflow:hidden}html[data-touch=on] .room-bar #your-player{display:none}
@media(max-width:420px){.touch-left{grid-template-columns:repeat(2,46px)}.touch-right{grid-template-columns:repeat(3,46px)}.touch-controls button{width:46px;height:48px}.online-panel{width:100%;padding:16px}.online-panel h1{font-size:28px}.online-panel p{font-size:14px;margin-bottom:8px}.online-panel small{font-size:11px}}