*{box-sizing:border-box}body{margin:0;background:var(--bg,#f5f6f0);color:var(--ink,#293c32);font:14px/1.65 system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent,#48694e);outline-offset:4px}a{color:inherit}.games-header{max-width:1160px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.games-brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:650;letter-spacing:-.7px;text-decoration:none}.games-brand svg{width:30px;height:30px}.games-back{font-size:12px;text-decoration:none;border:1px solid var(--border-active);background:var(--surface);padding:10px 14px;border-radius:10px;font-weight:600}main{max-width:1100px;margin:auto;padding:30px 24px 65px}.games-intro{text-align:center;margin-bottom:30px}.games-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--accent)}h1{font-size:clamp(32px,5vw,50px);line-height:1.2;letter-spacing:-1.6px;margin:15px 0}h2{font-size:26px;letter-spacing:-.7px;margin:6px 0 0}h3{font-size:15px;margin:0}.games-intro p{font-size:14px;color:var(--muted);line-height:1.9}.game-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.game-choices>button{display:flex;align-items:center;gap:17px;background:var(--surface);border:1px solid var(--border-active);border-radius:15px;padding:17px;color:var(--ink);text-align:left;min-height:115px}.game-choices>button[aria-pressed=true]{border:2px solid var(--accent);background:var(--active);padding:16px;box-shadow:0 4px 14px #2e4a3310}.game-choices strong{display:block;font-size:16px;letter-spacing:-.2px}.game-choices small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.game-choices b{margin-left:auto;font-size:24px;color:var(--accent)}.choice-illustration{width:115px;height:72px;flex-shrink:0;border-radius:11px;background:#e4ede0;display:grid;place-items:center}.choice-illustration svg{width:110px;height:65px}.tiles-choice{background:#eee8dc}.game-sound-panel{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid var(--border-active);border-radius:13px;padding:16px 18px;background:var(--surface);margin:0 0 25px}.game-sound-panel>div{flex:1;min-width:170px}.game-sound-panel strong{display:block;font-size:12px}.game-sound-panel small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.game-sound-panel label{font-size:11px;display:flex;gap:8px;align-items:center}.game-sound-panel input[type=range]{width:90px;accent-color:var(--accent)}.sound-check input{width:17px;height:17px;accent-color:var(--accent)}.game-primary,.game-secondary{min-height:44px;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:600;border:1px solid var(--border-active);background:var(--surface);color:var(--ink)}.game-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.game-primary:hover:not(:disabled){filter:brightness(.95)}.game-secondary:hover:not(:disabled){background:var(--soft)}.game-panel{border:1px solid var(--border-active);border-radius:18px;background:var(--surface);padding:23px}.game-panel[hidden]{display:none}.game-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pond-setting{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.pond-setting select{padding:8px 10px;border:1px solid var(--border-active);color:var(--ink);background:var(--surface);border-radius:8px;font-size:11px;min-height:40px}.pond-frame{position:relative;overflow:hidden;border-radius:14px;background:#b8d2c3;aspect-ratio:1000/620}.pond-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.pond-caption{position:absolute;top:16px;left:16px;border:1px solid #ffffff80;background:#f8faefd9;color:#385c4c;border-radius:20px;padding:7px 13px;font-size:11px;pointer-events:none}.fishing-controls{display:flex;gap:20px;align-items:center;margin:20px 0 12px}.fishing-controls button{min-width:160px}.fishing-controls p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.game-help{font-size:12px;color:var(--muted);margin:18px 0}.game-help summary{font-weight:600;color:var(--ink);cursor:pointer}.game-help p{max-width:700px;line-height:1.9}.pond-journal{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.pond-journal p{font-size:11px;color:var(--muted);margin:4px 0 15px}#fish-journal{display:flex;gap:8px;flex-wrap:wrap}.journal-fish{font-size:11px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.journal-fish .fish-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.game-pill{font-size:11px;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:var(--accent);white-space:nowrap}.tiles-intro{color:var(--muted);font-size:12px;margin:0 0 15px}.tile-board{position:relative;width:min(100%,730px);aspect-ratio:1.35;margin:15px auto 10px;background:radial-gradient(ellipse at center,#afc5ad50,transparent 70%);border-radius:16px;isolation:isolate}.nature-tile{position:absolute;left:calc(var(--col)*15.4% + 2.4% + var(--z)*.6%);top:calc(var(--row)*22.5% + 2.4% - var(--z)*2%);width:14.1%;height:20%;border:1px solid #c3c9b2;border-bottom:6px solid #b3bea6;border-radius:11px;background:linear-gradient(140deg,#fffdf3,#eee8d6);color:#527962;box-shadow:2px 5px 5px #334c2920;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:calc(1 + var(--z)*10);padding:3px;transition:transform .2s,box-shadow .2s,opacity .2s}.nature-tile .tile-symbol{font-family:Georgia,serif;font-size:clamp(26px,5vw,49px);line-height:1.15;color:var(--tile-ink)}.nature-tile small{font-size:clamp(7px,1.2vw,10px);letter-spacing:.4px;margin-top:5px;color:#69745f}.nature-tile[aria-disabled=true]{filter:saturate(.65);background:linear-gradient(140deg,#eeeedd,#e0e3ce);box-shadow:2px 4px 4px #334c2910;cursor:default}.nature-tile.selected{outline:3px solid var(--accent);outline-offset:2px;transform:translateY(-4px);box-shadow:0 6px 14px #35593b30}.nature-tile.hint{outline:3px solid #b39452;outline-offset:2px;background:#fff6d8}.nature-tile:not([aria-disabled=true]):hover{transform:translateY(-3px);box-shadow:2px 7px 12px #334c292c}.tile-status{font-size:12px;color:var(--muted);text-align:center;min-height:24px;margin:16px 0}.tile-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.tile-complete{position:absolute;inset:15%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--accent)}.tile-complete strong{font:30px Georgia,serif}.tile-complete span{font-size:13px;color:var(--muted)}.quiet-note{text-align:center;max-width:720px;margin:32px auto 0}.quiet-note strong{font:22px Georgia,serif}.quiet-note p,.quiet-note a{font-size:11px;color:var(--muted);line-height:1.9}footer{text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:11px;padding:22px}@media(max-width:650px){.games-header{padding:20px 17px}.games-brand{font-size:17px}.games-back{font-size:10px;padding:9px}.games-brand svg{width:25px;height:25px}main{padding:20px 14px 45px}.game-choices{gap:9px}.game-choices>button{display:block;padding:12px;min-height:155px}.game-choices>button[aria-pressed=true]{padding:11px}.choice-illustration{width:100%;height:63px;margin-bottom:10px}.game-choices strong{font-size:12px}.game-choices small{font-size:10px}.game-choices b{display:none}.game-sound-panel{gap:12px;padding:14px}.game-sound-panel>div{min-width:130px}.game-sound-panel label{font-size:10px}.game-sound-panel #sound-toggle{font-size:10px;padding:8px 11px}.game-panel{padding:14px;border-radius:14px}.game-panel h2{font-size:21px}.game-panel-head .games-eyebrow{font-size:8px;letter-spacing:1px}.pond-setting{display:block;font-size:9px}.pond-setting select{display:block;font-size:10px;padding:7px 5px}.pond-caption{top:10px;left:10px;font-size:9px;padding:5px 9px}.fishing-controls{display:block;margin-top:15px}.fishing-controls button{width:100%;margin-bottom:12px}.fishing-controls p{font-size:11px}.nature-tile{border-radius:7px;border-bottom-width:4px}.nature-tile small{font-size:7px;margin-top:2px;letter-spacing:0}.tile-board{aspect-ratio:1.2}.tile-actions{gap:7px}.tile-actions button{padding:10px 12px;font-size:10px;flex:1}.game-pill{font-size:9px;padding:6px 8px}.game-panel-head{gap:8px}.tiles-intro,.tile-status{font-size:11px}.quiet-note strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.nature-tile{transition:none}.nature-tile.selected,.nature-tile:not([aria-disabled=true]):hover{transform:none}}

.nature-tile .tile-symbol{display:block;width:50%;max-width:48px;aspect-ratio:1}.tile-symbol svg{display:block;width:100%;height:100%}
.garden-depth{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.garden-depth label{font-size:10px;color:var(--muted)}.garden-depth select{font-size:11px;padding:9px 11px;min-height:40px;border:1px solid var(--border-active);border-radius:9px;background:var(--surface);color:var(--ink)}.nature-tile{left:calc(3% + var(--col)*(94%/var(--cols,6)) + var(--z)*1.4px);top:calc(4% + var(--row)*(92%/var(--rows,4)) - var(--z)*2px);width:calc(94%/var(--cols,6) - 1.2%);height:calc(92%/var(--rows,4) - 6px)}.tile-mark{position:absolute;top:4px;left:6px;color:#87947b;font-size:8px;letter-spacing:.5px;line-height:1}.fish-encounter{display:flex;gap:20px;align-items:center;border:1px solid var(--border-active);border-radius:14px;background:var(--soft);padding:12px 20px;margin-top:20px}.fish-encounter[hidden]{display:none}.fish-encounter canvas{width:200px;height:auto;flex-shrink:0}.fish-encounter small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.fish-encounter strong{display:block;font:25px Georgia,serif;color:var(--ink);margin:5px 0}.fish-encounter p{font-size:11px;color:var(--muted)}.journal-fish{display:flex;flex-direction:column;align-items:center;padding:7px 10px}.journal-fish canvas{width:110px;height:55px}.pond-journal #fish-journal{gap:10px}@media(max-width:650px){.garden-depth select{font-size:9px;padding:8px 6px;max-width:180px}.garden-depth label{font-size:9px}.tile-mark{font-size:7px;top:3px;left:4px}.fish-encounter{padding:10px;gap:10px}.fish-encounter canvas{width:120px}.fish-encounter strong{font-size:20px}.fish-encounter p{font-size:10px}.journal-fish{font-size:10px}.journal-fish canvas{width:95px;height:48px}}
.game-scorebar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:16px 0;background:var(--soft)}.game-scorebar span{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.game-scorebar strong{font-size:21px;letter-spacing:-.5px;color:var(--accent)}.game-scorebar small{margin-left:auto;font-size:10px;color:var(--muted)}@media(max-width:650px){.game-scorebar{gap:12px;padding:10px 12px}.game-scorebar small{margin-left:0;flex-basis:100%;font-size:9px}.game-scorebar strong{font-size:19px}}

.tile-mark{background:#e2eddf;color:#587563;padding:2px 3px;border-radius:3px;font-weight:600}.tile-mark[data-variant="2"]{background:#e8e2f1;color:#77638d}.tile-mark[data-variant="3"]{background:#f0e4c8;color:#8e7543}.tile-mark[data-variant="4"]{background:#deebf2;color:#537d96}
.garden-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0 18px}.garden-choice{padding:0 0 12px;border:1px solid var(--border-active);border-radius:11px;background:var(--surface);color:var(--ink);overflow:hidden;text-align:left;transition:box-shadow .15s,border-color .15s}.garden-choice canvas{display:block;width:100%;height:auto;aspect-ratio:1.8}.garden-choice strong{display:block;font-size:11px;margin:10px 11px 2px}.garden-choice small{display:block;font-size:10px;color:var(--muted);margin:0 11px}.garden-choice[aria-pressed=true]{border:2px solid var(--accent);box-shadow:0 3px 12px #294e3324}.garden-description{font:17px/1.5 Georgia,serif;color:var(--ink);margin:14px 0}.tile-board{padding:0;border:1px solid var(--board-line,#a9c9bc);box-shadow:inset 0 0 70px #ffffff30;border-radius:18px;background-color:var(--board-bg,#dcebe4);background-size:cover;background-position:center}.tile-board[data-garden=lotus]{--board-bg:#cfe5dc;--board-line:#a4c9ba;background-image:radial-gradient(ellipse at 10% 91%,#759d8e66 0 4%,transparent 4.3%),radial-gradient(ellipse at 88% 13%,#7fa48c55 0 5%,transparent 5.3%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 45px,#edf4e542 47px 49px,transparent 51px 90px)}.tile-board[data-garden=bamboo]{--board-bg:#d9e1c6;--board-line:#99ae77;background-image:repeating-linear-gradient(90deg,transparent 0 7%,#7b956b30 7.1% 8%,transparent 8.2% 17%),repeating-linear-gradient(0deg,transparent 0 15%,#abc19722 15.1% 15.6%,transparent 15.7% 29%),linear-gradient(150deg,#eef0d6,#c6d5b2)}.tile-board[data-garden=moon]{--board-bg:#303d59;--board-line:#818da5;background-image:radial-gradient(circle at 88% 9%,#e4dfbe 0 4%,transparent 4.2%),radial-gradient(circle at 84% 7%,#303d59 0 4%,transparent 4.2%),radial-gradient(circle at 11% 7%,#eee5bd 0 1px,transparent 2px),radial-gradient(circle at 18% 88%,#eee5bd 0 1px,transparent 2px),linear-gradient(145deg,#26354e,#555b78)}.tile-board[data-garden=mountain]{--board-bg:#d2dfe3;--board-line:#8da6b2;background-image:linear-gradient(135deg,transparent 48%,#9db4bb44 48.2% 64%,transparent 64.2%),linear-gradient(225deg,transparent 50%,#a5babe55 50.2% 70%,transparent 70.2%),linear-gradient(160deg,#e6edf0,#b6cbd0)}[data-garden=bamboo]>.nature-tile{border-color:#9caf8b;border-bottom-color:#8a9e77;background:linear-gradient(135deg,#fcf9e8,#e7ead4)}[data-garden=moon]>.nature-tile{border-color:#b5abc4;border-bottom-color:#918aa5;box-shadow:2px 5px 10px #10192955;background:linear-gradient(135deg,#faf6e8,#e4ddec)}[data-garden=mountain]>.nature-tile{border-color:#9eb3b9;border-bottom-color:#7895a1;background:linear-gradient(135deg,#faf9ed,#dce7e9);box-shadow:2px 5px 8px #445e6b30}.tile-board .nature-tile[aria-disabled=true]{filter:brightness(.89) saturate(.75)}.tile-board .nature-tile.hint{background:#fff1bf;outline-color:#d0a65a}.tile-board[data-garden=moon] .tile-complete,.tile-board[data-garden=moon] .tile-complete span{color:#f0ead2}@media(max-width:650px){.garden-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.garden-choice strong{font-size:10px}.garden-choice small{font-size:9px}.garden-choice canvas{max-height:95px;object-fit:cover}.garden-description{font-size:15px}}@media(prefers-reduced-motion:reduce){.garden-choice{transition:none}}

.fishing-skill{max-width:620px;margin:20px auto;padding:16px 20px;background:var(--surface,#f3f3e9);border:1px solid #87a795;border-radius:16px;display:grid;gap:12px}.fishing-skill[hidden]{display:none}.skill-meter{height:26px;position:relative;background:#c9b69b;border-radius:14px;overflow:hidden}.skill-zone{position:absolute;left:22%;width:56%;height:100%;background:#8aaf8b}.skill-meter i{position:absolute;top:2px;height:22px;border-right:5px solid #243d36;min-width:5px;transition:none}.skill-meter[data-danger=true]{outline:2px solid #b97b62}.fishing-skill:has(+.fishing-controls #cast-line:not(:disabled)){color:inherit}#cast-line{touch-action:none;user-select:none;min-width:200px}#cast-line:active{transform:translateY(1px)}

.skill-meter[data-phase=aiming] .skill-zone{left:52%;width:32%}