:root{--font-ui: "Outfit", system-ui, sans-serif;--font-pixel: "Press Start 2P", monospace;--surface: oklch(26% .026 150 / 94%);--surface-raised: oklch(31% .027 150);--border: oklch(75% .04 100 / 28%);--text: oklch(94% .025 95);--muted: oklch(78% .032 110);--gold: oklch(83% .12 87);--green: oklch(76% .12 136);--danger: oklch(72% .15 35)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#243d36}body{color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}#app-container{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair}#game-canvas:focus{outline:none}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:space-between}.ui-layer button,.modal-backdrop{pointer-events:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.lake-badge,.stat-item{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.lake-title{font-size:.9rem;font-weight:600;letter-spacing:.02em}.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.stats-group{display:flex;align-items:center;gap:8px}.stat-item{font-size:.9rem;font-variant-numeric:tabular-nums}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-size:1.05rem;transition:background-color .16s ease-out}.icon-btn:hover{background:var(--surface-raised)}.action-prompt{position:absolute;top:max(78px,calc(env(safe-area-inset-top) + 64px));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);transition:opacity .2s ease-out}.prompt-card{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:9px 16px;font-size:.9rem;text-align:center;line-height:1.4}.bottom-bar{display:flex;justify-content:center;padding-top:12px}.primary-action-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 26px;background:#2b4829;border:1px solid oklch(74% .073 130 / 60%);border-radius:10px;box-shadow:0 3px #10190e;font-weight:600;transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .16s ease-out}.primary-action-btn:hover:not(:disabled),.primary-btn:hover{background:#385a36}.primary-action-btn:active:not(:disabled),.primary-btn:active{transform:translateY(2px)}.primary-action-btn:disabled{background:var(--surface);color:var(--muted);border-color:var(--border);box-shadow:none}.minigame-container{position:absolute;right:max(20px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);transition:opacity .18s ease-out}.minigame-container.hidden{opacity:0}.tension-hud{width:180px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.tension-header{text-align:center}.tension-title{display:block;color:var(--gold);font-size:.85rem;font-weight:700;margin-bottom:4px}.tension-subtitle{display:block;color:var(--muted);font-size:.75rem;line-height:1.4}.tension-meter-wrapper{display:flex;align-items:center;gap:10px;height:170px}.tension-meter-track{position:relative;width:26px;height:100%;background:#0f1912;border:1px solid var(--border);overflow:hidden;border-radius:4px}.safe-zone{position:absolute;left:0;right:0;bottom:0;height:30%;background:#6da0538c;border-block:1px solid var(--green)}.tension-indicator{position:absolute;left:2px;right:2px;bottom:0;height:14px;background:var(--text);border:2px solid var(--gold);border-radius:2px}.tension-indicator[data-state=safe]{border-color:var(--green)}.tension-indicator[data-state=danger]{border-color:var(--danger)}.tension-labels{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem}.label-high{color:var(--danger)}.label-mid{color:var(--green)}.label-low{color:var(--muted)}.capture-progress-wrapper{display:flex;align-items:center;gap:8px;width:100%}.progress-bar-bg{height:8px;flex:1;background:#0f1912;border-radius:2px;overflow:hidden}.progress-bar-fill{width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}.progress-percent{min-width:30px;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--gold)}.touch-hint{font-size:.7rem;line-height:1.5;text-align:center;color:var(--muted)}.hold-indicator-pulse{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:flex;justify-content:center;align-items:center;background:#09150cb3;transition:opacity .2s ease-out,visibility .2s}.modal-backdrop.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-card{width:100%;max-width:380px;max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:14px;background:#1d2a1f;text-align:center;box-shadow:0 12px 48px #040e0659}.catch-header{margin-bottom:12px}.rarity-badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:3px 8px;border:1px solid var(--border);border-radius:4px;color:var(--muted);margin-bottom:6px}.rarity-incomum{color:var(--green)}.rarity-raro{color:#84c9e5}.rarity-lendario{color:var(--gold)}.catch-title{font-size:1.5rem;line-height:1.2;font-weight:600}.fish-display-box{display:flex;align-items:center;justify-content:center;margin-block:4px 16px}#modal-fish-canvas,.journal-item canvas{image-rendering:pixelated}.catch-stats-grid{display:flex;justify-content:center;gap:32px;margin-bottom:16px}.stat-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}.stat-highlight{color:var(--gold);font-size:1.2rem;font-weight:600}.fish-description{font-size:.85rem;line-height:1.6;color:var(--muted);margin-bottom:20px}.primary-btn{width:100%}.journal-card{max-width:460px;text-align:left}.journal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.journal-header h2{font-size:1.2rem;font-weight:600}.close-btn{display:grid;place-items:center;width:44px;height:44px;border:none;background:transparent;font-size:1.8rem;border-radius:6px}.close-btn:hover{background:var(--surface-raised)}.journal-list{overflow-y:auto;max-height:58dvh}.journal-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.journal-item.undiscovered{opacity:.6;filter:grayscale(1)}.journal-item-canvas{width:48px;flex-shrink:0}.journal-item-name{font-size:.9rem;font-weight:600}.journal-item-details{font-size:.75rem;line-height:1.4;color:var(--muted)}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#243d36;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.loading-title{font-size:1.5rem}#loading-message{color:var(--muted);font-size:.9rem}.loading-track{width:160px;height:3px;overflow:hidden;background:var(--border)}#loading-progress{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}#btn-retry{max-width:220px}@media(max-width:600px){.ui-layer{padding:max(12px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.lake-badge{padding:8px 10px}.lake-title{font-size:.8rem}.stats-group{gap:6px}.stat-item{padding:8px 10px}.action-prompt{top:max(70px,calc(env(safe-area-inset-top) + 62px))}.prompt-card{font-size:.8rem;padding:8px 12px}.minigame-container{top:auto;bottom:max(86px,calc(env(safe-area-inset-bottom) + 76px));right:12px;transform:none}.tension-hud{width:144px;padding:12px;gap:8px}.tension-meter-wrapper{height:116px}.tension-title{font-size:.75rem}.tension-subtitle{font-size:.68rem}.touch-hint{font-size:.65rem}}@media(max-height:500px)and (orientation:landscape){.action-prompt{top:16px;max-width:40%}.prompt-card{font-size:.75rem;padding:7px 10px}.tension-hud{width:142px;padding:10px;gap:6px}.tension-meter-wrapper{height:90px}.tension-subtitle,.touch-hint{display:none}.modal-card{padding:16px}#modal-fish-canvas{width:96px;height:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}