@charset "UTF-8";
/* Page composition only. The game and expanded dialog belong to goldfish.css. */
.goldfish-page .welcome { min-height:570px; padding-block:54px 70px; }
.goldfish-page .welcome h1 { font-size:clamp(44px,5.2vw,67px); line-height:1.4; letter-spacing:.09em; }
.goldfish-page .intro { line-height:2.3; }
.goldfish-page .night-scene::after { background:linear-gradient(90deg,#111f29f2 0%,#111f29df 30%,#111f296c 56%,#111f292b 78%,#111f2960),linear-gradient(0deg,#111f29e0,transparent 42%,#111f2933); }
.goldfish-page .souvenir-label { letter-spacing:.24em; }
.goldfish-page .journey b { letter-spacing:.05em; }
.goldfish-page .game-section { padding-bottom:68px; background:linear-gradient(135deg,#102932ef,#17333aed),url('assets/autumn-night.webp') center 70%/cover; }
.goldfish-page .game-layout { align-items:start; }
.goldfish-page .purse { margin-top:10px; }
.scoop-guide { display:flex; flex-wrap:wrap; gap:12px 28px; list-style:none; padding:0 0 24px; margin:0 0 29px; border-bottom:1px solid #b7ab8755; color:#e3d9c2; }
.scoop-guide li { display:flex; gap:11px; align-items:baseline; font-size:12px; letter-spacing:.03em; }
.scoop-guide-no { font:italic 15px Georgia,serif; color:#cfb177; }
.scoop-guide li+li::before { content:"／"; color:#a5936c; font-size:12px; padding-right:12px; }
.fish-bowl-section { position:relative; padding:65px 0 58px; background:#e9e5d7 url('assets/washi-grain.svg'); border-top:1px solid #b4b4a27d; overflow:hidden; }
.fish-bowl-section::before { content:""; position:absolute; width:620px; height:620px; border:1px solid #547f8510; border-radius:50%; top:-380px; right:-150px; box-shadow:0 0 0 30px #547f8505,0 0 0 80px #547f8504; pointer-events:none; }
.fish-bowl-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:65px; align-items:center; }
.fish-bowl-copy { position:relative; }
.fish-bowl-copy .kicker { color:#61797a; margin-bottom:13px; }
.fish-bowl-copy h2 { font-size:34px; letter-spacing:.1em; line-height:1.7; }
.bowl-intro { font-size:12px; line-height:2.1; color:#656b63; margin-top:17px; }
.bowl-tally { display:flex; gap:11px; align-items:baseline; margin-top:21px; color:#26474d; }
.bowl-tally strong { font:46px Georgia,serif; }
.bowl-tally span { font-size:11px; }
.bowl-note { margin-top:13px; font-size:10px; line-height:1.9; color:#74776c; }
.fish-bowl-display { position:relative; min-width:0; margin:0; }
.bowl-water { background:radial-gradient(ellipse at 35% 0%,#29575f,#122f39 65%,#102933); border-top:1px solid #7e9c9999; border-bottom:1px solid #7e9c9980; box-shadow:0 12px 30px #15303814; overflow:hidden; }
#bowl-canvas { display:block; width:100%; height:auto; aspect-ratio:2/1; min-height:240px; }
.fish-bowl-display figcaption { margin-top:13px; min-height:21px; font-size:11px; letter-spacing:.03em; color:#596e6c; text-align:right; line-height:1.9; }
.goldfish-page .souvenir-section { border-top:1px solid #b5a17d75; padding-top:61px; }
.goldfish-page .gallery-link { margin:-8px 0 24px; text-align:right; font-size:12px; }
.goldfish-page .gallery-link a { min-height:44px; gap:22px; }
.goldfish-page nav a,.goldfish-page footer a { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:1000px) {
 .fish-bowl-layout { grid-template-columns:190px minmax(0,1fr); gap:38px; }
 .fish-bowl-copy h2 { font-size:31px; }
 .scoop-guide { gap:12px 18px; }
 .scoop-guide li+li::before { padding-right:2px; }
}
@media (max-width:760px) {
 .goldfish-page .welcome { min-height:495px; padding-block:43px 60px; }
 .goldfish-page .welcome h1 { font-size:45px; }
 .goldfish-page .game-section { padding-bottom:40px; }
 .goldfish-page .purse { margin-top:0; }
 .scoop-guide { gap:11px 22px; margin-bottom:23px; padding-bottom:20px; }
 .scoop-guide li { font-size:11px; }
 .scoop-guide li+li::before { content:none; }
 .fish-bowl-section { padding-block:40px; }
 .fish-bowl-layout { grid-template-columns:150px minmax(0,1fr); gap:24px; }
 .fish-bowl-copy h2 { font-size:28px; }
 .bowl-intro { font-size:11px; margin-top:12px; }
 .bowl-tally { margin-top:15px; }
 .bowl-tally strong { font-size:39px; }
 #bowl-canvas { min-height:260px; aspect-ratio:1.4/1; }
 .goldfish-page .souvenir-section { padding-top:43px; }
}
@media (max-width:540px) {
 .goldfish-page .welcome { min-height:0; padding-block:28px 36px; }
 .goldfish-page .welcome h1 { font-size:clamp(34px,10.8vw,46px); line-height:1.37; }
 .goldfish-page .intro { font-size:12px; margin-top:16px; }
 .goldfish-page .souvenir { width:253px; margin-top:15px; }
 .goldfish-page .game-section { padding-bottom:32px; }
 .goldfish-page .section-head { margin-bottom:21px; }
 .scoop-guide { display:grid; grid-template-columns:1fr; gap:8px; padding-bottom:18px; margin-bottom:22px; }
 .scoop-guide li { gap:13px; font-size:12px; }
 .scoop-guide-no { font-size:13px; }
 .fish-bowl-section { padding-block:32px; }
 .fish-bowl-layout { display:block; }
 .fish-bowl-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:15px; align-items:end; margin-bottom:19px; }
 .fish-bowl-copy .kicker { grid-column:1/-1; margin-bottom:5px; font-size:10px; }
 .fish-bowl-copy h2 { font-size:28px; line-height:1.6; letter-spacing:.06em; }
 .bowl-title-break { display:none; }
 .bowl-tally { grid-column:2; grid-row:2; gap:6px; margin:0; }
 .bowl-tally strong { font-size:35px; }
 .bowl-intro { grid-column:1/-1; margin-top:9px; font-size:11px; }
 .bowl-intro br { display:none; }
 .bowl-note { grid-column:1/-1; margin-top:6px; font-size:10px; }
 .bowl-note br { display:none; }
 #bowl-canvas { min-height:230px; aspect-ratio:1.4/1; }
 .fish-bowl-display figcaption { text-align:left; font-size:10px; margin-top:10px; }
 .goldfish-page .souvenir-section { padding-top:34px; }
 .goldfish-page .gallery-link { text-align:left; font-size:11px; margin:0 0 17px; }
 .goldfish-page .collection .section-head .kicker { font-size:9px; letter-spacing:.09em; }
}
@media (max-width:350px) {
 .goldfish-page .welcome h1 { font-size:36px; }
 .fish-bowl-copy h2 { font-size:25px; }
 .bowl-tally strong { font-size:31px; }
 #bowl-canvas { min-height:215px; }
}

/* Keep the catch count visible while the basin fills the phone. */
.goldfish-table.is-expanded>.board-top{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:0 0 7px;padding:0 2px;border:0;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;color:#eee2bd;font-size:11px;line-height:1.5}
.goldfish-table.is-expanded>.board-top #scene-verb{display:none}
.goldfish-table.is-expanded>.board-top strong{font-size:12px;letter-spacing:.08em}
.goldfish-table.is-expanded #pairs{font:14px Georgia,serif;color:#f4d58b}
.goldfish-table.is-expanded #goldfish-status{color:#d5dfcf}

.goldfish-table.is-expanded .goldfish-control-hint{font-size:11px;line-height:1.65;padding-bottom:9px}
.goldfish-table.is-expanded #goldfish-status{font-size:11px;line-height:1.65;min-height:20px}

/* A small brass level marker stays visible beside the basin title. */
.goldfish-table .stage-level{display:inline-block;margin-right:9px;padding:3px 8px;border:1px solid #c7aa6b8c;color:#f4d58b;font:italic 16px Georgia,serif;letter-spacing:.02em;white-space:nowrap}
.goldfish-table.is-expanded .stage-level{font-size:14px;margin-right:6px;padding:2px 6px}
.goldfish-table.is-expanded .board-top>span:first-child{display:flex;align-items:center;min-width:0}
.goldfish-table #pairs{white-space:nowrap}

.account-strip{padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.account-strip h2{font-size:23px;letter-spacing:.06em;margin:6px 0 10px}
.account-strip p:not(.kicker){font-size:13px;line-height:1.9;max-width:550px}
.account-actions{display:flex;flex-wrap:wrap;gap:9px;max-width:360px}
.account-actions button{min-height:44px}
@media(max-width:760px){.account-strip{display:block;padding-block:24px}.account-strip h2{font-size:22px}.account-actions{margin-top:17px}.account-actions button{width:100%}}

/* Additional game appears only after normal Lv100 completion. */
.shura-entry{margin:10px 0 18px;padding:18px 20px;border:1px solid #ba985a;background:linear-gradient(115deg,#26343a,#17282e);box-shadow:inset 0 0 0 4px #d5b77d0d}.shura-entry[hidden]{display:none!important}.shura-entry p{margin:0 0 12px;color:#efd49d;font-size:14px;line-height:1.8}.shura-entry button{min-height:48px;max-width:100%;white-space:normal}
/* 修羅・極: existing washi, vermilion and aged gold, with a distinct optional entrance. */
.extreme-entry{border-color:#aa7854;background:linear-gradient(115deg,#3d1e1acc,#192c2acc);box-shadow:inset 3px 0 #c5a169;padding:18px 20px}.extreme-kicker{font-family:var(--serif,serif);font-size:1.1rem;letter-spacing:.13em;color:#ecd4a4}.extreme-entry p{margin:0 0 12px}.extreme-entry p:last-of-type{line-height:1.8}.is-extreme .stage-level{background:#622c26;color:#ffe1ab;border:1px solid #b58e55}.is-extreme .board-top{border-bottom-color:#a47a51}
.coin-exchanges{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.exchange-panel{padding:32px;background:#eee4cf url('assets/washi-grain.svg');border:1px solid #b8a17b;box-shadow:inset 0 0 0 6px #f9f4e733}.exchange-panel h3{font-size:24px;color:#432c21;margin:0 0 18px}.exchange-panel>p{font-size:14px;line-height:1.9;margin-bottom:18px}.exchange-panel label{display:block;font-size:13px;margin:14px 0 8px}.exchange-panel select,.exchange-panel input{font:inherit;min-height:48px;width:100%;background:#fffaf0;color:#322c27;border:1px solid #a69577;border-radius:2px;padding:10px 12px}.exchange-panel button{width:100%;margin-top:16px;min-height:48px}.exchange-panel .small{font-size:12px;margin-top:8px}.souvenir-card-panel{background-color:#e7dbc3;border-color:#9b805b}.exchange-panel .status{margin-top:12px;margin-bottom:0}select:focus-visible,input:focus-visible{outline:3px solid #b7843b;outline-offset:3px}@media(max-width:760px){.coin-exchanges{grid-template-columns:1fr;gap:18px}.exchange-panel{padding:24px}.exchange-panel h3{font-size:22px}}
/* Keep optional mode introductions outside the immersive phone play area. */
.goldfish-table.is-expanded #shura-entry,.goldfish-table.is-expanded #extreme-entry{display:none!important}

.goldfish-page .reward-side-cta{margin-top:12px;min-height:44px}.goldfish-page .purse a.purse-exchange{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #927e5144;font-size:14px;line-height:1.7}