/* Shared styles for the Floppaland sub-pages (fishing, wiki, quiz, updates). */
:root{--night:#0a1c2b;--deep:#0c2436;--sea:#13405c;--sea2:#1d6a88;--foam:#e9f6fb;--text:#eef6f9;--muted:#a9c1cc;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.10);--sun:#ffd65c;--sun2:#ff9f45;--leaf:#7fd6a0}
@font-face{font-family:"Sniglet";src:url(/assets/fonts/sniglet-Regular.woff) format("woff");font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.55;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 420px at 50% -8%,rgba(255,207,63,.16),transparent 70%),linear-gradient(#0a1c2b,#0d2a40 60%,#0f3550)}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:rgba(10,28,43,.7);backdrop-filter:blur(8px);position:sticky;top:0;z-index:60}
header .wrap{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;max-width:none;padding-left:clamp(16px,2.5vw,40px);padding-right:clamp(16px,2.5vw,40px)}
.brand{font:400 26px "Sniglet",system-ui;color:var(--sun);text-decoration:none}
nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:2px;align-items:center}
nav a{white-space:nowrap;font:400 16px "Sniglet",system-ui;text-decoration:none;color:var(--muted);padding:8px 11px;border-radius:10px}
nav a:hover,nav a.on{color:var(--text);background:var(--card)}
nav a.on{color:var(--sun)}
h1,h2,h3{font-family:"Sniglet",system-ui,sans-serif;font-weight:400;line-height:1.15}
h1{font-size:clamp(40px,8vw,72px);margin:34px 0 8px;color:var(--sun);text-shadow:0 5px 0 rgba(0,0,0,.18),0 0 50px rgba(255,190,80,.22)}
h2{font-size:28px;margin:30px 0 12px}
.lead{color:var(--muted);font-size:18px;max-width:700px;margin:0 0 22px}
.card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.card::after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,214,92,.14),transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none}
.card:hover::after{opacity:1}
.card h3{margin:0 0 6px;font-size:22px}
.card p{margin:0;color:var(--muted)}
[data-tilt]{transition:transform .18s ease}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);text-decoration:none;font:400 18px "Sniglet",system-ui;cursor:pointer;transition:transform .15s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,214,92,.35),0 10px 30px rgba(0,0,0,.25)}
.btn.main{background:linear-gradient(135deg,var(--sun),var(--sun2));color:#1b1405;border-color:transparent;box-shadow:0 10px 30px rgba(255,160,60,.28)}
.btn[aria-disabled="true"]{opacity:.65;cursor:not-allowed;border-style:dashed}
.btn[aria-disabled="true"]:hover{transform:none;box-shadow:none}
.btn i{width:20px;height:20px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,214,92,.15);color:var(--sun)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.note{color:var(--muted);font-size:13px;line-height:1.6}
.note a,.lead a{color:var(--sun)}
footer{margin-top:60px;background:#081622;color:var(--muted);font-size:14px;padding:26px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:space-between}
footer a{color:var(--muted);margin-right:14px}
.reveal{animation:up .5s ease both}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:620px){nav{margin-left:0;width:100%}nav a{padding:7px 9px;font-size:15px}}

.navplay{background:linear-gradient(135deg,var(--sun),var(--sun2));color:#1b1405!important;font:700 15px "Sniglet",system-ui;white-space:nowrap;padding:8px 12px;border-radius:10px}
.navsoon{cursor:not-allowed;opacity:.85}