:root{--bg:#0c2526;--deep:#102f2d;--panel:#173a35;--line:#36544b;--ink:#f4ecd5;--muted:#a0b4a4;--gold:#dec48d;--bright:#f2d9a2;font-family:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 45% 0,#1f4640 0,#102d2c 40%,#0a2325 100%);color:var(--ink);min-height:100vh}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffe4ac;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{max-width:1440px;height:83px;padding:0 56px;margin:auto;border-bottom:1px solid #44625188;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-size:15px;letter-spacing:2px;font-weight:700}.brand img{image-rendering:pixelated}.brand small{display:block;font-size:6px;letter-spacing:3.9px;margin-top:6px;color:#b7c4a8}.topbar nav{display:flex;align-self:stretch;align-items:center;gap:32px}.topbar nav button{position:relative;align-self:stretch;padding:0;background:none;border:0;font-size:11px;color:#a7bcaa;letter-spacing:.2px}.topbar nav button.active{color:#f2deb6}.topbar nav button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d9bd81}.topbar nav button span{margin-left:4px;font-size:8px;color:#e5c992}.demo-badge{color:#e0c795;border:1px solid #73816b;font-size:8px;letter-spacing:2px;border-radius:20px;padding:8px 11px;display:flex;gap:7px;align-items:center}.demo-badge i,.live-dot{display:inline-block;width:5px;height:5px;background:#d7d7a0;border-radius:50%;box-shadow:0 0 8px #d9deb34d;flex-shrink:0}main{max-width:1440px;margin:auto;padding:33px 56px 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:8px;color:#cfb47f;letter-spacing:2.4px;font-weight:600;margin:0 0 12px}.eyebrow>span{font-size:10px;margin-right:5px}.intro h1{font:400 39px/1.15 Georgia,'Times New Roman',serif;margin:0 0 12px;letter-spacing:-.6px;color:#f0ead5}.intro h1 em{color:#d9c78d;font-weight:400}.intro-copy{font-size:11px;color:#adc0af;line-height:1.8;margin:0}.intro-ornament{font-family:serif;font-size:49px;color:#b0aa7e;text-align:center;line-height:1.2;padding-right:3px}.intro-ornament small{display:block;font:6px Arial,sans-serif;letter-spacing:1.8px;margin-top:7px;color:#98ad96}.pond-shell{border:1px solid #8c9470;border-radius:13px;overflow:hidden;box-shadow:0 15px 60px #03181b80;background:#173c36}.scene{position:relative;isolation:isolate;overflow:hidden}.scene>canvas{display:block;width:100%;height:auto;aspect-ratio:50/31;image-rendering:pixelated;background:#2e8f82 url(pond-imlek.png) center/cover}.pond-hud{position:absolute;z-index:4;inset:16px 18px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;pointer-events:none}.pond-caption{display:flex;gap:9px;align-items:flex-start;padding:11px 14px;background:#0e3635d9;backdrop-filter:blur(8px);border:1px solid #b1c6a14d;border-radius:6px;color:#f0ead2;font-size:12px;letter-spacing:.2px;box-shadow:0 4px 15px #02363022}.pond-caption .live-dot{margin-top:4px}.pond-caption small{display:block;font-size:6px;letter-spacing:1.9px;color:#c4d4b6;margin-top:6px}.tools{display:flex;gap:5px;pointer-events:auto}.tool-button,.tools select{border:1px solid #c6d9b455;background:#103a38d9;color:#efedce;border-radius:5px;backdrop-filter:blur(8px);height:32px}.tool-button{width:32px;font-size:19px;line-height:1}.tool-button[aria-pressed=true]{background:#bacd9a;color:#1d433c}.tools select{font-size:8px;padding:0 7px;cursor:pointer}.fish-targets{position:absolute;inset:0;z-index:2}.fish-target{position:absolute;border:0;background:none;display:flex;align-items:flex-end;justify-content:center;padding:0;transform:translate(-50%,-50%);border-radius:50%;-webkit-tap-highlight-color:transparent}.fish-label{white-space:nowrap;font-size:9px;letter-spacing:.4px;color:#fff5d6;background:#194844c9;border:1px solid #b4c7a377;border-radius:20px;display:flex;align-items:center;gap:5px;padding:4px 8px;box-shadow:0 2px 7px #043c3e3b;backdrop-filter:blur(5px)}.fish-label>small{font-size:6px;color:#c3d4b4;border-right:1px solid #d5dcb044;padding-right:5px;letter-spacing:0}.fish-target.selected .fish-label{background:#efe2b5;color:#27463b;border-color:#fff3c8;box-shadow:0 0 0 3px #e5de9b26}.fish-target.selected .fish-label small{color:#58715b;border-color:#5a735355}.fish-target.selected .fish-label:after{content:'✓';font-size:8px;font-weight:700;color:#34624a}.fish-target:hover .fish-label{border-color:#fff5ca}.fish-target:disabled{opacity:1}.fish-target:focus-visible{outline-offset:-7px}.pond-bottom-note{position:absolute;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:6px;letter-spacing:1.3px;color:#f0edd7;text-shadow:0 1px 4px #00453f,0 1px 3px #00453f}.status{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;gap:9px;background:#173d39ed;border:1px solid #c3c996;border-radius:30px;padding:11px 17px;color:#f6e6ba;font-size:11px;box-shadow:0 6px 20px #073f3b55;white-space:nowrap}.status-dot{display:block;width:5px;height:5px;background:#f1dd9b;border-radius:50%;box-shadow:0 0 8px #e9d99e99}.open-chest{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);z-index:5;padding:12px 24px;background:#f6e4b7;border:1px solid #fff6d7;box-shadow:0 4px #79875a,0 8px 22px #14494066;color:#264e42;border-radius:8px;white-space:nowrap}.open-chest small{display:block;font-size:6px;letter-spacing:1.6px;color:#738362;margin-bottom:7px}.open-chest b{font-size:15px}.playbar{display:grid;grid-template-columns:minmax(0,1fr) auto 245px;align-items:center;gap:34px;padding:17px 25px;background:linear-gradient(100deg,#213f36,#193c36 65%,#244b3e);border-top:1px solid #7d916555}.chosen-koi{display:flex;align-items:center;gap:16px;min-width:0}.fish-portrait{width:83px;height:58px;border:1px solid #69816b55;border-radius:50%;background:#14352e;flex-shrink:0}.fish-portrait canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.chosen-koi small,.ticket-balance small{font-size:6px;letter-spacing:1.8px;color:#b8c1a2}.chosen-koi h2{font:26px Georgia,serif;margin:4px 0;color:#f0e3ba;line-height:1}.chosen-koi p{font-size:9px;color:#acbda4;line-height:1.5;margin:0}.ticket-balance{display:flex;gap:10px;align-items:center;border-left:1px solid #68816666;padding-left:30px}.ticket-icon{font-size:27px;color:#cebb82}.ticket-balance small{display:block;margin-bottom:4px}.ticket-balance strong{font-size:20px;line-height:1;color:#f0e5c4;font-weight:400}.ticket-balance strong span{font-size:9px;color:#aebeaa}.ticket-balance>button{display:grid;place-items:center;width:24px;height:24px;border:1px solid #99aa7f66;border-radius:50%;background:#45634866;color:#dfd6ad;font-size:16px;margin-left:3px}.play-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:12px 17px;font-size:12px;letter-spacing:.2px;font-weight:700;background:linear-gradient(#f4e1af,#dac18b);border:1px solid #fff1c8;color:#2c4b3e;border-radius:6px;box-shadow:0 3px #947e4c}.play-button b{font-size:20px;font-weight:400;line-height:1}.play-button:hover:not(:disabled){filter:brightness(1.07)}.play-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #947e4c}.play-action>small{display:block;text-align:center;font-size:7px;letter-spacing:.3px;color:#aebd9d;margin-top:9px}.choose-section{margin-top:27px}.choose-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:15px}.choose-heading p{margin:0;font-size:10px;color:#b7c4ac}.choose-heading p>span{font-size:8px;letter-spacing:1.5px;color:#d5c18f;margin-right:12px}.choose-heading>small{font-size:6px;letter-spacing:1.4px;color:#8fa78e}.koi-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.koi-card{border:1px solid #41614f;border-radius:8px;background:#1b3b34;padding:8px 7px 10px;text-align:center;position:relative;min-width:0;color:#b9c8ac}.koi-card.selected{border-color:#c4ba84;background:linear-gradient(#2b4b3b,#284636)}.koi-card small{position:absolute;top:9px;left:9px;font-size:7px;letter-spacing:1px;color:#7f9b81}.koi-card canvas{display:block;width:100%;aspect-ratio:5/3;margin:0 auto;image-rendering:pixelated}.koi-card>strong{font-size:10px;letter-spacing:.5px;font-weight:400}.koi-card.selected strong{color:#f0dfac}.koi-card.selected:after{content:'✓';position:absolute;right:7px;top:7px;font-size:8px;color:#f1dfac}.rewards{border-top:1px solid #405e4f;margin-top:32px;padding-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-heading .eyebrow{font-size:7px;margin-bottom:10px}.section-heading h2{font:28px Georgia,serif;font-weight:400;color:#eae4ca;margin:0}.section-heading h2 em{color:#cfbd87}.section-heading>span{font-size:6px;letter-spacing:2px;color:#a9b59c}.reward-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.reward-card{background:#173931;border:1px solid #47634f;border-radius:8px;padding:13px 7px 16px;text-align:center;min-width:0}.reward-card:first-child{background:#2b4332;border-color:#a49261}.reward-card small{font-size:6px;letter-spacing:1px;color:#8fa68d}.reward-card canvas{display:block;width:100%;max-width:92px;aspect-ratio:1;image-rendering:pixelated;margin:4px auto}.reward-card h3{font-size:10px;line-height:1.5;margin:0 0 7px;font-weight:400;color:#c9d4b5;min-height:29px}.reward-card strong{display:block;font-size:13px;line-height:1.5;color:#e5d09b;overflow-wrap:anywhere}.demo-note{display:flex;align-items:center;gap:12px;padding:14px 17px;margin-top:27px;border:1px solid #4c6652;border-radius:6px;background:#23433255}.demo-note>span{font-size:6px;letter-spacing:1.1px;color:#d9c38b;white-space:nowrap;border:1px solid #78846488;padding:5px 7px}.demo-note p{font-size:10px;line-height:1.7;color:#9fb298;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0;gap:20px;font-size:9px;color:#8fa58e}footer>span:last-child{font-size:6px;letter-spacing:2px}.mobile-dock{display:none}.pond-shell:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh;display:flex;flex-direction:column;justify-content:center;background:#092623}.pond-shell:fullscreen .scene{width:min(100%,calc((100dvh - 100px)*50/31));align-self:center}.pond-shell:fullscreen .playbar{max-width:1600px;width:100%;align-self:center;padding:12px 25px}.pond-shell:fullscreen .play-action>small{display:none}.pond-shell:fullscreen .fish-label{font-size:13px}.pond-shell:fullscreen .fish-label>small{font-size:9px}dialog{border:1px solid #a3b18b;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#365843,#15382f 75%);color:#eee5c9;padding:30px;width:435px;max-width:calc(100% - 28px);max-height:calc(100dvh - 30px);overflow:auto;box-shadow:0 25px 80px #031b1dbb}dialog::backdrop{background:#052126c9;backdrop-filter:blur(9px)}.close{position:absolute;right:15px;top:15px;background:#1d3c32;border:1px solid #82957466;color:#d9d5b0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1;z-index:2}.result-content{text-align:center}.result-content .eyebrow{font-size:7px;letter-spacing:1.9px;margin:10px 0 0}.result-illustration{width:220px;max-width:100%;margin:7px auto;background:radial-gradient(ellipse,#cfb66b29,transparent 70%)}.result-illustration canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.result-tag{font-size:7px;letter-spacing:2px;border:1px solid #89926c;color:#e7d2a1;border-radius:3px;padding:5px 8px}.result-content h2{font:30px/1.18 Georgia,serif;color:#f7e9c3;margin:18px 0 9px}.result-content>p:not(.eyebrow){font-size:10px;color:#b6c0a4;line-height:1.7}.result-value{font-size:35px;color:#f3d799;display:block;line-height:1.2;margin:21px 0 15px;overflow-wrap:anywhere}.simulation-stamp{font-size:7px!important;letter-spacing:1.6px;margin:15px 0 25px}.modal-note{font-size:9px!important;text-align:center;line-height:1.8;color:#a4b698;margin-bottom:0}.history-list{margin-top:25px;display:grid;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 12px;border:1px solid #637b59;border-radius:6px;font-size:11px;color:#e4dfc1}.history-item small{display:block;font-size:8px;color:#a0b393;margin-top:5px}.history-item strong{font-size:12px;color:#e5d095;text-align:right;max-width:50%;overflow-wrap:anywhere}#historyDialog>h2{font:28px Georgia,serif;margin:0}.empty{font-size:12px;color:#a9b99e;line-height:1.8;margin:8px 0 15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 17px;border:1px solid #adb58a;border-radius:7px;background:#264a3eee;color:#ece1ba;font-size:11px;line-height:1.5;box-shadow:0 5px 30px #06242377;max-width:calc(100% - 28px);width:max-content;z-index:40}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.topbar{padding:0 30px;height:74px}main{padding:26px 30px 0}.intro h1{font-size:34px}.playbar{gap:22px;grid-template-columns:minmax(0,1fr) auto 205px;padding:17px 20px}.ticket-balance{padding-left:20px}.chosen-koi{gap:10px}.chosen-koi h2{font-size:24px}.chosen-koi p{font-size:8px}.fish-portrait{width:72px;height:50px}.ticket-balance strong{font-size:19px}.play-button{font-size:11px}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reward-card h3{font-size:12px;min-height:0}.reward-card strong{font-size:15px}.reward-card small{font-size:8px}.fish-label{font-size:8px;padding:4px 6px}.pond-caption{font-size:11px}}
@media(max-width:760px){.topbar{height:59px;padding:0 14px;gap:17px}.brand{gap:8px;font-size:11px;letter-spacing:1.6px}.brand img{width:32px;height:32px}.brand small{font-size:5px;letter-spacing:2.5px;margin-top:5px}.topbar nav{gap:17px;margin-left:auto}.topbar nav button{font-size:9px}.topbar nav button span{display:none}.demo-badge{font-size:6px;letter-spacing:1px;padding:6px 7px;gap:4px}.demo-badge i{width:3px;height:3px}main{padding:16px 0 calc(115px + env(safe-area-inset-bottom,0px))}.intro{margin:0 15px 16px;gap:13px}.intro .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:9px}.intro .eyebrow>span{font-size:7px}.intro h1{font-size:29px;line-height:1.13;letter-spacing:-.4px;max-width:320px;margin:0}.intro h1 em{display:block}.intro-copy{display:none}.intro-ornament{font-size:37px;padding:0 4px}.intro-ornament small{font-size:4px;letter-spacing:.7px;max-width:65px;line-height:1.7;margin-top:3px}.pond-shell{border-radius:0;border-left:0;border-right:0;box-shadow:none}.scene>canvas{aspect-ratio:27/40}.pond-hud{inset:11px 11px auto;gap:8px}.pond-caption{padding:9px 10px;font-size:10px;gap:7px}.pond-caption small{font-size:5px;letter-spacing:1.1px;margin-top:5px}.pond-caption .live-dot{width:4px;height:4px;margin-top:3px}.tools{gap:4px}.tool-button,.tools select{height:30px}.tool-button{width:29px;font-size:18px}.tools select{font-size:7px;padding:0 5px}.fish-label{font-size:10px;padding:5px 8px;letter-spacing:.2px;gap:5px}.fish-label>small{font-size:7px}.fish-target.selected .fish-label:after{font-size:9px}.pond-bottom-note{bottom:11px;left:12px;right:12px;font-size:5px;letter-spacing:.8px}.pond-bottom-note>span:last-child{display:none}.playbar{display:none}.status{font-size:10px;padding:10px 13px;top:47%;max-width:94%;white-space:normal;text-align:center;line-height:1.6}.open-chest{top:64%;padding:12px 22px}.open-chest small{font-size:6px;letter-spacing:1.2px}.open-chest b{font-size:15px}.choose-section{margin:21px 14px 0}.choose-heading{margin-bottom:13px}.choose-heading p{font-size:10px;line-height:1.5}.choose-heading p>span{font-size:7px;margin-right:7px}.choose-heading>small{display:none}.koi-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:9px;scrollbar-width:thin;scrollbar-color:#577456 transparent}.koi-card{flex:0 0 95px;padding:8px 5px 10px}.koi-card>strong{font-size:10px}.koi-card small{font-size:6px;top:7px;left:7px}.rewards{margin:20px 14px 0;padding-top:23px}.section-heading{margin-bottom:18px;align-items:flex-start}.section-heading .eyebrow{font-size:6px;letter-spacing:1.9px}.section-heading h2{font-size:26px;line-height:1.15;max-width:240px}.section-heading h2 em{display:block}.section-heading>span{font-size:5px;letter-spacing:1.2px;margin-top:3px;white-space:nowrap}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reward-card{padding:10px 5px 12px;border-radius:6px}.reward-card small{font-size:5px;letter-spacing:.4px}.reward-card h3{font-size:8px;min-height:24px;line-height:1.4}.reward-card strong{font-size:10px}.reward-card canvas{max-width:75px}.demo-note{margin:22px 14px 0;padding:11px;gap:9px}.demo-note>span{font-size:5px;letter-spacing:.6px;padding:4px 5px}.demo-note p{font-size:9px}footer{padding:18px 14px;font-size:8px;line-height:1.7}footer>span:last-child{display:none}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:center;gap:13px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#173c34f5;backdrop-filter:blur(16px);border-top:1px solid #a2a67c;box-shadow:0 -5px 25px #08272566}.mobile-choice{display:flex;flex-direction:column;gap:4px;min-width:0}.mobile-choice>small{font-size:6px;letter-spacing:1.5px;color:#aebfa4}.mobile-choice>strong{font:22px Georgia,serif;color:#f5e3b9;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-choice>span{font-size:8px;color:#b3c0a4;display:flex;align-items:center;gap:3px;min-height:18px}.mobile-choice>span>b{font-weight:400}.mobile-choice button{display:grid;place-items:center;width:18px;height:18px;border:1px solid #7f9b7055;border-radius:50%;color:#decfa3;background:#36543e;font-size:12px;padding:0;margin-left:4px}.mobile-dock .play-button{min-height:50px;padding:13px 14px;font-size:12px;border-radius:7px}.toast{bottom:calc(111px + env(safe-area-inset-bottom,0px));font-size:10px}.pond-shell:fullscreen .scene{width:min(100%,calc((100dvh - 83px)*27/40))}.pond-shell:fullscreen .playbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 15px;gap:12px}.pond-shell:fullscreen .fish-portrait,.pond-shell:fullscreen .ticket-balance,.pond-shell:fullscreen .chosen-koi p{display:none}.pond-shell:fullscreen .chosen-koi h2{font-size:20px}.pond-shell:fullscreen .chosen-koi small{font-size:5px}.pond-shell:fullscreen .fish-label{font-size:10px}.pond-shell:fullscreen .fish-label>small{font-size:7px}.pond-shell:fullscreen .play-button{font-size:11px;min-height:42px;padding:10px}.result-content h2{font-size:28px}.result-value{font-size:32px}}
@media(max-width:380px){.topbar{gap:10px;padding:0 12px}.topbar nav{gap:12px}.topbar nav button{font-size:8px}.brand{font-size:10px;letter-spacing:1.2px;gap:7px}.brand img{width:29px;height:29px}.brand small{font-size:4px}.demo-badge{font-size:5px;letter-spacing:.6px}.intro h1{font-size:26px}.intro .eyebrow{font-size:5px;letter-spacing:1.4px}.intro-ornament{font-size:33px}.pond-caption{font-size:9px;padding:8px}.pond-caption small{font-size:4px}.tools{gap:3px}.tool-button{width:27px}.tools select{padding:0 4px}.fish-label{font-size:9px;padding:4px 6px}.mobile-dock{padding-left:13px;padding-right:13px;gap:9px}.mobile-dock .play-button{font-size:11px}.reward-card h3{font-size:7px}.reward-card strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep status clear of the dive, bubbles and emerging chest. */
.status{top:14%;padding:9px 15px;font-size:10px;background:#123d38df;pointer-events:none}.open-chest{top:auto;bottom:6%;transform:translateX(-50%);padding:11px 20px}.fish-target{will-change:transform}.fish-target.selected .fish-label{box-shadow:0 0 0 2px #e5de9b26}@media(max-width:760px){.status{top:12%;max-width:88%;font-size:9px;padding:8px 13px}.open-chest{top:auto;bottom:6%;padding:11px 20px}}

/* Chinese Lunar New Year: red lacquer, gold detailing and jade water. */
.intro-ornament{position:relative;display:grid;place-items:center;width:69px;height:69px;flex-shrink:0;background:#a82b32;border:2px solid #ddba73;border-radius:4px;color:#f6dca1;font-size:48px;box-shadow:4px 4px #64242c;padding:0;margin-right:5px}.intro-ornament small{position:absolute;top:calc(100% + 9px);left:-20px;right:-20px;white-space:nowrap;color:#d6ba84;font-size:6px;letter-spacing:1.2px;margin:0}.play-button{background:linear-gradient(#bd343a,#94222e);color:#ffedc4;border-color:#e8c585;box-shadow:0 3px #611e29}.play-button:active:not(:disabled){box-shadow:0 1px #611e29}.pond-shell{border-color:#c39c63}.pond-caption{background:#732c32df;border-color:#e0ba6c99}.pond-caption small{color:#f0d1a1}.demo-badge{border-color:#b66758;background:#6f293333;color:#e5c188}.topbar nav button.active:after{background:#d87b61}.result-tag{border-color:#a67b57;background:#8a2d3533}.chosen-koi h2{font-size:24px}.mobile-choice>strong{font-size:21px}.fish-label{letter-spacing:0}@media(max-width:760px){.intro-ornament{width:49px;height:49px;font-size:33px;border-width:1px;box-shadow:3px 3px #64242c;margin-right:4px}.intro-ornament small{font-size:4px;top:calc(100% + 6px);letter-spacing:.5px;left:-10px;right:-10px}.mobile-choice>strong{font-size:19px}.fish-label{font-size:9px}.pond-caption{font-size:9px}.pond-caption small{font-size:5px}}

/* Per-brand controls; the Chinese pond artwork retains its original palette. */
:root{--accent:#94a3b8;--accent-ink:#fff}.brand{max-width:330px;line-height:1.35}.brand>span{font:700 15px/1.35 Arial,sans-serif;letter-spacing:.3px;color:var(--accent)}.topbar nav button.active,.eyebrow,.section-heading h2 em,.intro h1 em,.ticket-balance strong,.result-value,.mobile-choice strong{color:var(--accent)}.play-button,.open-chest{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 5px 0 #0005}.play-button:disabled{opacity:.55;cursor:default}.koi-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fish-target.selected .fish-label{border-color:var(--accent)}.pond-shell{border-color:var(--accent)}.voucher-trigger{border:1px solid var(--accent);background:transparent;color:var(--accent);padding:11px 15px;border-radius:7px;font-weight:700;cursor:pointer}.connection-notice{padding:12px;border:1px solid #45635c;border-radius:8px;color:#d4e9dd;font-size:12px}.claim-button{text-decoration:none;margin:16px 0;justify-content:center;font-size:14px}.claim-button[aria-disabled="true"]{pointer-events:none;opacity:.5}.history-item a{display:block;color:var(--accent);font-size:11px;margin-top:8px}#voucherDialog{max-width:460px}#voucherForm label{display:block;margin:20px 0 8px;font-size:12px;color:#d4e7df}#voucherForm input{display:block;width:100%;margin-top:9px;padding:14px;background:#0b2525;color:#fff;border:1px solid #52756c;border-radius:6px;font:16px Arial,sans-serif}#voucherForm>.play-button{width:100%;margin-top:20px}.form-error{color:#ffaaa0;font-size:13px;line-height:1.5}.result-content .modal-note{overflow-wrap:anywhere}#brandGameName:empty{visibility:hidden}[hidden]{display:none!important}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:12px}.brand{max-width:calc(100% - 150px)}.brand>span{font-size:13px}.voucher-trigger{font-size:11px;padding:10px}.topbar nav{order:3;flex:1 0 100%;justify-content:space-between}.intro{padding-top:18px}.mobile-dock{border-top-color:var(--accent)}.mobile-dock .play-button{font-size:13px}.mobile-choice span{font-size:10px}#voucherDialog{width:calc(100% - 28px);padding:26px 20px}.result-value{font-size:26px}}

@media(max-width:760px){.topbar{height:auto;min-height:84px;padding:12px 14px}.topbar nav button.active:after{background:var(--accent)}}
body{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 18%,#0b1723),#091419 80%)}.topbar{background:color-mix(in srgb,var(--accent) 12%,#0b1723);border-bottom-color:color-mix(in srgb,var(--accent) 35%,#24394a)}.playbar,.reward-card,.koi-card,.mobile-dock,dialog{background:color-mix(in srgb,var(--accent) 10%,#14232d)}.playbar{border-top-color:color-mix(in srgb,var(--accent) 35%,#24394a)}.topbar nav button.active:after{background:var(--accent)}

/* Use the brand logo without duplicating the brand name. */
.brand{min-width:140px;min-height:42px}.brand .brand-logo{display:block;width:auto!important;height:auto!important;max-width:210px;max-height:52px;object-fit:contain}.brand .brand-logo[hidden]{display:none!important}@media(max-width:760px){.brand{min-width:110px;min-height:34px;max-width:calc(100% - 145px)}.brand .brand-logo{max-width:min(165px,100%);max-height:40px}}
/* One brand palette for the full interface, including selected and featured states. */
:root{--ui-bg:color-mix(in srgb,var(--accent) 7%,#080910);--ui-deep:color-mix(in srgb,var(--accent) 8%,#101018);--ui-panel:color-mix(in srgb,var(--accent) 12%,#15151d);--ui-raised:color-mix(in srgb,var(--accent) 17%,#1a1a23);--ui-selected:color-mix(in srgb,var(--accent) 25%,#17171f);--ui-border:color-mix(in srgb,var(--accent) 38%,#363641);--ui-overlay:color-mix(in srgb,var(--ui-panel) 94%,transparent);--ui-text:color-mix(in srgb,var(--accent) 6%,#f5f6fc);--ui-muted:color-mix(in srgb,var(--accent) 10%,#b1b8c9);--ui-soft:color-mix(in srgb,var(--accent) 30%,#eff2ff);--bg:var(--ui-bg);--deep:var(--ui-deep);--panel:var(--ui-panel);--line:var(--ui-border);--ink:var(--ui-text);--muted:var(--ui-muted);--gold:var(--ui-soft);--bright:var(--ui-text)}
body{color:var(--ui-text);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 17%,#111119),var(--ui-bg) 85%)}
button:focus-visible,a:focus-visible,select:focus-visible{outline-color:var(--accent)}
.topbar{background:var(--ui-deep);border-bottom-color:var(--ui-border)}.brand small,.topbar nav button,.topbar nav button span{color:var(--ui-muted)}.topbar nav button.active{color:var(--accent)}.topbar nav button.active:after{background:var(--accent)}
.intro h1,.section-heading h2,.chosen-koi h2,.result-content h2{color:var(--ui-text)}.intro-copy,.chosen-koi p{color:var(--ui-muted)}.intro h1 em,.section-heading h2 em{color:var(--accent)}
.live-dot,.demo-badge i,.status-dot{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 50%,transparent)}
.pond-shell{background:var(--ui-deep);border-color:var(--accent);box-shadow:0 15px 60px #0006}.scene>canvas{background:#2e8f82 url(pond-imlek.webp) center/cover}
.pond-caption{background:var(--ui-overlay);border-color:var(--ui-border);color:var(--ui-text)}.pond-caption small{color:var(--ui-muted)}
.tool-button,.tools select{background:var(--ui-overlay);border-color:var(--ui-border);color:var(--ui-text)}.tool-button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.fish-label{background:var(--ui-overlay);border-color:var(--ui-border);color:var(--ui-text);box-shadow:0 2px 7px #0003}.fish-label>small{color:var(--ui-muted);border-color:var(--ui-border)}.fish-target.selected .fish-label{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.fish-target.selected .fish-label small,.fish-target.selected .fish-label:after{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent-ink) 30%,transparent)}.fish-target:hover .fish-label{border-color:var(--accent)}
.status{background:var(--ui-overlay);border-color:var(--accent);color:var(--ui-text);box-shadow:0 6px 20px #0004}
.playbar{background:var(--ui-panel);border-top-color:var(--ui-border)}.fish-portrait{background:var(--ui-deep);border-color:var(--ui-border)}.chosen-koi small,.ticket-balance small,.ticket-balance strong span,.play-action>small{color:var(--ui-muted)}.ticket-balance{border-color:var(--ui-border)}.ticket-balance strong,.ticket-icon{color:var(--accent)}.ticket-balance>button{background:var(--ui-raised);border-color:var(--ui-border);color:var(--ui-soft)}
.play-button,.open-chest{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 #0005}.play-button:active:not(:disabled){box-shadow:0 1px 0 #0005}.open-chest small{color:var(--accent-ink);opacity:.8}
.choose-heading p{color:var(--ui-text)}.choose-heading p>span{color:var(--accent)}.choose-heading>small{color:var(--ui-muted)}
.koi-card{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text)}.koi-card.selected{background:var(--ui-selected);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.koi-card small{color:var(--ui-muted)}.koi-card.selected strong{color:var(--ui-text)}.koi-card.selected:after{color:var(--accent)}
.rewards{border-color:var(--ui-border)}.section-heading>span{color:var(--ui-muted)}.reward-card{background:var(--ui-panel);border-color:var(--ui-border)}.reward-card:first-child{background:var(--ui-selected);border-color:var(--accent)}.reward-card small{color:var(--ui-muted)}.reward-card h3{color:var(--ui-text)}.reward-card strong{color:var(--ui-soft)}
.demo-note{background:var(--ui-deep);border-color:var(--ui-border)}.demo-note>span{color:var(--ui-soft);border-color:var(--ui-border)}.demo-note p,footer{color:var(--ui-muted)}
.pond-shell:fullscreen{background:var(--ui-bg)}.mobile-dock{background:var(--ui-overlay);border-color:var(--ui-border);box-shadow:0 -5px 25px #0005}.mobile-choice>small,.mobile-choice>span{color:var(--ui-muted)}.mobile-choice>strong{color:var(--ui-text)}.mobile-choice button{background:var(--ui-raised);border-color:var(--ui-border);color:var(--ui-soft)}
dialog{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text);box-shadow:0 25px 80px #0008}dialog::backdrop{background:color-mix(in srgb,var(--ui-bg) 88%,transparent)}.close{background:var(--ui-raised);border-color:var(--ui-border);color:var(--ui-text)}.result-illustration{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%)}.result-tag{color:var(--ui-soft);border-color:var(--ui-border);background:var(--ui-deep)}.result-content>p:not(.eyebrow),.modal-note{color:var(--ui-muted)}.result-value{color:var(--accent)}.history-item{border-color:var(--ui-border);color:var(--ui-text)}.history-item small,.empty{color:var(--ui-muted)}.history-item strong{color:var(--ui-soft)}.toast{background:var(--ui-overlay);border-color:var(--ui-border);color:var(--ui-text);box-shadow:0 5px 30px #0005}.connection-notice{border-color:var(--ui-border);color:var(--ui-text)}
#voucherForm label{color:var(--ui-text)}#voucherForm input{background:var(--ui-deep);border-color:var(--ui-border);color:var(--ui-text)}
.koi-strip{scrollbar-color:var(--ui-border) transparent}