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}button:not(:disabled){cursor:pointer}button:disabled{cursor:default;filter:saturate(.68);opacity:.7}input,textarea{-webkit-user-select:text;user-select:text}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}.app-shell[data-mobile-native-mode=gameplay]{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;min-height:100dvh;overflow:hidden}.app-shell[data-mobile-native-mode=gameplay] .scene,.app-shell[data-mobile-native-mode=gameplay] .touch-layer{overscroll-behavior:none;touch-action:none}.app-shell[data-mobile-native-mode=gameplay] input,.app-shell[data-mobile-native-mode=gameplay] textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation;-webkit-touch-callout:default}.room-choice-shell{box-sizing:border-box;background:linear-gradient(#6fd4df94,#d9b56fb8 46%,#d9b56f),#d9b56f;place-items:center;padding:84px 18px 64px;display:grid}.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}.room-choice-title{z-index:var(--hud-layer)}.room-choice{color:#18202b;width:min(460px,100vw - 36px)}.room-choice-card{box-sizing:border-box;background:#fff8e7;border:4px solid #18202b;border-radius:8px;gap:14px;padding:22px;display:grid;transform:rotate(-.6deg);box-shadow:0 10px #18202b73}.room-choice-card strong{text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:2rem;line-height:.95}.room-choice-card p{margin:0;font-size:.98rem;font-weight:800;line-height:1.22}.room-choice-form{gap:8px;display:grid}.room-choice-form label{letter-spacing:0;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:.9rem}.room-choice-form input{box-sizing:border-box;color:#18202b;background:#ffffffc7;border:3px solid #18202b;border-radius:6px;width:100%;min-height:46px;padding:9px 10px;font-size:.98rem;font-weight:800}.room-choice-error{color:#18202b;background:#ffdf6f;border:3px solid #18202b;border-radius:6px;padding:8px 10px}.room-choice-form button,.room-choice-new{color:#18202b;letter-spacing:0;border:3px solid #18202b;border-radius:8px;min-height:50px;font-family:Impact,Arial Black,sans-serif;font-size:1.08rem;box-shadow:0 5px #18202b47}.room-choice-form button{background:#49b86a}.room-choice-new{background:#ff5fa2}.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}.game-menu-toggle{pointer-events:auto;background:#fff8e7;border:3px solid #18202b;border-radius:5px;place-content:center;justify-self:end;gap:4px;width:42px;height:34px;display:grid;transform:rotate(1deg);box-shadow:4px 4px #18202b75}.game-menu-toggle span{background:#18202b;border-radius:999px;width:18px;height:4px;display:block}.game-menu-backdrop{z-index:var(--hud-layer);box-sizing:border-box;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#18202bad;place-items:center;display:grid;position:fixed;inset:0}.game-menu-panel{box-sizing:border-box;color:#18202b;background:#fff8e7;border:4px solid #18202b;border-radius:8px;gap:10px;width:min(416px,100vw - 32px);max-height:min(540px,100dvh - 42px);padding:16px;display:grid;overflow-y:auto;box-shadow:0 10px #18202b73}.game-menu-header{min-width:0}.game-menu-title-row{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.game-menu-header strong{text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:1.86rem;line-height:.95}.game-menu-room-code,.game-menu-section-title{text-transform:uppercase;font-size:.78rem;font-weight:900}.game-menu-room-code{color:#18202bb8;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-menu-resume{color:#18202b;letter-spacing:0;background:#49b86a;border:3px solid #18202b;border-radius:6px;min-height:42px;font-family:Impact,Arial Black,sans-serif;font-size:1rem;box-shadow:0 5px #18202b47}.game-menu-copy{color:#18202b;letter-spacing:0;text-transform:uppercase;background:#f7c948;border:2px solid #18202b;border-radius:5px;min-width:72px;min-height:34px;font-family:Impact,Arial Black,sans-serif;font-size:.82rem;box-shadow:0 4px #18202b3d}.game-menu-share-card{background:#ffffff57;border:2px solid #18202b2e;border-radius:6px;gap:6px;padding:8px;display:grid}.game-menu-share-row{grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:6px;display:grid}.game-menu-share-url{box-sizing:border-box;color:#18202b;text-overflow:ellipsis;white-space:nowrap;background:#ffffffbd;border:2px solid #18202b5c;border-radius:5px;width:100%;min-width:0;padding:6px 8px;font-size:.74rem;font-weight:750;overflow:hidden}.game-menu-section{gap:5px;padding-top:2px;display:grid}.game-menu-section p{margin:0;font-size:.86rem;font-weight:650;line-height:1.24}.game-menu-footer{color:#18202b8a;text-transform:uppercase;padding-top:2px;font-size:.74rem;font-weight:800}.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{background:var(--edge-score-color,#fff8e7db);letter-spacing:0;text-transform:uppercase;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{box-shadow:3px 3px #18202b6b}.edge-score-tab.is-leader{border-color:#18202b}.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,.slide-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}.slide-button{color:#18202b;letter-spacing:0;background:#f7c948;border:4px solid #18202b;border-radius:999px;place-items:center;font-family:Impact,Arial Black,sans-serif;font-size:clamp(.7rem,3.4vw,1rem);font-weight:900;display:grid;overflow:hidden;box-shadow:0 7px #18202b85}.slide-button:before{background:conic-gradient(#18202b70 var(--slide-cooldown-angle,0deg), transparent 0);content:"";opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset:5px}.slide-button[data-slide-cooldown=active]:before{opacity:1}.slide-button span{z-index:1;position:relative}.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-share-url{margin:0;font-size:.98rem;font-weight:800;line-height:1.22}.match-share-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.match-share-url{box-sizing:border-box;color:#18202b;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;background:#ffffff8f;border:2px solid #18202b38;border-radius:6px;min-width:0;padding:7px 9px;overflow:hidden}.copy-link-status{color:#18202bbd;text-transform:uppercase;font-size:.78rem}.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}.pressable-button:active:not(:disabled){transform:translateY(3px)}.room-choice-form button.pressable-button:active:not(:disabled),.room-choice-new.pressable-button:active:not(:disabled),.match-modal button.pressable-button:active:not(:disabled),.intro-modal button.pressable-button:active:not(:disabled),.game-menu-resume.pressable-button:active:not(:disabled),.game-menu-copy.pressable-button:active:not(:disabled){box-shadow:0 2px #18202b47}.game-menu-toggle.pressable-button:active:not(:disabled){box-shadow:2px 2px #18202b75}.action-button.pressable-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 5px #18202b94}.slide-button.pressable-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #18202b85}@media (orientation:landscape) and (height<=520px){.hud{gap:5px;width:min(120px,100vw - 160px);right:22px}.game-menu-panel{gap:6px;width:min(430px,100vw - 52px);max-height:min(330px,100dvh - 36px);padding:12px}.game-menu-header strong{font-size:1.45rem}.game-menu-room-code,.game-menu-section-title{font-size:.7rem}.game-menu-resume{border-width:2px;min-height:34px;font-size:.86rem;box-shadow:0 3px #18202b47}.game-menu-share-card{gap:4px;padding:6px}.game-menu-share-url{padding:4px 7px;font-size:.68rem}.game-menu-copy{min-width:62px;min-height:28px;font-size:.72rem;box-shadow:0 3px #18202b3d}.game-menu-section{gap:3px}.game-menu-section p{font-size:.72rem;line-height:1.12}.game-menu-footer{font-size:.66rem}.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){.room-choice-shell{padding:76px 14px 48px}.room-choice{width:min(334px,100vw - 28px)}.room-choice-card{border-width:3px;gap:10px;padding:14px;box-shadow:0 6px #18202b66}.room-choice-card strong{font-size:1.42rem}.room-choice-card p{font-size:.82rem;line-height:1.14}.room-choice-form input{border-width:2px;min-height:40px;font-size:.86rem}.room-choice-form button,.room-choice-new{border-width:2px;min-height:40px;font-size:.92rem;box-shadow:0 3px #18202b47}.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-share-url{font-size:.78rem;line-height:1.12}.match-share-row{grid-template-columns:1fr;gap:6px}.match-share-url{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(96px,100vw - 24px)}.game-menu-toggle{border-width:2px;width:36px;height:30px;box-shadow:3px 3px #18202b6b}.game-menu-panel{border-width:3px;gap:8px;width:min(334px,100vw - 32px);max-height:min(430px,100dvh - 36px);padding:12px;box-shadow:0 6px #18202b66}.game-menu-header strong{font-size:1.4rem}.game-menu-section p,.game-menu-share-url{font-size:.78rem}.game-menu-resume{border-width:2px;min-height:38px;font-size:.92rem;box-shadow:0 3px #18202b47}.game-menu-copy{border-width:2px;min-height:32px;font-size:.78rem;box-shadow:0 3px #18202b3d}.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-share-url{font-size:.74rem;line-height:1.1}.match-share-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.match-share-url{padding:4px 7px}.match-modal button{border-width:2px;min-height:34px;font-size:.86rem;box-shadow:0 3px #18202b47}}