*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#8fc7d6;color:#143633;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{font:inherit}.appShell{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;touch-action:none}.canvasRoot{position:absolute;inset:0}.touchLayer{position:absolute;inset:0;z-index:5;pointer-events:none;touch-action:none}.joystickZone{position:absolute;inset:0 50% 0 0;z-index:7;pointer-events:auto;touch-action:none}.joystickBase,.joystickKnob{position:absolute;border-radius:999px;transform:translate(-50%,-50%)}.joystickBase{width:112px;height:112px;border:2px solid rgba(255,255,255,.72);background:#1436332e;box-shadow:0 10px 28px #14363329}.joystickKnob{width:48px;height:48px;background:#ffffffd1}.cameraZone{position:absolute;inset:0 0 0 50%;z-index:4;pointer-events:auto;touch-action:none}.touchHintLayer{position:absolute;inset:0;z-index:8;pointer-events:none}.touchHint{position:absolute;top:72%;display:grid;place-items:center;gap:1px;width:min(34vw,150px);min-height:48px;padding:7px 10px;border-radius:999px;color:#143633ad;background:#ffffff85;box-shadow:0 8px 22px #1436331a;font-size:.78rem;font-weight:800;line-height:1.08;text-align:center;transform:translate(-50%,-50%)}.touchHint.left{left:25%}.touchHint.right{left:75%}.roundButton{position:absolute;z-index:6;display:grid;place-items:center;min-width:76px;min-height:76px;border:0;outline:none;border-radius:999px;color:#143633;background:#ffffffd6;box-shadow:0 12px 32px #1436332e;pointer-events:auto;touch-action:none}.roundButton:active,.roundButton[data-active=true]{transform:scale(.96);background:#fff3bf}.homeButton{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:10;width:48px;height:48px;border:0;border-radius:999px;color:#143633;background:#ffffffd6;box-shadow:0 6px 18px #1436332e;display:grid;place-items:center;cursor:pointer;touch-action:none}.homeButton:active{transform:scale(.93);background:#fff3bf}.contextButton{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));font-size:1.45rem;overflow:hidden}.contextButton:before{position:absolute;inset:0;content:"";border-radius:inherit;background:conic-gradient(#f6d878 var(--progress, 0%),transparent 0);opacity:0}.contextButton[data-active=true]:before{opacity:1}.contextIcon{position:relative;z-index:1;font-size:1.45rem}.splashIcon{position:relative;z-index:1}.systemOverlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#e9f6efc7}.systemPanel{padding:18px 22px;border-radius:16px;background:#ffffffe6;box-shadow:0 18px 48px #1436332e;text-align:center}.startButton{min-width:min(320px,80vw);min-height:76px;border:0;border-radius:999px;color:#143633;background:#fff8c9;box-shadow:0 18px 48px #1436332e;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.celebratePanel{display:grid;gap:14px;justify-items:center}.celebrateCount{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.celebrateSubtitle{font-size:1rem;font-weight:600;opacity:.72}.modePickerPanel{display:grid;grid-template-columns:repeat(2,minmax(150px,200px));gap:14px;align-items:stretch}.modeButton{min-height:96px;border:0;border-radius:18px;padding:16px 18px;color:#143633;background:#ffffffe6;box-shadow:0 18px 48px #1436332e;display:grid;gap:6px;justify-items:center}.modeButton.primary{background:#fff8c9}.modeButton:active{transform:scale(.97)}.modeButtonTitle{font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:800}.modeButtonHint{font-size:.92rem;font-weight:700;opacity:.68}@media(max-width:520px){.modePickerPanel{grid-template-columns:minmax(180px,280px)}}@media(min-width:1100px){.modePickerPanel{grid-template-columns:repeat(4,minmax(150px,190px))}}.alphabetHud{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10;display:grid;gap:2px;justify-items:center;color:#ffffffe6;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.55)}.alphabetTarget{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.alphabetProgress{font-size:.82rem;font-weight:700;opacity:.72}.againButton{min-height:58px;min-width:180px;border:0;border-radius:999px;background:#fff8c9;color:#143633;font-weight:700}.updateToast{position:absolute;z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);min-height:44px;max-width:min(92vw,420px);border:0;border-radius:999px;padding:0 18px;color:#143633;background:#fff8c9;box-shadow:0 12px 28px #1436332e}.combatHud{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10;display:grid;gap:2px;justify-items:center;color:#ffffffd9;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}.scoreLine{font-size:.95rem;font-weight:600;letter-spacing:.04em;opacity:.75}.scoreDash{margin:0 6px;opacity:.55;font-weight:400;font-size:.78rem;text-transform:uppercase}.combatMsg{font-size:.78rem;font-weight:500;min-height:1rem;opacity:.65}.floatingHealth{position:absolute;top:0;left:0;width:56px;height:5px;background:#00000080;border-radius:3px;overflow:hidden;pointer-events:none;z-index:9;box-shadow:0 1px 2px #00000080;will-change:transform,opacity;transition:opacity .15s ease-out}.floatingHealth.player .floatingHealthFill{background:linear-gradient(90deg,#e9be4f,#fff7c7)}.floatingHealth.bot .floatingHealthFill{background:linear-gradient(90deg,#f4a,#f8c)}.floatingHealthFill{height:100%;transition:width .15s ease-out}.crosshair{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:8}.crosshairDot{position:absolute;width:6px;height:6px;border-radius:50%;background:#fd4;transform:translate(-50%,-50%);box-shadow:0 0 4px #000000b3;opacity:.95}.crosshairTick{position:absolute;background:#fd4;box-shadow:0 0 3px #000000b3;opacity:.85}.crosshairTickN,.crosshairTickS{width:2px;height:8px;left:-1px}.crosshairTickN{top:-16px}.crosshairTickS{top:8px}.crosshairTickE,.crosshairTickW{width:8px;height:2px;top:-1px}.crosshairTickE{left:8px}.crosshairTickW{left:-16px}@media(orientation:portrait){.systemOverlay{align-items:end;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.modePickerPanel{width:min(calc(100vw - 28px),430px);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modeButton{min-height:86px;padding:12px 10px;border-radius:16px}.modeButtonTitle{font-size:1.05rem;line-height:1.1;text-align:center}.modeButtonHint{font-size:.82rem}.alphabetHud,.combatHud{top:max(12px,env(safe-area-inset-top));max-width:min(62vw,280px)}.alphabetTarget{font-size:1.55rem;line-height:1.05;text-align:center}.homeButton{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px}.roundButton{min-width:68px;min-height:68px}.contextButton{right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}}