html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#14161a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f7f4}#game-canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hud-panel{position:absolute;top:16px;left:16px;min-width:245px;padding:12px 14px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#121418c7;box-shadow:0 16px 42px #00000042;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-title{font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#ffce4a}.hud-grid{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin-top:10px;font-size:13px}.hud-label{color:#b8c0c9}.hud-value{font-weight:700;color:#fff;text-align:right}.hud-result{margin-top:10px;min-height:20px;font-size:14px;font-weight:800;color:#7df2a8}.hud-help{margin-top:10px;font-size:12px;line-height:1.45;color:#d2d7dc}.status-badge{position:absolute;left:50%;top:14px;width:min(470px,calc(100vw - 260px));max-width:min(470px,calc(100vw - 260px));min-width:260px;padding:10px 14px;transform:translate(-50%);border:1px solid rgb(255 255 255 / 22%);border-radius:8px;background:#0c0e12e0;box-shadow:0 12px 30px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.status-text{color:#fff;font-size:14px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.status-meta{margin-top:4px;color:#bfc7cf;font-size:11px;font-weight:700}.status-badge[data-state=Success] .status-text{color:#7df2a8}.status-badge[data-state=Failed] .status-text{color:#ff8b77}.status-badge[data-state=LoweringClaw] .status-text,.status-badge[data-state=ClosingClaw] .status-text,.status-badge[data-state=DetectingPrize] .status-text,.status-badge[data-state=LiftingClaw] .status-text,.status-badge[data-state=CarryingToDropZone] .status-text,.status-badge[data-state=ReleasingPrize] .status-text,.status-badge[data-state=WaitingForResult] .status-text{color:#ffce4a}.button-row{position:absolute;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:10px;pointer-events:auto}.ui-button{min-width:56px;min-height:48px;padding:0 14px;border:1px solid rgb(255 255 255 / 20%);border-radius:8px;background:#252a31;color:#fff;font-weight:800;font-size:13px;box-shadow:0 12px 28px #00000042;cursor:pointer}.ui-button:hover:not(:disabled){background:#313842}.ui-button:disabled{cursor:not-allowed;color:#8c939b;background:#1c2026}.grab-button{width:86px;height:86px;border-radius:999px;border:4px solid #721f23;background:radial-gradient(circle at 35% 30%,#ff8b77,#d5272e 62%,#8d151c);color:#fff;font-size:16px}.grab-button:disabled{border-color:#373d44;background:#252a31}.joystick{position:absolute;left:22px;bottom:22px;width:132px;height:132px;border-radius:999px;border:1px solid rgb(255 255 255 / 16%);background:#14171c7a;box-shadow:inset 0 0 0 8px #ffffff0d;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:999px;background:#e7ecef;box-shadow:0 10px 26px #00000052}@media(max-width:720px){.hud-panel{top:10px;left:10px;right:10px;min-width:unset;padding:10px 12px}.hud-help{display:none}.status-badge{left:50%;top:10px;max-width:calc(100vw - 24px);min-width:0;width:calc(100vw - 24px);padding:9px 12px}.joystick{width:116px;height:116px}.button-row{right:12px;bottom:14px}}