html,body,#root{height:100%;margin:0}body{color:#fff8e7;-webkit-user-select:none;user-select:none;background:#18202b;font-family:Arial Rounded MT Bold,Trebuchet MS,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}span{align-content:center}:root{--base-hud-layer:3;--touch-layer:4;--match-layer:9;--intro-layer:10;--hud-layer:12}.app-shell{background:#d9b56f;min-height:100dvh;position:relative;overflow:hidden}.hud,.game-title,.moisture-bar,.share-strip{z-index:var(--base-hud-layer);position:absolute}.game-title{top:max(12px, env(safe-area-inset-top));color:#18202b;letter-spacing:0;text-align:left;text-shadow:2px 2px #fff8e7,4px 4px #18202b5c;text-transform:uppercase;pointer-events:none;gap:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.38rem,3vw,2.5rem);font-weight:900;line-height:.78;display:grid;left:16px;transform:rotate(1.8deg)}.game-title span:first-child{color:#6fd4df;-webkit-text-stroke:2px #18202b}.game-title span:last-child{color:#ff5fa2;-webkit-text-stroke:2px #18202b}.hud{top:max(10px, env(safe-area-inset-top));z-index:var(--hud-layer);color:#18202b;pointer-events:none;gap:6px;width:min(430px,100vw - 24px);display:grid;right:12px}.hud-status-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;margin-right:4px;display:flex}.hud-readout,.hud-objective{letter-spacing:0;text-shadow:1px 1px #fff8e78f;text-transform:uppercase;border:3px solid #18202b;border-radius:3px;width:fit-content;max-width:100%;font-family:Impact,Arial Black,sans-serif;font-weight:900;line-height:.95;display:inline-block;box-shadow:4px 4px #18202b75}.hud-readout{text-overflow:ellipsis;white-space:nowrap;min-height:24px;padding:5px 8px 4px;overflow:hidden}.hud-wet{background:#6fd4df;font-size:.9rem;transform:rotate(1deg)}.hud-room{background:#fff8e7;max-width:168px;font-size:.82rem;transform:rotate(1.25deg)}.hud-session{background:#ff8f5a;max-width:208px;font-size:.78rem;transform:rotate(-.75deg)}.hud-objective{color:#18202b;text-overflow:ellipsis;white-space:nowrap;background:#49b86a;justify-self:end;max-width:min(390px,100vw - 42px);margin:0;padding:7px 9px 6px;font-size:1.02rem;overflow:hidden;transform:rotate(-1deg)}.edge-scoreboard{z-index:var(--hud-layer);top:116px;left:max(6px, env(safe-area-inset-left));color:#18202b;pointer-events:none;gap:4px;max-width:124px;display:grid;position:absolute}.edge-score-tab,.edge-score-extra{letter-spacing:0;text-transform:uppercase;background:#fff8e7db;border:2px solid #18202b;border-radius:3px;grid-template-columns:minmax(26px,auto) auto;align-items:center;gap:5px;width:fit-content;max-width:124px;min-height:22px;padding:3px 6px 2px 5px;font-family:Impact,Arial Black,sans-serif;font-size:.74rem;font-weight:900;line-height:.94;display:grid;overflow:hidden;box-shadow:3px 3px #18202b52}.edge-score-tab.is-local{background:#6fd4df}.edge-score-tab.is-leader{background:#f7c948}.edge-score-name{text-overflow:ellipsis;white-space:nowrap;max-width:34px;overflow:hidden}.edge-score-pips{color:#18202b;letter-spacing:0;white-space:nowrap;min-width:42px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.edge-score-extra{color:#fff8e7;background:#18202bc7;font-size:.66rem;display:inline-block}.share-strip span,.moisture-bar{color:#18202b;background:#fff8e7db;border:2px solid #18202bb8;box-shadow:0 5px #18202b3d}.moisture-bar{top:calc(max(10px, env(safe-area-inset-top)) + 54px);pointer-events:none;border-radius:999px;grid-template-columns:auto minmax(96px,180px) auto;align-items:center;gap:8px;max-width:min(92vw,520px);min-height:32px;padding:6px 10px;font-size:.78rem;font-weight:900;display:grid;left:14px}.moisture-bar meter{width:100%;height:14px}.scene{cursor:grab;min-height:100dvh;position:absolute;inset:0}.scene:active{cursor:grabbing}.scene canvas{pointer-events:none;touch-action:none;width:100%;height:100%;display:block}.touch-layer{z-index:var(--touch-layer);pointer-events:none;position:absolute;inset:0}.joystick,.action-button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;position:absolute}.joystick{background:radial-gradient(circle,#fff8e738 0 22%,#0000 23%),#28c7d78a;border:4px solid #18202bdb;border-radius:999px;place-items:center;display:grid;box-shadow:0 10px #18202b6b}.joystick:before,.joystick:after{content:"";background:#18202b94;position:absolute}.joystick:before{width:62%;height:4px}.joystick:after{width:4px;height:62%}.joystick-knob{z-index:1;background:#fff8e7;border:4px solid #18202b;border-radius:999px;width:44%;height:44%;transition:transform 80ms linear;box-shadow:inset -8px -8px #d9b56f99}.action-button{color:#18202b;letter-spacing:0;background:#ff5fa2;border:5px solid #18202b;border-radius:999px;place-items:center;font-family:Impact,Arial Black,sans-serif;font-size:clamp(.92rem,5vw,1.5rem);font-weight:900;display:grid;box-shadow:0 10px #18202b94}.action-button span{align-content:center}.action-button:active{transform:translateY(5px);box-shadow:0 5px #18202b94}.share-strip{right:12px;bottom:max(10px, env(safe-area-inset-bottom));pointer-events:none;max-width:min(42vw,360px)}.share-strip span{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:900;display:block;overflow:hidden}.match-backdrop{z-index:var(--match-layer);background:#18202b85;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.match-modal{box-sizing:border-box;color:#18202b;background:#fff8e7;border:4px solid #18202b;border-radius:8px;gap:12px;width:min(460px,100vw - 40px);padding:22px;display:grid;box-shadow:0 10px #18202b73}.match-modal strong{font-family:Impact,Arial Black,sans-serif;font-size:2rem;line-height:.95}.match-modal p,.match-modal span,.match-modal code{margin:0;font-size:.98rem;font-weight:800;line-height:1.22}.match-modal code{text-overflow:ellipsis;white-space:nowrap;background:#ffffff8f;border:2px solid #18202b38;border-radius:6px;max-width:100%;padding:7px 9px;display:block;overflow:hidden}.match-modal button{color:#18202b;letter-spacing:0;background:#49b86a;border:3px solid #18202b;border-radius:8px;min-height:50px;font-family:Impact,Arial Black,sans-serif;font-size:1.15rem;box-shadow:0 5px #18202b47}.intro-backdrop{z-index:var(--intro-layer);background:#18202b6b;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.intro-modal{color:#18202b;background:#fff8e7;border:4px solid #18202b;border-radius:8px;width:min(420px,100vw - 40px);transform:rotate(-1deg);box-shadow:0 10px #18202b73}.intro-modal p{text-align:center;margin:0;padding:22px 22px 14px;font-family:Impact,Arial Black,sans-serif;font-size:1.32rem;line-height:1.05}.intro-modal button{color:#18202b;letter-spacing:0;background:#49b86a;border:3px solid #18202b;border-radius:8px;width:calc(100% - 28px);min-height:48px;margin:0 14px 14px;font-family:Impact,Arial Black,sans-serif;font-size:1.08rem;display:block;box-shadow:0 5px #18202b47}@media (orientation:landscape) and (height<=520px){.hud{gap:5px;width:min(306px,100vw - 160px);right:22px}.hud-session{display:none}.hud-wet{font-size:.9rem}.hud-objective{max-width:min(250px,100vw - 170px);font-size:.88rem;transform:translate(-10px)rotate(-1deg)}.moisture-bar{top:max(62px, env(safe-area-inset-top));max-width:min(48vw,480px)}.game-title{font-size:1.34rem;left:12px}.share-strip{display:none}}@media (width<=480px){.match-backdrop{padding:14px}.match-modal{border-width:3px;gap:7px;width:min(334px,100vw - 56px);max-height:min(250px,100dvh - 56px);padding:12px;overflow-y:auto;box-shadow:0 5px #18202b66}.match-modal strong{font-size:1.34rem;line-height:.92}.match-modal p,.match-modal span,.match-modal code{font-size:.78rem;line-height:1.12}.match-modal code{border-width:2px;padding:5px 7px}.match-modal button{border-width:2px;min-height:38px;font-size:.92rem;box-shadow:0 3px #18202b47}.hud{gap:5px;width:min(330px,100vw - 24px)}.hud-status-row{gap:5px;margin-right:2px}.hud-readout{border-width:2px;min-height:21px;padding:4px 6px 3px;box-shadow:3px 3px #18202b6b}.hud-wet{font-size:.76rem}.hud-room,.hud-session{max-width:154px;font-size:.64rem}.hud-objective{border-width:2px;max-width:min(284px,100vw - 34px);padding:5px 7px 4px;font-size:.74rem;transform:translate(-10px)rotate(-1deg);box-shadow:3px 3px #18202b6b}.game-title{top:max(12px, env(safe-area-inset-top));text-align:left;text-shadow:1px 1px #fff8e7,3px 3px #18202b57;font-size:.98rem;line-height:.82;left:6px;transform:rotate(2deg)}.game-title span:first-child,.game-title span:last-child{-webkit-text-stroke-width:1px}.moisture-bar{grid-template-columns:minmax(0,1fr) minmax(76px,120px) auto;max-width:calc(100vw - 28px)}.moisture-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-strip{display:none}}@media (orientation:landscape) and (height<=520px){.match-backdrop{padding:12px 18px}.match-modal{border-width:3px;gap:6px;width:min(360px,100vw - 80px);max-height:min(220px,100dvh - 44px);padding:11px 12px;overflow-y:auto;box-shadow:0 5px #18202b66}.match-modal strong{font-size:1.25rem}.match-modal p,.match-modal span,.match-modal code{font-size:.74rem;line-height:1.1}.match-modal code{padding:4px 7px}.match-modal button{border-width:2px;min-height:34px;font-size:.86rem;box-shadow:0 3px #18202b47}}