:root{--ink:#141c24;--foam:#f4efe4;--amber:#e4a04a;--moss:#7ea36b;--deep:#10222b;--panel:#121c22db;--line:#f4efe424;--shadow:0 24px 60px #00000061}*{box-sizing:border-box}html,body{height:100%;color:var(--foam);touch-action:none;background:#0b1519;margin:0;font-family:Nunito,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#world{cursor:crosshair;width:100%;height:100%;display:block}#hud{pointer-events:none;text-shadow:0 2px 12px #00000073;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:18px 22px auto}.brand{letter-spacing:.02em;margin:0;font-family:Fraunces,serif;font-size:22px}.phase,.eyebrow,.note{opacity:.78;margin:4px 0 0;font-size:13px}.hud-right{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{pointer-events:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c141880;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:13px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.gold{background:var(--amber);box-shadow:0 0 10px var(--amber)}#prompt{letter-spacing:.01em;pointer-events:none;text-align:center;text-shadow:0 2px 10px #00000080;background:#0a101473;border-radius:999px;margin:0;padding:8px 16px;font-size:15px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}#prompt.urgent{color:#ffe7b3;background:#5a28128c;animation:.55s ease-in-out infinite pulse}#toast{pointer-events:none;background:#0c1216b8;border-radius:12px;margin:0;padding:10px 16px;position:absolute;top:22%;left:50%;transform:translate(-50%)}#dockNav{gap:8px;display:flex;position:absolute;bottom:20px;left:22px}#meters{width:min(420px,100% - 40px);position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.meter{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a101494;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.meter span{opacity:.75;font-size:12px}.bar{background:#ffffff14;border-radius:999px;height:11px;position:relative;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#d7b06a,#f0d08a);width:0;height:100%;display:block}.bar.progress i{background:linear-gradient(90deg,#4e8d8a,#9ed4b8)}.bar.tension i{z-index:1;background:linear-gradient(90deg,#7ea7c4,#e4a04a 70%,#d4654a);position:relative}.sweet{background:#7ea36b73;width:32%;position:absolute;top:0;bottom:0;left:34%}.overlay{background:radial-gradient(circle at 50% 20%,#14242c47,#060a0c9e);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay.hidden,.hidden{display:none!important}.title-card,.panel{border:1px solid var(--line);background:var(--panel);width:min(560px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;padding:36px 34px 30px}.panel.wide{width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto}.title-card h1,.panel h2{margin:8px 0 12px;font-family:Fraunces,serif;font-size:clamp(42px,8vw,72px);font-weight:700;line-height:.95}.panel h2{font-size:36px}.lede{color:#f4efe4c7;max-width:42ch;margin:0 0 22px;line-height:1.5}.howto{color:#f4efe4b3;margin:22px 0 0;padding:0;font-size:13px;list-style:none}.howto li{margin-top:6px}kbd{border:1px solid var(--line);background:#ffffff0f;border-radius:6px;padding:1px 7px;font-family:inherit;font-size:12px;display:inline-block}button{font:inherit;color:var(--foam);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:10px 16px}button:hover{background:#ffffff1f}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#2a1a08;background:linear-gradient(#efb25d,#c9842f);border-color:#0000;padding:12px 22px;font-weight:800}.primary:hover{filter:brightness(1.06)}.ghost{background:0 0}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.catch-card{text-align:center}#fishArt{width:min(100%,420px);height:auto;margin:8px 0 4px}.catch-card h2{margin-bottom:4px}.rarity{letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:12px}.rarity.common{color:#b8c4c2}.rarity.uncommon{color:#8ec3a0}.rarity.rare{color:#7eb6e0}.rarity.legendary{color:#efb25d}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px;display:grid}.stats div{background:#ffffff0a;border-radius:12px;padding:10px 8px}dt{opacity:.6;font-size:11px}dd{margin:4px 0 0;font-weight:800}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:min(62vh,720px);margin-top:16px;padding-right:4px;display:grid;overflow-y:auto}.journal-card{border:1px solid var(--line);background:#ffffff08;border-radius:16px;min-height:128px;padding:14px}.journal-card.locked{opacity:.55}.journal-card h3{margin:8px 0 4px;font-family:Fraunces,serif;font-size:18px}.journal-card p{opacity:.72;margin:0;font-size:12px}#shopSearch{border:1px solid var(--line);width:100%;color:var(--foam);font:inherit;background:#ffffff0d;border-radius:999px;margin:12px 0 4px;padding:10px 14px}#shopSearch::placeholder{color:#f4efe473}.shop-cols{grid-template-columns:1fr 1fr;gap:22px;margin-top:12px;display:grid}.shop-cols h3{margin:0 0 10px;font-family:Fraunces,serif}.shop-list{gap:8px;max-height:min(52vh,560px);padding-right:4px;display:grid;overflow-y:auto}.shop-item{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.shop-item p{opacity:.7;margin:4px 0 0;font-size:12px}.shop-item h4{margin:0;font-size:16px}.shop-item.owned{outline:1px solid #7ea36b8c}@keyframes pulse{50%{transform:translate(-50%)scale(1.04)}}@media (max-width:720px){.shop-cols,.stats{grid-template-columns:1fr}.title-card,.panel{padding:24px 18px}#dockNav{left:auto;right:22px}}