@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Playfair+Display:wght@700&display=swap');
:root{--bg:#09120f;--panel:#111e19;--panel2:#162720;--ink:#edf6ef;--muted:#9fb2a7;--accent:#d9a74a;--accent2:#6dc1aa;--danger:#df6d5d;--line:#2a4036}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#20362d 0,#09120f 44%);color:var(--ink);font-family:Manrope,sans-serif}.topbar{height:74px;padding:0 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff12;background:#08110edb;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;margin-right:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9a74a77;border-radius:50%;font-family:Playfair Display;font-size:24px;color:var(--accent);box-shadow:0 0 25px #d9a74a20}.brand small,.eyebrow{display:block;color:var(--muted);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.topbar nav{display:flex;gap:24px}.topbar nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}.topbar nav a:hover{color:white}.topbar select,.loadout select{background:var(--panel);color:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.game-shell{width:min(1500px,94vw);margin:28px auto}.story-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.chapter{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.story-banner h1{font-family:Playfair Display;margin:4px 0;font-size:clamp(25px,3vw,42px)}.story-banner p{color:var(--muted);margin:0}.ghost{border:1px solid var(--line);background:#ffffff08;color:white;padding:12px 20px;border-radius:12px}.viewport-wrap{position:relative;overflow:hidden;border-radius:22px;border:1px solid #78988244;box-shadow:0 28px 70px #0009}canvas{display:block;width:100%;aspect-ratio:16/9;background:#486f77}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #000b}.hud{position:absolute;top:18px;display:flex;gap:10px}.top-left{left:18px}.top-right{right:18px}.pill,.stat{background:#07110ec9;border:1px solid #ffffff18;border-radius:12px;padding:10px 14px;backdrop-filter:blur(10px)}.pill span,.stat span{display:block;color:#b9cbc1;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.stat{min-width:150px}.bar{height:5px;background:#ffffff19;border-radius:9px;margin:5px 0}.bar i,.mission-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:9px;transition:.2s}.crosshair{position:absolute;left:50%;top:46%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:.55}.crosshair i{position:absolute;background:white}.crosshair i:first-child{width:32px;height:1px;top:15px}.crosshair i:last-child{height:32px;width:1px;left:15px}.prompt{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);background:#07110ed9;border:1px solid #ffffff18;border-radius:30px;padding:10px 18px;font-weight:700}.bite-alert{display:none;position:absolute;left:50%;top:24%;transform:translate(-50%,-50%) rotate(-2deg);font-family:Playfair Display;font-size:48px;color:#fff3c4;text-shadow:0 4px 20px #000}.bite-alert.show{display:block;animation:pulse .45s infinite alternate}@keyframes pulse{to{transform:translate(-50%,-50%) scale(1.08)}}.control-deck{display:grid;grid-template-columns:1.3fr auto .7fr;gap:20px;align-items:center;background:#101d18;border:1px solid var(--line);border-radius:0 0 20px 20px;padding:20px}.loadout{display:flex;gap:22px}.loadout>div span,.session span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.loadout input{width:100px}.action-zone{display:flex;gap:10px}.action-zone button{border:0;border-radius:14px;padding:13px 22px;color:white;font-weight:800;min-width:150px}.action-zone button small{display:block;font-weight:400;opacity:.7}.primary{background:linear-gradient(135deg,#c88c34,#e0b85e)}.secondary{background:linear-gradient(135deg,#3b927c,#69b49f)}button:disabled{filter:grayscale(1);opacity:.45}.session{display:flex;justify-content:flex-end;gap:25px}.session b{font-size:20px}.lower-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:16px;margin-top:18px}.lower-grid article,.content-card{background:linear-gradient(150deg,#14231d,#0e1915);border:1px solid var(--line);border-radius:18px;padding:22px}.lower-grid h2{margin:6px 0 8px}.mission-progress{height:7px;background:#ffffff10;border-radius:9px;margin-top:18px}.mission-progress i{width:0}.section-head,.fish-display{display:flex;justify-content:space-between;align-items:center}.fish-display{justify-content:flex-start;gap:20px}.fish-icon{font-size:60px;color:var(--accent2);filter:drop-shadow(0 0 14px #69b49f66)}.rarity{border:1px solid #d9a74a55;color:var(--accent);border-radius:20px;padding:5px 10px;font-size:11px}.upgrade-card button{display:flex;width:100%;justify-content:space-between;margin-top:10px;background:#1d3028;border:1px solid #304b3f;color:white;border-radius:10px;padding:12px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;place-items:center}.modal.open{display:grid}.modal-card{width:min(700px,92vw);max-height:80vh;overflow:auto;background:#12201a;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}.modal-card>button{position:absolute;right:18px;top:14px;background:none;border:0;color:white;font-size:26px}.journal-entries article{border-left:2px solid var(--accent);padding:4px 0 4px 16px;margin:18px 0}.journal-entries p{color:var(--muted)}footer{width:min(1500px,94vw);margin:40px auto;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer div{display:flex;gap:18px}.content-page main{width:min(1000px,92vw);margin:60px auto}.content-page h1{font-family:Playfair Display;font-size:46px}.content-card{margin:18px 0}.content-card p,.content-card li{color:var(--muted);line-height:1.8}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{background:#09130f;color:white;border:1px solid var(--line);border-radius:10px;padding:13px}.contact-form button{background:var(--accent);border:0;border-radius:10px;padding:13px;font-weight:800}@media(max-width:950px){.topbar nav{display:none}.control-deck,.lower-grid{grid-template-columns:1fr}.loadout,.session{justify-content:space-between}.control-deck{border-radius:0 0 16px 16px}.top-right{top:auto;bottom:72px}.story-banner button{display:none}}@media(max-width:600px){.brand small{display:none}.game-shell{width:100%;margin:12px 0}.story-banner{padding:0 16px}.story-banner p{font-size:12px}.viewport-wrap{border-radius:0}.hud{transform:scale(.78);transform-origin:top left}.top-right{right:-45px;transform-origin:bottom right}.prompt{font-size:12px;white-space:nowrap}.control-deck{padding:14px}.loadout{display:grid;grid-template-columns:1fr 1fr}.action-zone button{min-width:0;flex:1;padding:11px 8px}.lower-grid{padding:0 12px}.bite-alert{font-size:34px}}