.fun-game-page{--game-ink: #082a3b;--game-deep: #0d3d56;--game-water: #147287;--game-green: #587f48;--game-coral: #d45f42;--game-gold: #f2b84b;--game-paper: #fffdf7;--game-panel: #f8f4e9;--game-line: rgb(8 42 59 / .16)}.fun-game-page [hidden]{display:none!important}.fun-game-hero{display:grid;width:min(var(--max-width),calc(100% - 2rem));grid-template-columns:minmax(0,1fr) minmax(170px,auto);gap:1.25rem;align-items:end;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 0 1.25rem}.fun-game-hero h1{font-size:clamp(2.2rem,6vw,4.3rem)}.fun-game-hero p{max-width:760px;font-size:clamp(1.02rem,2vw,1.22rem)}.hero-pail{display:grid;min-width:170px;border:1px solid var(--game-line);border-radius:var(--radius);background:var(--game-paper);box-shadow:var(--shadow-soft);padding:1rem}.hero-pail span,.hero-pail small{color:var(--color-muted);font-weight:800}.hero-pail strong{color:var(--game-ink);font-size:2rem;line-height:1}.game-instructions{display:grid;width:min(var(--max-width),calc(100% - 2rem));grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:1rem;align-items:start;margin:0 auto 1rem;border:1px solid var(--game-line);border-radius:var(--radius);background:#fffdf7f0;box-shadow:var(--shadow-soft);padding:1rem}.game-instructions h2{font-size:clamp(1.35rem,3vw,2rem)}.game-instructions p{margin-bottom:0}.instruction-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;counter-reset:play-step;list-style:none;margin:0;padding:0}.instruction-list li{position:relative;margin:0;border:1px solid var(--game-line);border-radius:var(--radius);background:#fff;color:var(--color-muted);font-size:.82rem;font-weight:760;line-height:1.35;padding:2.2rem .7rem .7rem}.instruction-list li:before{position:absolute;top:.65rem;left:.7rem;display:grid;width:1.15rem;height:1.15rem;place-items:center;border-radius:50%;background:var(--game-gold);color:#251802;content:counter(play-step);counter-increment:play-step;font-size:.72rem;font-weight:950;line-height:1}.instruction-list strong{display:block;color:var(--game-ink);font-size:.88rem;line-height:1.2;margin-bottom:.2rem}.control-cheatsheet{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:.45rem;align-items:center;border-top:1px solid var(--game-line);padding-top:.85rem}.control-cheatsheet span{display:inline-flex;min-height:32px;flex-wrap:wrap;gap:.25rem;align-items:center;border:1px solid rgb(8 42 59 / .12);border-radius:var(--radius);background:#f5faf9;color:var(--game-deep);font-size:.78rem;font-weight:850;padding:.3rem .55rem}.control-cheatsheet kbd,.command-row small{border:1px solid rgb(8 42 59 / .18);border-bottom-width:2px;border-radius:5px;background:#fff;color:var(--game-ink);font:850 .72rem/1 var(--font-sans);padding:.18rem .32rem}.fishing-game{display:grid;width:min(var(--max-width),calc(100% - 2rem));grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:1rem;align-items:start;margin:0 auto;padding-bottom:2rem}.game-board,.tool-panel{border:1px solid var(--game-line);border-radius:var(--radius);background:#fffdf7f0;box-shadow:var(--shadow-soft)}.game-board{overflow:hidden}.game-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:1rem;align-items:end;border-bottom:1px solid var(--game-line);background:linear-gradient(135deg,#fffdf7,#edf4ef);padding:1rem}.game-header h2,.tool-panel h2{margin-bottom:0;font-size:1.2rem}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.status-grid span{display:grid;min-width:0;border:1px solid var(--game-line);border-radius:var(--radius);background:#fff;color:var(--color-muted);font-size:.72rem;font-weight:850;letter-spacing:.04em;line-height:1.25;padding:.55rem;text-transform:uppercase}.status-grid strong{overflow:hidden;color:var(--game-ink);font-size:.9rem;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.game-tip{display:flex;gap:.65rem;align-items:center;border-bottom:1px solid var(--game-line);background:#f5faf9;color:var(--color-muted);font-size:.92rem;font-weight:800;line-height:1.35;padding:.75rem 1rem}.game-tip strong{flex:0 0 auto;border-radius:999px;background:var(--game-deep);color:#fff;font-size:.72rem;letter-spacing:.06em;padding:.22rem .55rem;text-transform:uppercase}.game-tip span{min-width:0}.water-stage{position:relative;overflow:hidden;background:#0b2733}.fishing-canvas{width:100%;height:auto;min-height:340px;aspect-ratio:16 / 9;cursor:crosshair;touch-action:manipulation}.bite-banner{position:absolute;top:1rem;left:50%;border:1px solid rgb(255 255 255 / .42);border-radius:var(--radius);background:#d45f42f0;color:#fff;font-size:.85rem;font-weight:900;letter-spacing:.08em;padding:.5rem .8rem;text-transform:uppercase;transform:translate(-50%);box-shadow:0 14px 32px #082a3b47}.end-panel{position:absolute;inset:50% auto auto 50%;display:grid;width:min(92%,420px);gap:.5rem;border:1px solid rgb(255 255 255 / .46);border-radius:var(--radius);background:#fffdf7f5;color:var(--game-ink);padding:1.2rem;transform:translate(-50%,-50%);box-shadow:0 28px 80px #082a3b5c}.end-panel h3{margin-bottom:0;font-size:clamp(1.35rem,3vw,2rem)}.game-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;border-top:1px solid var(--game-line);padding:.9rem 1rem}.meter{display:grid;grid-template-columns:auto minmax(0,1fr) 3.2rem;gap:.55rem;align-items:center;color:var(--color-muted);font-size:.82rem;font-weight:850}.meter strong{color:var(--game-ink);text-align:right}.meter__track{overflow:hidden;height:.62rem;border-radius:999px;background:#082a3b1c}.meter__track i{display:block;width:0%;height:100%;border-radius:inherit;background:var(--game-coral);transition:width .18s ease}.meter__track--gold i{background:var(--game-gold)}.meter__track--blue i{background:var(--game-water)}.command-row{display:flex;flex-wrap:wrap;gap:.65rem;border-top:1px solid var(--game-line);background:var(--game-panel);padding:.9rem 1rem}.command-row .button{min-height:42px;display:inline-flex;flex-direction:column;gap:.22rem;align-items:flex-start;text-align:left}.command-row .button small{color:#082a3bbd;padding:.12rem .28rem}.command-row .button[disabled],.command-row .button[disabled]:hover{background:#edf1ef;color:#082a3b8f;cursor:not-allowed;box-shadow:none;transform:none}.command-row .button[disabled] small{color:#082a3b75}.game-sidebar{display:grid;gap:1rem}.tool-panel{display:grid;gap:.85rem;padding:1rem}.panel-heading{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.panel-heading span{border-radius:999px;background:#eef5f4;color:var(--game-deep);font-size:.72rem;font-weight:900;padding:.22rem .55rem;white-space:nowrap}.location-list,.lure-list,.fish-roster{display:grid;gap:.55rem}.location-card,.lure-card,.fish-row{width:100%;border:1px solid var(--game-line);border-radius:var(--radius);background:#fff;color:var(--color-text);text-align:left}.location-card,.lure-card{cursor:pointer;padding:.75rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.location-card:hover,.lure-card:hover{border-color:#1472876b;box-shadow:0 12px 26px #082a3b1f;transform:translateY(-1px)}.location-card[aria-pressed=true],.lure-card[aria-pressed=true]{border-color:var(--game-gold);background:#fff7dd;box-shadow:inset 0 0 0 2px #f2b84b47}.location-card:disabled,.lure-card:disabled{cursor:not-allowed;opacity:.62;transform:none}.location-card strong,.lure-card strong{display:block;color:var(--game-ink);font-size:.98rem;line-height:1.25}.location-card span,.lure-card span{display:block;color:var(--color-muted);font-size:.82rem;line-height:1.35;margin-top:.2rem}.fish-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.6rem}.fish-swatch,.fish-token{display:inline-block;width:1.3rem;height:.78rem;border-radius:999px 70% 70% 999px;background:var(--fish-color, var(--game-water));box-shadow:inset -.35rem 0 #fff3}.fish-row strong{display:block;overflow:hidden;color:var(--game-ink);font-size:.9rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.fish-row span:last-child{color:var(--color-muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.catch-mat{display:grid;min-height:116px;place-items:center;border:1px dashed rgb(8 42 59 / .25);border-radius:var(--radius);background:#f5faf9;padding:.75rem}.catch-empty{color:var(--color-muted);font-size:.9rem;font-weight:800;text-align:center}.landed-fish{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center;border:1px solid rgb(20 114 135 / .28);border-radius:var(--radius);background:#fff;cursor:grab;padding:.75rem;box-shadow:0 12px 24px #082a3b1a}.landed-fish:active{cursor:grabbing}.fish-portrait{position:relative;width:4.1rem;height:2.2rem;border-radius:999px 70% 70% 999px;background:var(--fish-color, var(--game-water));box-shadow:inset -1rem 0 #fff3}.fish-portrait:before{position:absolute;top:.58rem;right:-.65rem;width:0;height:0;border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;border-left:.9rem solid var(--fish-color, var(--game-water));content:""}.fish-portrait:after{position:absolute;top:.55rem;left:.65rem;width:.28rem;height:.28rem;border-radius:50%;background:#082a3b;content:""}.landed-fish strong{display:block;color:var(--game-ink);line-height:1.2}.landed-fish span{color:var(--color-muted);font-size:.84rem;font-weight:760}.pail-zone{display:grid;gap:.75rem;border:2px solid rgb(8 42 59 / .16);border-radius:var(--radius);background:linear-gradient(180deg,#1472871a,#f2b84b1f),#fff;padding:.8rem}.pail-zone.is-ready{border-color:var(--game-gold);box-shadow:inset 0 0 0 2px #f2b84b33}.pail-zone>div:first-child{display:flex;align-items:center;justify-content:space-between;color:var(--color-muted);font-weight:900;text-transform:uppercase}.pail-zone strong{color:var(--game-ink)}.pail-fish{display:flex;min-height:1.5rem;flex-wrap:wrap;gap:.35rem;align-items:center}.fish-token{width:2rem;height:1rem}.tide-log{display:grid;max-height:210px;gap:.45rem;overflow:auto;margin:0;padding-left:1.2rem;color:var(--color-muted);font-size:.86rem;line-height:1.35}.tide-log li::marker{color:var(--game-water);font-weight:900}.tide-log strong{color:var(--game-ink)}@media(max-width:1060px){.game-instructions,.fishing-game,.game-header{grid-template-columns:1fr}.instruction-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.fun-game-hero,.status-grid,.game-meters{grid-template-columns:1fr}.fun-game-hero,.game-instructions,.fishing-game{width:min(100% - 1rem,var(--max-width))}.instruction-list{grid-template-columns:1fr}.game-tip{align-items:flex-start;flex-direction:column}.fishing-canvas{min-height:280px}.command-row .button{width:100%}.meter{grid-template-columns:4.5rem minmax(0,1fr) 3.2rem}}