:root{--navy:#173d57;--navy-2:#0e2e45;--gold:#d9a72e;--paper:#fffdf4;--paper-2:#f3ecd4;--sky:#e7f4f8;--clean:#2a9fd6;--waste:#7b3fa0;--dry:#f28c28;--flood:#0b3c8c;--ok:#1e8c45;--bad:#d7263d;--text:#173d57;--muted:#5d7686;--line:#173d5729;--shadow:0 8px 24px #08283d24;--radius:16px;--bg:linear-gradient(180deg, #e7f4f8 0%, #dcefe6 100%);--panel:#fffdf4eb;--flow:1.2s;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Prompt,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#eaf4f7;--muted:#a6bdc8;--line:#eaf4f729;--bg:linear-gradient(180deg, #0c2233 0%, #10304a 100%);--panel:#122c40eb;--paper-2:#1d4260}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);background-attachment:fixed}button,input,select{font:inherit;color:inherit}img{max-width:100%}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.85em}.btn{border:2px solid var(--navy);background:var(--paper);color:var(--navy);cursor:pointer;box-shadow:0 3px 0 var(--navy);border-radius:999px;padding:.55em 1.2em;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--navy);transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--gold);border-color:var(--navy)}.btn.ghost{box-shadow:none;border-color:var(--line);color:var(--text);background:0 0}.btn.big{padding:.75em 1.6em;font-size:1.15rem}.btn.small{padding:.35em .8em;font-size:.85rem}.link{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.buttons{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.buttons.center{justify-content:center;margin:1.5rem 0 2rem}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.page{max-width:1080px;margin:0 auto;padding:1rem 16px 3rem}.page-head{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-head h1{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.card-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem 1.2rem}.card-box h2{margin-top:0;font-size:1.15rem}.field{flex-direction:column;gap:.25rem;margin:.5rem 0;display:flex}.field span{color:var(--muted);font-size:.85rem}.field input,.field select,.seat input,.lab-bots select{border:2px solid var(--line);background:var(--paper);color:var(--navy);border-radius:10px;padding:.45em .7em}.field.check{flex-direction:row;align-items:center}.notice{color:var(--navy);border:2px solid var(--gold);background:#fff3d6;border-radius:12px;padding:.7rem 1rem}.segmented{border:2px solid var(--navy);border-radius:999px;display:inline-flex;overflow:hidden}.segmented button{background:var(--paper);color:var(--navy);cursor:pointer;border:0;padding:.5em 1.4em;font-weight:700}.segmented button[aria-checked=true]{background:var(--gold);color:#173d57}.home{flex-direction:column;align-items:center;gap:1rem;min-height:100dvh;padding:1rem 16px 2rem;display:flex}.home-hero{width:min(1100px,100%);box-shadow:var(--shadow);background:var(--sky);border-radius:24px;position:relative;overflow:hidden}.home-hero img{aspect-ratio:1800/1000;object-fit:cover;width:100%;display:block}.home-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#051e2b29 70%,#051e2bad);position:absolute;inset:0}.home-cover-title{z-index:2;filter:drop-shadow(0 8px 18px #04192357);flex-direction:column;align-items:center;width:min(600px,78%);display:flex;position:absolute;bottom:3.8rem;left:50%;transform:translate(-50%)}.home-cover-title img{aspect-ratio:auto;object-fit:contain;width:100%}.home-cover-title span{color:#fffdf4;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#08283dc7;border:1px solid #ffe58bb8;border-radius:999px;margin-top:-.7rem;padding:.38rem 1.25rem;font-weight:700}.home-menu{z-index:1;flex-direction:column;align-items:stretch;gap:.7rem;width:min(420px,100%);margin-top:-3.5rem;display:flex;position:relative}.home-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lang-switch{justify-content:center;gap:.4rem;display:flex}.lang-switch button{border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.2em .9em}.lang-switch button[aria-pressed=true]{background:var(--gold);color:#173d57;border-color:var(--gold)}.home-credit{color:var(--muted);text-align:center;font-size:.8rem}.seats{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.seat{background:var(--panel);border:3px solid var(--pc);border-radius:var(--radius);box-shadow:var(--shadow);gap:.8rem;padding:.8rem;display:flex}.seat-portrait{border:4px solid var(--pc);background:var(--sky);border-radius:50%;flex-shrink:0;width:84px;height:84px}.seat-fields{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.seat-fields label span{color:var(--muted);font-size:.8rem;display:block}.seat-fields input{width:100%}.color-row{gap:.35rem;display:flex}.color-dot{color:#fff;cursor:pointer;border:3px solid #0000;border-radius:50%;width:30px;height:30px;font-size:.8rem}.color-dot.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--paper)}.color-dot.taken{opacity:.45}.kind-row{flex-wrap:wrap;gap:.3rem;display:flex}.kind-row button{border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.2em .7em;font-size:.85rem}.kind-row button.on{background:var(--gold);color:#173d57;border-color:var(--gold);font-weight:600}.start{margin:1rem auto;display:block}.game{grid-template:"top top top""left center right"minmax(0,1fr)"bottom bottom bottom"/250px minmax(0,1fr) 290px;gap:.5rem;height:100dvh;padding:.5rem;display:grid}.topbar{background:var(--navy);color:var(--paper);border-radius:14px;grid-area:top;align-items:center;gap:.8rem;padding:.35rem .8rem;display:flex}.topbar .btn.ghost{color:var(--paper);border-color:#ffffff4d}.topbar-logo{background:var(--paper);border-radius:8px;height:34px;padding:2px 6px}.topbar-status{flex-wrap:wrap;flex:1;align-items:baseline;gap:.8rem;min-width:0;display:flex}.topbar-status .turn{font-weight:600;color:var(--gold)!important}.topbar-tools{align-items:center;gap:.4rem;display:flex}.topbar select{background:var(--navy-2);color:var(--paper);border:1px solid #ffffff4d;border-radius:8px;padding:.25em .4em}.log-toggle{display:none}.tag{background:var(--gold);color:var(--navy);border-radius:999px;padding:.05em .6em;font-size:.8rem}.side{flex-direction:column;gap:.5rem;min-height:0;display:flex}.side.left{grid-area:left}.side.right{grid-area:right}.center{grid-area:center;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.bottom{grid-area:bottom}.scoreboard{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.player{background:var(--panel);border:2px solid var(--line);border-left:8px solid var(--pc);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:.55rem;padding:.4rem .6rem;transition:transform .2s,border-color .2s;display:flex}.player.current{border-color:var(--gold);box-shadow:0 0 0 3px #d9a72e59, var(--shadow);transform:translate(4px)}.avatar{border:3px solid var(--pc);background:var(--sky);border-radius:50%;width:48px;height:48px}.pinfo{flex-direction:column;flex:1;min-width:0;display:flex}.pname{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25rem;font-weight:600;display:flex;overflow:hidden}.psym{color:var(--pc)}.first-icon{width:22px;height:22px}.pkind{color:var(--muted);font-size:.78rem}.dots{animation:1s infinite blink}.pscore{text-align:right;min-width:2ch;font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:900;position:relative}.mini-floater{font-size:.9rem;animation:1.3s ease-out forwards floatUp;position:absolute;top:-.6rem;right:0}.mini-floater.plus{color:var(--ok)}.mini-floater.minus{color:var(--bad)}.weather-panel,.event-log{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:.6rem .8rem}.weather-panel h3,.event-log h3{margin:0 0 .4rem;font-size:.95rem}.weather-row{justify-content:space-between;gap:.3rem;display:flex}.weather-cell{flex-direction:column;align-items:center;font-size:.75rem;display:flex}.weather-chip{color:#fff;border-radius:999px;align-items:center;gap:.15rem;padding:.1em .45em .1em .15em;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;display:inline-flex}.weather-chip img{width:22px;height:22px}.weather-chip.rain{background:#1b6fa8}.weather-chip.dry{background:#8f420a}.weather-chip.empty{background:var(--line);color:var(--muted);padding:.1em .6em}.event-log{flex-direction:column;flex:1;min-height:0;display:flex}.event-log ol{flex:1;margin:0;padding:0;font-size:.82rem;list-style:none;overflow-y:auto}.event-log li{border-bottom:1px dashed var(--line);padding:.12rem 0}.event-log li.plus{color:var(--ok)}.event-log li.minus{color:var(--bad)}.event-log li.round{text-align:center;border:0;padding-top:.4rem;font-weight:700}.district-view{touch-action:pan-y;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:104px minmax(0,1fr) 104px;align-items:stretch;gap:.5rem;width:100%;max-width:980px;height:100%;display:grid}.district-nav{border:2px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-self:center;align-items:center;gap:.3rem;padding:.7rem .4rem;transition:transform .15s,border-color .15s;display:flex}.district-nav:hover{border-color:var(--gold);transform:scale(1.04)}.district-nav.hint-ok{border-color:var(--ok);box-shadow:0 0 0 3px #1e8c4559, var(--shadow)}.nav-arrow{color:var(--gold);font-size:1.8rem;line-height:1}.nav-text{text-align:center;flex-direction:column;align-items:center;font-size:.8rem;line-height:1.25;display:flex}.nav-text small{color:var(--muted);font-size:.72rem}.nav-name{font-weight:600}.district{border:4px solid var(--pc);background:#e7f0c9;border-radius:26px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #08283d47}.district.slide-right{animation:.38s cubic-bezier(.2,.8,.2,1) slideFromRight}.district.slide-left{animation:.38s cubic-bezier(.2,.8,.2,1) slideFromLeft}.district.is-target{border-color:var(--gold)}.district.is-neighbour:after{content:"";border:5px dashed var(--clean);pointer-events:none;border-radius:22px;position:absolute;inset:0}.river-band{color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath d='M0 18q14-10 28 0t28 0' fill='none' stroke='%23ffffff' stroke-opacity='.18' stroke-width='3'/%3E%3C/svg%3E"),linear-gradient(135deg,#65d6ed 0%,#218ec4 45%,#0b568e 100%);border-bottom:6px solid #e9d38a;padding:.7rem 1rem .6rem;transition:background .4s}.river-head,.river-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.river-title{text-shadow:0 1px 2px #00000059;align-items:center;gap:.4rem;font-weight:600;display:flex}.muted-light{opacity:.85;font-size:.85em;font-weight:400}.source-icon{width:30px;height:30px}.water-row{background:#08283d8c;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:56px;margin:.5rem 0 .4rem;padding:.35rem .5rem;display:flex}.water-row .tile{width:46px;height:46px;animation:.35s ease-out popIn}.water-row.flow-in{animation:flowIn var(--flow) ease-out}.tile-more{padding:0 .4rem;font:900 1.5rem Nunito,sans-serif}.water-meter{background:#08283d73;border-radius:999px;height:10px;display:flex;position:relative;overflow:hidden}.meter-fill{height:100%;transition:width .3s}.meter-fill.clean{background:#8fe0ff}.meter-fill.waste{background:#c190e0}.meter-line{background:#ffd24a;width:3px;position:absolute;top:0;bottom:0}.river-foot{margin-top:.45rem;font-size:.85rem}.status-pill{background:var(--paper);color:#173d57;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .7rem .1rem .15rem;font-weight:700;display:inline-flex}.status-pill.flood{background:#cfe0ff}.status-pill.dry{background:#ffe2c2}.flows-to{opacity:.92}.land{color:#173d57;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Cpath d='M19 30v-12M19 20l-6-6M19 20l6-6' fill='none' stroke='%239fbf73' stroke-opacity='.45' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(#eef5d6 0%,#dfeab8 100%);flex:1;align-items:flex-end;gap:1rem;min-height:190px;padding:.8rem 1rem 1rem;display:flex}.district-owner{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-self:stretch;align-items:center;width:150px;min-height:0;display:flex;position:relative}.owner-figure{object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 10px #08283d4d);flex:auto;width:100%;min-height:0;max-height:250px}.owner-figure.waste{opacity:.8;height:110px}.owner-name{border:3px solid var(--pc);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#173d57;border-radius:999px;align-items:center;gap:.3rem;max-width:100%;margin-top:-.6rem;padding:.15rem .8rem;font-weight:700;display:flex;overflow:hidden}.district-title{letter-spacing:.04em;text-transform:uppercase;margin:.2rem 0 0;font-family:Nunito,Prompt,sans-serif;font-size:1rem;font-weight:900}.slots{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.7rem;display:grid}.slot-card,.slot-empty,.slot-target{aspect-ratio:124/214;border-radius:16px;justify-self:center;width:100%;max-width:150px;position:relative}.slot-card{animation:.35s ease-out dropIn}.slot-card.faceup .action-card{width:100%;height:100%}.slot-card.faceup .action-card.compact .card-title{font-size:.8rem}.slot-card.faceup .action-card.compact .card-symbol{display:grid}.slot-card.faceup .card-art{aspect-ratio:auto;flex:1}.slot-card.facedown{border:4px solid var(--pc);box-shadow:0 4px 0 var(--navy);background:var(--navy);overflow:hidden}.slot-card.facedown img{object-fit:cover;width:100%;height:100%;display:block}.slot-owner{color:var(--pc);background:#fff;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-weight:900;display:grid;position:absolute;top:.4rem;left:.4rem}.slot-note{color:#173d57;text-align:center;background:#fffdf4eb;border-radius:8px;padding:.1rem;font-size:.7rem;position:absolute;bottom:.4rem;left:.3rem;right:.3rem}.reservoir-water{justify-content:center;gap:.2rem;display:flex;position:absolute;bottom:-.6rem;left:0;right:0}.reservoir-water img{width:34px;height:34px}.slot-empty{color:#173d5799;background:#fffdf480;border:3px dashed #173d5759;place-items:center;font-size:.85rem;display:grid}.slot-target{border:4px dashed var(--ok);color:#173d57;cursor:pointer;background:#fffdf4bf;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-weight:600;animation:1.6s ease-in-out infinite breathe;display:flex}.slot-target.down-only{border-color:var(--dry)}.slot-target .plus{font:900 2.2rem/1 Nunito,sans-serif}.slot-target:hover{background:#d9a72e59}.slot-target.selected{background:var(--gold);border-style:solid;border-color:var(--navy);animation:none}.no-slots{text-align:center;flex:1;align-self:center;font-weight:600}.floater{-webkit-text-stroke:2px #fff;paint-order:stroke fill;pointer-events:none;z-index:3;font:900 2.6rem Nunito,sans-serif;animation:1.5s ease-out forwards floatUp;position:absolute;top:40%}.floater.plus{color:var(--ok)}.floater.minus{color:var(--bad)}.floater.info{color:#1b6fa8}.dots-row{gap:.45rem;display:flex}.district-dots{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:.45rem;display:flex}.dot{background:var(--pc);color:#fff;cursor:pointer;opacity:.55;border:3px solid #0000;border-radius:50%;width:34px;height:34px;font-size:.85rem;transition:transform .15s,opacity .15s;position:relative}.dot.on{opacity:1;border-color:var(--gold);transform:scale(1.2)}.dot.flood:after,.dot.dry:after{content:"";background:var(--flood);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:-3px;right:-3px}.dot.dry:after{background:var(--dry)}.dot.hint-ok{opacity:1;box-shadow:0 0 0 3px var(--ok)}.follow{color:var(--muted);align-items:center;gap:.3rem;margin-left:.8rem;font-size:.8rem;display:flex}.district-view{grid-template-columns:88px minmax(0,1fr) 88px;gap:.75rem;max-width:1180px}.district-nav{z-index:6;background:linear-gradient(180deg, #0e394eeb, #061d2df5), var(--panel);color:#f8fbf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #9edee857;border-radius:22px;min-height:156px;position:relative;box-shadow:0 18px 32px #0214204d,inset 0 1px #ffffff24}.district-nav:hover{border-color:#f4d878;transform:translateY(-2px)scale(1.035);box-shadow:0 0 0 1px #f4d87847,0 22px 38px #0214205c}.district-nav:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:15px;position:absolute;inset:8px}.district-nav .nav-arrow{color:#ffe58b;text-shadow:0 0 14px #ffe58bbf;background:#ffe58b14;border:1px solid #ffe58b94;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.district-nav .nav-text small{color:#9cc7d1}.district-nav .nav-name{color:#fffdf4}.district{isolation:isolate;border:2px solid color-mix(in srgb, var(--pc) 68%, #ffe58b);background:#123c4f;border-radius:28px;min-height:430px;box-shadow:0 24px 58px #0218255c,0 0 0 1px #ffffff29,inset 0 0 0 1px #ffe58b3d}.district:before{content:"";z-index:-3;background-image:var(--scene);background-position:50%;background-size:cover;animation:14s ease-in-out infinite alternate districtCamera;position:absolute;inset:-2%;transform:scale(1.035)}.district:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#0318252e 0%,#0000 28% 50%,#03172238 70%,#02121cd1 100%),linear-gradient(90deg,#02131e85 0%,#0000 24% 76%,#02131e42 100%);position:absolute;inset:0}.district.flood:after{background:linear-gradient(#082d5f47,#0000 45%,#051f48bd),radial-gradient(circle at 50% 80%,#48abff38,#0000 48%)}.district.dry:after{background:linear-gradient(#7d3e122e,#0000 42%,#381c0ac2),linear-gradient(90deg,#5e2f0f61,#0000 30%)}.district.is-target,.district.is-neighbour{box-shadow:0 0 0 3px var(--gold), 0 0 36px #ffd24a80, 0 24px 58px #0218255c}.district.is-neighbour:after{border-radius:inherit;border:0}.district-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.district-water-stage{z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.district.flood .district-water-stage{z-index:4}.live-river{height:calc(var(--water-level) + var(--flood-rise));background:linear-gradient(90deg, #53c1d8a8 0%, #197daec2 calc(var(--clean-ratio) * 100%), #704097e0 calc(var(--clean-ratio) * 100%), #583284ed 100%), linear-gradient(180deg, #b7efe89e, #0a457ef0);opacity:.9;min-height:0;transition:height calc(.95s * var(--flow)) cubic-bezier(.2, .72, .15, 1), background .75s ease, opacity .4s;-webkit-backdrop-filter:blur(.6px)saturate(1.2);backdrop-filter:blur(.6px)saturate(1.2);position:absolute;bottom:-2px;left:-4%;right:-4%;overflow:hidden;box-shadow:inset 0 15px 30px #c9fcf752,0 -7px 20px #74e4f26b}.clean-water-depth{z-index:1;width:calc(var(--clean-ratio) * 100%);min-width:0;transition:width calc(.65s * var(--flow)) ease;background:radial-gradient(at 42% -8%,#e5fff7b3,#0000 36%),linear-gradient(#a8e9e447 0%,#2592b314 38%,#033a6f47 100%);display:block;position:absolute;inset:0 auto 0 0;overflow:hidden;box-shadow:inset 0 10px 18px #ddfff938,inset 0 -30px 46px #002d5e38}.clean-water-depth:before,.clean-water-depth:after{content:"";z-index:6;pointer-events:none;width:124%;position:absolute;left:-12%}.clean-water-depth:before{filter:blur(.15px)drop-shadow(0 2px 3px #044a733b);background:radial-gradient(at 50% 100%,#0000 51%,#f5fff9c7 54% 60%,#0000 64%) 0 0/93px 15px repeat-x,radial-gradient(at 50% 100%,#0000 53%,#9fe1e08c 56% 61%,#0000 65%) 34px 3px/67px 12px repeat-x;height:16px;animation:5.5s linear infinite cleanShoreline;top:-5px}.clean-water-depth:after{opacity:.82;background:linear-gradient(#ebfffa33,#0000);height:36%;top:2px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 86%,#0000)}.clean-sky-reflection,.clean-bank-reflection,.clean-caustics,.clean-ripple-field{pointer-events:none;display:block;position:absolute;inset:0}.clean-sky-reflection{z-index:2;mix-blend-mode:screen;filter:blur(1.4px);background:linear-gradient(106deg,#0000 8%,#edfffc61 22%,#0000 38%) 0 0/310px 100%,repeating-linear-gradient(90deg,#0000 0 54px,#e0fff91a 58px 66px,#0000 71px 108px);animation:10s linear infinite cleanSkyGlide;bottom:40%}.clean-bank-reflection{z-index:2;filter:blur(4px);opacity:.55;transform-origin:top;background:repeating-linear-gradient(96deg,#16534730 0 9px,#0000 12px 35px),linear-gradient(#22674e4d,#0000 72%);animation:6.5s ease-in-out infinite alternate cleanBankSway;top:-8%;bottom:28%;transform:scaleY(-1)skew(-7deg);-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.clean-caustics{z-index:3;mix-blend-mode:screen;filter:blur(.8px);opacity:.78;background:radial-gradient(#0000 54%,#b5f7e84d 57% 61%,#0000 65%) 0 0/96px 42px,radial-gradient(#0000 52%,#7bdeda3b 56% 60%,#0000 64%) 43px 18px/73px 34px;animation:8s ease-in-out infinite alternate cleanCaustics;top:28%;-webkit-mask-image:linear-gradient(#0000,#000 22% 82%,#0000);mask-image:linear-gradient(#0000,#000 22% 82%,#0000)}.clean-ripple-field{z-index:5;opacity:.72;background:radial-gradient(#0000 60%,#e0fffb85 62% 64%,#0000 67%) 4% 14%/170px 28px,radial-gradient(#0000 60%,#b2edea5c 62% 64%,#0000 67%) 37px 63%/118px 24px;animation:7s linear infinite cleanRippleDrift;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.live-river:before{content:"";z-index:3;filter:drop-shadow(0 3px 4px #125b874d);background:radial-gradient(at 50% 100%,#0000 52%,#e8fffaeb 54% 64%,#0000 67%) 0 0/72px 18px repeat-x;height:18px;animation:2.8s linear infinite riverCrest;position:absolute;top:-7px;left:-5%;right:-5%}.live-river:after{content:"";background:linear-gradient(105deg,#0000 15%,#fff3 30%,#0000 46%) 0 0/270px 100%,repeating-linear-gradient(174deg,#0000 0 18px,#d2faf621 20px 22px);animation:7s linear infinite waterTexture;position:absolute;inset:0}.district-water-stage.has-waste .live-river{box-shadow:inset 0 15px 30px #d4bce740,0 -7px 20px #8b61b161}.water-surface,.water-current{z-index:4;pointer-events:none;border-radius:50%;display:block;position:absolute}.water-surface{opacity:.8;border:2px solid #ebfffb94;border-top:0;height:7px}.surface-a{width:34%;animation:5.2s ease-in-out infinite rippleTravel;top:17%;left:12%}.surface-b{width:29%;animation:4.1s ease-in-out 1.2s infinite reverse rippleTravel;top:42%;right:7%}.water-current{border-top:3px solid #dbfffa75;width:210px;height:22px;transform:rotate(-3deg)}.current-a{animation:6s linear infinite currentFlow;bottom:23%;left:16%}.current-b{animation:4.8s linear .8s infinite currentFlow;bottom:53%;right:12%}.water-event-surge{z-index:5;left:8%;right:8%;bottom:calc(var(--water-level) + var(--flood-rise) - 12px);opacity:0;height:26px;animation:waterSurge calc(.85s * var(--flow)) ease-out;position:absolute}.water-event-surge i{border:3px solid #effffde6;border-bottom:0;border-radius:50% 50% 0 0;width:25%;height:14px;position:absolute;bottom:0}.water-event-surge i:first-child{left:8%}.water-event-surge i:nth-child(2){animation-delay:80ms;left:39%}.water-event-surge i:nth-child(3){animation-delay:.16s;right:5%}.flood-overflow{z-index:6;animation:floodArrival calc(1.05s * var(--flow)) ease-out both;background:linear-gradient(#0000 38%,#2c9bcc24 54%,#0f5b973d);position:absolute;inset:0;overflow:hidden}.flood-foam{left:-10%;right:-10%;bottom:calc(var(--water-level) + var(--flood-rise) - 6px);background:radial-gradient(at 50% 100%,#0000 48%,#ffffffe0 52% 65%,#0000 69%) 0 0/56px 17px repeat-x;height:17px;animation:1.9s linear infinite floodFoam;position:absolute}.flood-overflow i{bottom:calc(var(--water-level) + var(--flood-rise) - 4px);background:#edfffce0;border-radius:50%;width:8px;height:8px;animation:1.5s ease-out infinite floodSplash;position:absolute;box-shadow:0 0 8px #ffffffb3}.flood-overflow i:first-of-type{animation-delay:.1s;left:14%}.flood-overflow i:nth-of-type(2){animation-delay:.7s;left:36%}.flood-overflow i:nth-of-type(3){animation-delay:.35s;right:34%}.flood-overflow i:nth-of-type(4){animation-delay:1s;right:11%}.scene-light{aspect-ratio:1;mix-blend-mode:screen;background:radial-gradient(circle,#ffedaa57,#0000 66%);border-radius:50%;width:54%;animation:5s ease-in-out infinite alternate sceneGlow;position:absolute;top:-18%;right:-5%}.scene-mist{filter:blur(16px);background:linear-gradient(90deg,#0000,#e1f9f42e,#0000 75%);border-radius:50%;width:150%;height:20%;position:absolute;left:-25%}.mist-far{animation:18s linear infinite mistDrift;top:31%}.mist-near{opacity:.7;animation:13s linear infinite reverse mistDrift;top:55%}.scene-shimmer{filter:blur(3px);opacity:.55;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);height:4px;animation:4s ease-in-out infinite waterShimmer;position:absolute;top:53%;left:22%;right:10%}.flood-gloom{z-index:3;opacity:var(--flood-gloom);mix-blend-mode:multiply;transition:opacity calc(.9s * var(--flow)) ease;background:linear-gradient(#061222b8,#0f28386b 48%,#041222ad),radial-gradient(at 18% 4%,#34424be0,#0000 45%),radial-gradient(at 78% 8%,#1d2f3ed1,#0000 48%);display:block;position:absolute;inset:0}.flood-gloom:after{content:"";background:repeating-linear-gradient(104deg,#0000 0 21px,#bedce52b 22px 23px,#0000 24px 43px);animation:1.8s linear infinite stormRain;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.river-band{z-index:5;-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(110deg,#052537f0,#0a465bc9);border:1px solid #9ce0eb66;border-bottom-color:#ffe58b99;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;align-items:center;gap:.35rem .8rem;padding:.55rem .7rem;display:grid;position:absolute;top:14px;left:16px;right:16px;box-shadow:0 12px 28px #01131d45,inset 0 1px #ffffff26}.river-band.flood{background:linear-gradient(110deg,#05214ef2,#0e4a8fd1)}.river-band.dry{background:linear-gradient(110deg,#572d0ff2,#9b581cd1)}.river-head{grid-area:1/1/3;align-content:center}.river-title{font-size:.92rem}.source-icon{filter:drop-shadow(0 0 8px #7adfffb3);width:25px;height:25px}.water-row{background:#0218246e;border:1px solid #ffffff1a;border-radius:11px;flex-wrap:nowrap;grid-area:1/2;gap:.2rem;min-height:39px;margin:0;padding:.2rem .4rem;overflow:hidden}.water-row .tile{filter:drop-shadow(0 2px 3px #00000040);flex:none;width:31px;height:31px}.tile-more{font-size:1rem}.water-meter{grid-area:2/2;height:7px;box-shadow:inset 0 1px 3px #00000059}.river-foot{flex-wrap:nowrap;grid-area:1/3/3;justify-content:flex-end;margin:0}.status-pill{flex:none;padding-right:.55rem}.status-pill img{width:27px;height:27px}.flows-to{display:none}.land{z-index:3;color:#fffdf4;background:0 0;align-items:flex-end;gap:.75rem;min-height:0;padding:6.3rem 1.15rem 1rem;position:absolute;inset:0}.district.unowned .land{background:linear-gradient(#0000 55%,#23272a8c)}.district-owner{filter:drop-shadow(0 12px 16px #00000061);width:clamp(120px,19%,185px);bottom:calc(var(--river-bank) - 6%);transition:bottom calc(.8s * var(--flow)) ease;justify-content:flex-end;align-self:stretch}.owner-figure{filter:drop-shadow(0 9px 10px #03151f6b)drop-shadow(0 0 2px #ffffffb8);max-height:min(310px,71%);transform:translateY(6px)}.owner-name{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#051f2ef5,#0a3a4ae6);border-width:2px;max-width:96%;margin-top:-.85rem;position:relative;box-shadow:0 6px 18px #01111a59}.district-title{z-index:2;color:#fffdf4;letter-spacing:.12em;text-shadow:0 2px 6px #000000b3;margin-top:.35rem;font-size:.82rem;position:relative}.slots{perspective:1000px;flex:1;align-items:end;gap:clamp(.45rem,1.2vw,.9rem);max-width:620px;margin-left:auto}.slot-card,.slot-empty,.slot-target{transform-origin:bottom;border-radius:15px;max-width:142px;box-shadow:0 15px 25px #01121d6b,0 0 0 1px #ffffff2e}.slot-card:first-child,.slot-empty:first-child,.slot-target:first-child{transform:rotateY(4deg)translateY(3px)}.slot-card:nth-child(3),.slot-empty:nth-child(3),.slot-target:nth-child(3){transform:rotateY(-4deg)translateY(3px)}.slot-card:after,.slot-empty:after,.slot-target:after{content:"";z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--pc) 48%, #69e1ee) 0%, transparent 68%);filter:blur(5px);opacity:.8;border-radius:50%;height:24px;position:absolute;bottom:-14px;left:-18%;right:-18%}.slot-empty{color:#ebfdffd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 2px 5px #000000b3;background:linear-gradient(#69e0e817,#0425365c),repeating-linear-gradient(135deg,#0000 0 14px,#b3f1f40d 14px 16px);border:1px solid #a6e8efb8}.slot-target{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#43d88038,#042c2a8f);border:2px solid #70ffabe6;box-shadow:0 0 0 1px #ffffff47,0 0 24px #4eee9166,0 15px 25px #01121d6b}.slot-target.down-only{background:linear-gradient(#f28c2840,#4d280a94);border-color:#ffbd6d}.slot-target:hover{background:linear-gradient(#ffe0755c,#4c3a0c9e);transform:translateY(-7px)scale(1.025)}.no-slots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061f2db8;border:1px solid #ffffff40;border-radius:999px;align-self:flex-end;margin:0 8% 8%;padding:.55rem 1.2rem}.district-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf4d1;border:1px solid #173d5721;border-radius:999px;gap:.7rem;min-height:48px;margin:0 auto;padding:.35rem .65rem;box-shadow:0 8px 20px #08283d1f}.dot{border-width:2px;width:31px;height:31px;box-shadow:inset 0 1px #fff6}.dot.on{box-shadow:0 0 0 2px #fffdf4, 0 0 0 4px var(--gold), 0 5px 12px #08283d40}@keyframes districtCamera{0%{transform:scale(1.035)translate(-.35%,-.25%)}to{transform:scale(1.065)translate(.45%,.2%)}}@keyframes mistDrift{0%{transform:translate(-8%)}to{transform:translate(12%)}}@keyframes sceneGlow{0%{opacity:.72;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}@keyframes waterShimmer{0%,to{opacity:.25;transform:translate(-5%)scaleX(.8)}50%{opacity:.75;transform:translate(5%)scaleX(1.08)}}@keyframes stormRain{0%{transform:translate(-18px,-12px)}to{transform:translate(25px,20px)}}@keyframes riverCrest{to{transform:translate(72px)}}@keyframes waterTexture{to{background-position:270px 0,110px 0}}@keyframes cleanShoreline{to{transform:translate(93px)}}@keyframes cleanSkyGlide{to{background-position:310px 0,108px 0}}@keyframes cleanBankSway{0%{opacity:.42;transform:scaleY(-1)skew(-7deg)translate(-8px)}to{opacity:.62;transform:scaleY(-1)skew(-3deg)translate(10px)}}@keyframes cleanCaustics{0%{background-position:0 0,43px 18px;transform:scale(1)}to{background-position:82px 16px,-24px 7px;transform:scale(1.06,.94)}}@keyframes cleanRippleDrift{to{background-position:174px 14%,-81px 63%}}@keyframes rippleTravel{0%,to{opacity:.2;transform:translate(-18px)scaleX(.72)}45%{opacity:.86;transform:translate(18px)scaleX(1.08)}}@keyframes currentFlow{0%{opacity:0;transform:translate(-80px)rotate(-3deg)scaleX(.6)}30%{opacity:.72}to{opacity:0;transform:translate(180px)rotate(-3deg)scaleX(1.1)}}@keyframes waterSurge{0%{opacity:0;transform:translateY(30px)scaleY(.2)}40%{opacity:1}to{opacity:0;transform:translateY(-5px)scaleY(1)}}@keyframes floodArrival{0%{opacity:0;transform:translateY(18%)}to{opacity:1;transform:translateY(0)}}@keyframes floodFoam{to{transform:translate(56px)}}@keyframes floodSplash{0%{opacity:0;transform:translateY(8px)scale(.5)}35%{opacity:1}to{opacity:0;transform:translateY(-34px)scale(1.45)}}.phase-banner{z-index:5;background:var(--navy);color:var(--paper);border:3px solid var(--gold);pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem 1.1rem .3rem .4rem;font-weight:600;animation:1.8s ease-out forwards bannerIn;display:flex;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.phase-banner img{width:36px;height:36px}.action-panel,.waiting{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:stretch;gap:.8rem;padding:.5rem .7rem;display:flex}.waiting{align-items:center;min-height:64px}.hand{flex-shrink:0;gap:.5rem;padding:.3rem .1rem .5rem;display:flex;overflow-x:auto}.decision{flex-direction:column;flex:1;justify-content:center;gap:.35rem;min-width:0;display:flex}.hint{color:var(--muted);margin:0}.warn{color:var(--dry);margin:0;font-weight:600}.facing{flex-wrap:wrap;gap:1rem;display:flex}.facing label{cursor:pointer;align-items:center;gap:.3rem;display:flex}.facing label.disabled{opacity:.4}.preview{font-size:.88rem}.preview ul{margin:.2rem 0 0;padding-left:1.1rem}.preview li.plus{color:var(--ok)}.preview li.minus{color:var(--bad)}.tag.flood{background:var(--flood);color:#fff}.tag.dry{color:#fff;background:#a84f0c}.action-card{background:var(--paper);border:3px solid var(--navy);text-align:left;width:124px;box-shadow:0 4px 0 var(--navy);color:var(--navy);border-radius:14px;flex-direction:column;flex-shrink:0;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}button.action-card{cursor:pointer}button.action-card:hover:not(:disabled){transform:translateY(-6px)}.action-card.selected{box-shadow:0 0 0 4px var(--gold), 0 8px 0 var(--navy);transform:translateY(-10px)}.card-head{color:#fff;align-items:center;gap:.3rem;min-height:2.1rem;padding:.25rem .4rem;display:flex}.card-symbol{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;display:grid}.card-title{font-size:.85rem;font-weight:700;line-height:1.1}.card-stripe{height:5px}.card-art{aspect-ratio:1.1;background:#d7eff2;border-radius:10px;place-items:center;margin:.3rem;display:grid}.card-art img{object-fit:contain;width:92%;height:92%}.card-lines{flex-direction:column;gap:.2rem;padding:0 .35rem .4rem;font-size:.7rem;line-height:1.15;display:flex}.card-line{border-radius:8px;align-items:center;gap:.25rem;padding:.15rem .3rem;display:flex}.card-line.water{background:#e3f3f8}.card-line.points{background:#fff1c7}.card-line img{width:16px;height:16px}.star{color:var(--gold)}.card-key{background:var(--navy);color:#fff;border-radius:6px;padding:0 .3rem;font-size:.65rem;position:absolute;top:2.4rem;right:.35rem}.action-card.compact{width:70px}.action-card.compact .card-title{font-size:.62rem}.action-card.compact .card-symbol{display:none}.hand.readonly{opacity:.85}.pump-builder{border:2px dashed var(--clean);border-radius:12px;padding:.4rem .6rem;font-size:.85rem}.pump-head{align-items:center;gap:.8rem;display:flex}.pump-row{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.3rem;display:flex}.pump-label{min-width:8rem;font-weight:600}.pump-dir{color:var(--muted)}.pump-btn{border:2px solid var(--line);background:var(--paper);color:var(--navy);cursor:pointer;border-radius:999px;align-items:center;gap:.2rem;padding:.1em .55em .1em .15em;font-size:.8rem;display:inline-flex}.pump-btn img{width:20px;height:20px}.pump-btn:disabled{opacity:.35;cursor:not-allowed}.pump-chosen{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.chip{color:#fff;border-radius:999px;padding:.05em .6em;font-size:.78rem}.chip.clean{background:#1b6fa8}.chip.waste{background:var(--waste)}.modal-backdrop,.pass-screen{z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-backdrop{background:#08283d8c}.modal{background:var(--paper);color:var(--navy);border:4px solid var(--gold);max-width:440px;box-shadow:var(--shadow);text-align:center;border-radius:22px;padding:1.2rem 1.4rem}.modal-art{width:140px}.modal h2{margin:.3rem 0}.modal .buttons{justify-content:center}.pass-screen{background:linear-gradient(160deg, var(--navy) 0%, #0b2536 100%);color:var(--paper);text-align:center;align-content:center;gap:.6rem}.pass-screen img{border:6px solid var(--pc);background:var(--sky);border-radius:50%;width:150px;height:150px}.coach{z-index:40;background:var(--paper);max-width:400px;color:var(--navy);border:3px solid var(--gold);border-radius:18px;gap:.7rem;padding:.8rem;animation:.3s ease-out popIn;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 16px 40px #08283d59}.coach img{border:3px solid var(--bad);border-radius:50%;flex-shrink:0;width:64px;height:64px}.coach p{margin:0 0 .5rem;line-height:1.45}.spotlight{outline-offset:4px;border-radius:16px;animation:1.4s ease-in-out infinite spot;outline:4px solid var(--gold)!important}.results-hero{background:var(--panel);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:1rem;margin-bottom:1rem;display:grid;overflow:hidden}.results-hero figure{margin:0;position:relative}.results-hero img{width:100%;display:block}.results-hero .winner-badge{aspect-ratio:1;border:6px solid var(--gold);background:var(--sky);width:26%;box-shadow:var(--shadow);border-radius:50%;position:absolute;top:10%;right:6%}.results-hero h1{margin:0}.headline{color:var(--gold);padding-right:1rem;font-size:1.35rem;font-weight:700}.ranking{gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.ranking li{background:var(--panel);border-left:8px solid var(--pc);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:.7rem;padding:.4rem .8rem;display:flex}.ranking li.winner{border:3px solid var(--gold);border-left:8px solid var(--pc)}.ranking img{background:var(--sky);border-radius:50%;width:44px;height:44px}.rank{width:1.5rem;font:900 1.4rem Nunito,sans-serif}.rname{flex:1;font-weight:600}.rscore{font:900 1.6rem Nunito,sans-serif}.results-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.table-scroll{overflow-x:auto}.breakdown{border-collapse:collapse;width:100%;font-size:.85rem}.breakdown th,.breakdown td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:.25rem .4rem}.breakdown tbody th{text-align:left;font-weight:500}.breakdown td.plus{color:var(--ok)}.breakdown td.minus{color:var(--bad)}.breakdown tr.total td,.breakdown tr.total th{font-weight:800}.chart{width:100%}.chart .axis{stroke:var(--line);stroke-width:2px}.chart .tick{fill:var(--muted);font-size:12px}.water-stats ul{margin:0;padding:0;list-style:none}.water-stats li{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.water-stats img{width:34px}.phase-list{margin:0;padding:0;list-style:none}.phase-list li{align-items:flex-start;gap:1rem;display:flex}.phase-list img{flex-shrink:0;width:64px}.phase-list h3{margin:.2rem 0}.card-gallery{flex-wrap:wrap;gap:.8rem;display:flex}.tips li{margin:.3rem 0}.legend{flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.8rem;display:flex}.legend span{align-items:center;gap:.3rem;display:flex}.legend img{width:34px}.rules-v2{color:#173d57;gap:1.1rem;max-width:1240px}.rules-page-head{z-index:3;margin-bottom:-.25rem;position:relative}.rules-page-head h1{font-family:Nunito,Prompt,sans-serif;font-weight:1000}.rules-hero{background:#173d57;border:1px solid #ffe58bb3;border-radius:30px;min-height:430px;position:relative;overflow:hidden;box-shadow:0 22px 48px #08283d40}.rules-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rules-hero-shade{background:linear-gradient(90deg,#051e2bed 0%,#051e2bb8 42%,#051e2b14 74%),linear-gradient(#0000 55%,#04192457);position:absolute;inset:0}.rules-hero-copy{z-index:1;color:#fffdf4;flex-direction:column;justify-content:center;width:min(610px,58%);min-height:430px;padding:2.5rem 3rem;display:flex;position:relative}.rules-eyebrow,.section-number{color:#ffe58b;letter-spacing:.16em;text-transform:uppercase;font:900 .77rem Nunito,sans-serif}.rules-hero-copy h2{text-wrap:balance;max-width:560px;margin:.45rem 0 .65rem;font-family:Nunito,Prompt,sans-serif;font-size:clamp(2rem,4.2vw,3.45rem);font-weight:1000;line-height:1.04}.rules-hero-copy>p{color:#dcefee;max-width:590px;margin:0;line-height:1.65}.rules-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:1.35rem;display:grid}.rules-stats span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d435594;border:1px solid #a9e8ea40;border-radius:12px;flex-direction:column;min-width:0;padding:.5rem .65rem;display:flex}.rules-stats strong{color:#ffe58b;font:1000 1.35rem Nunito,sans-serif}.rules-stats small{color:#cbe7e6;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.rules-setup-panel{background:linear-gradient(135deg,#fffdf4,#edf4df);border:1px solid #173d571f;border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:2rem;padding:1.6rem 2rem;display:grid;box-shadow:0 12px 30px #08283d1a}.rules-setup-panel .section-number,.rules-section-head .section-number{color:#2a8fa9}.rules-setup-panel h2,.rules-section-head h2,.rules-footer-grid h2{margin:.25rem 0 .35rem;font-family:Nunito,Prompt,sans-serif;font-weight:1000}.rules-setup-panel p,.rules-section-head p{color:#52717b;margin:0;line-height:1.65}.setup-river-graphic{background:linear-gradient(#dff1d0 0 47%,#0000 48%),linear-gradient(#8ed7e0 48%,#2e96be);border-radius:18px;grid-template-columns:auto 42px 1fr auto 42px 1fr auto;align-items:center;min-height:116px;padding:1rem;display:grid;box-shadow:inset 0 0 0 1px #173d571f}.setup-town{color:#b76635;background:#fff2cc;border:3px solid #173d57;border-radius:50% 50% 10px 10px;align-self:start;place-items:center;width:45px;height:45px;font-size:2rem;font-weight:900;display:grid}.setup-water{align-self:end;width:38px;margin-bottom:3px}.setup-water svg{width:100%;display:block}.setup-arrow{color:#fff;text-align:center;text-shadow:0 2px 4px #08283d59;align-self:end;margin-bottom:15px;font-size:1.6rem}.rules-journey,.rules-card-section{background:#fffdf4bd;border-radius:24px;padding:1.8rem;box-shadow:0 12px 30px #08283d17}.rules-section-head{align-items:flex-start;gap:1.2rem;margin-bottom:1.25rem;display:flex}.rules-section-head>.section-number{background:#e2f3f1;border:1px solid #2a8fa93d;border-radius:8px;flex:none;padding:.35rem .55rem}.rules-v2 .phase-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.rules-v2 .phase-list li{border:1px solid color-mix(in srgb, var(--phase-color) 27%, transparent);border-top:5px solid var(--phase-color);background:linear-gradient(180deg, color-mix(in srgb, var(--phase-color) 8%, #fffdf4), #fffdf4 50%);border-radius:18px;flex-direction:column;gap:.55rem;min-height:290px;padding:1rem;display:flex;position:relative;overflow:visible;box-shadow:0 8px 18px #08283d14}.phase-step{color:var(--phase-color);letter-spacing:.12em;font:1000 .78rem Nunito,sans-serif}.phase-icon{background:color-mix(in srgb, var(--phase-color) 12%, #fff);color:#173d57;width:84px;height:84px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--phase-color) 24%, transparent);border-radius:50%;place-items:center;margin:.1rem auto .2rem;display:grid}.phase-icon svg{width:70px;height:70px}.rules-v2 .phase-list h3{color:#173d57;text-align:center;margin:0;font-size:1rem}.rules-v2 .phase-list p{color:#52717b;margin:0;font-size:.82rem;line-height:1.55}.phase-connector{z-index:2;color:#fff;background:#173d57;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:78px;right:-17px;box-shadow:0 3px 8px #08283d33}.rules-card-section{color:#fffdf4;background:radial-gradient(circle at 90% 0,#44adbc33,#0000 34%),linear-gradient(135deg,#173d57,#0c3045)}.rules-card-section .rules-section-head h2{color:#fffdf4}.rules-card-section .rules-section-head p{color:#bcd8db}.rules-card-section .section-number{color:#ffe58b;background:#ffe58b14;border-color:#ffe58b40}.rules-v2 .card-gallery{grid-template-columns:repeat(6,minmax(130px,1fr));align-items:end;gap:.8rem;display:grid}.rules-v2 .card-gallery .action-card{width:100%;transition:transform .18s,filter .18s}.rules-v2 .card-gallery .action-card:hover{z-index:2;filter:drop-shadow(0 14px 18px #00000052);transform:translateY(-9px)scale(1.035)}.rules-footer-grid{grid-template-columns:1.05fr .95fr;gap:1rem;display:grid}.rules-tips-panel,.rules-legend-panel{border-radius:24px;padding:1.5rem;box-shadow:0 12px 30px #08283d17}.rules-tips-panel{background:linear-gradient(135deg,#fff4d2,#f5e6b4)}.rules-v2 .tips{gap:.55rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.rules-v2 .tips li{background:#fffdf4a6;border-radius:12px;align-items:flex-start;gap:.65rem;margin:0;padding:.55rem;display:flex}.rules-v2 .tips li>span{color:#173d57;background:#d9a72e;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.rules-v2 .tips p{margin:0;line-height:1.5}.rules-legend-panel{background:linear-gradient(135deg,#e2f3f1,#cfe5dc)}.rules-v2 .legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem;display:grid}.rules-v2 .legend span{background:#fffdf4a6;border:1px solid #173d571a;border-radius:12px;min-width:0;padding:.45rem .55rem}.rules-v2 .legend svg{flex:none;width:38px;height:38px}.rules-v2 .legend b{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}@media (max-width:980px){.rules-v2 .phase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-v2 .phase-list li{min-height:240px}.phase-connector{display:none}.rules-v2 .card-gallery{grid-template-columns:repeat(3,minmax(120px,1fr))}.rules-setup-panel{grid-template-columns:1fr}}@media (max-width:620px){.rules-hero,.rules-hero-copy{min-height:520px}.rules-hero-shade{background:linear-gradient(#051e2b47,#051e2bf0 54%)}.rules-hero-copy{justify-content:flex-end;width:100%;padding:1.35rem}.rules-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-setup-panel,.rules-journey,.rules-card-section{padding:1.1rem}.setup-river-graphic{transform-origin:50%;transform:scale(.86)}.rules-v2 .phase-list{grid-template-columns:1fr}.rules-v2 .phase-list li{grid-template-columns:74px 1fr;min-height:0;display:grid}.phase-step{grid-column:1/-1}.phase-icon{width:68px;height:68px}.phase-icon svg{width:57px;height:57px}.rules-v2 .phase-list h3{text-align:left}.rules-v2 .card-gallery{grid-template-columns:repeat(2,minmax(110px,1fr))}.rules-footer-grid{grid-template-columns:1fr}}.lab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1rem;display:grid}.lab .form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 .8rem;display:grid}.lab .form .buttons{grid-column:1/-1}.lab-bots{flex-wrap:wrap;gap:.4rem;margin:.6rem 0;display:flex}.sim-output{background:var(--navy-2);color:#d7f2ff;border-radius:12px;padding:.8rem;font-size:.78rem;overflow-x:auto}.settings .form{max-width:480px}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}15%{opacity:1}to{opacity:0;transform:translateY(-70px)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes flowIn{0%{opacity:.2;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes breathe{50%{box-shadow:0 0 0 6px #1e8c4547}}@keyframes dropIn{0%{opacity:0;transform:translateY(-40px)scale(1.2)}to{opacity:1;transform:none}}@keyframes areaPulse{0%{fill:#d9a72e8c}to{fill:#0000}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-12px)}12%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes dash{to{stroke-dashoffset:-46px}}@keyframes blink{50%{opacity:.35}}@keyframes spot{50%{outline-color:#d9a72e59}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.coach .btn.ghost,.modal .btn.ghost{color:#173d57;border-color:#173d5759}@media (min-width:761px) and (max-height:860px){.game{grid-template-rows:auto minmax(430px,1fr) auto;height:auto;min-height:100dvh}}@media (max-width:1180px){.game{grid-template:"top top""left left""center right"minmax(0,1fr)"bottom bottom"/minmax(0,1fr) 270px}.scoreboard{flex-direction:row;overflow-x:auto}.player{min-width:170px}.player.current{transform:translateY(-2px)}}@media (max-width:760px){.game{grid-template:"top""left""center""bottom"/minmax(0,1fr);height:auto;min-height:100dvh;padding:.4rem .4rem 0}.topbar{z-index:10;flex-wrap:wrap;position:sticky;top:.4rem}.topbar-logo{display:none}.topbar-status{font-size:.85rem}.log-toggle{display:inline-block}.side.right{display:none}.game.log-open .side.right{z-index:30;max-height:60dvh;display:flex;position:fixed;inset:auto .4rem .4rem}.player{gap:.35rem;min-width:112px;padding:.3rem .4rem}.pkind{display:none}.pname{font-size:.82rem}.pname-text{display:none}.player{min-width:96px}.quit-label{display:none}.topbar-tools select{max-width:96px}.avatar{width:36px;height:36px}.pscore{font-size:1.25rem}.district-view{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);position:relative}.district{border-radius:22px;grid-row:2;min-height:470px}.district:before{background-position:50%}.district-dots{grid-row:1}.district-nav{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051f2ee0;border-color:#ffe58bcc;border-radius:50%;justify-content:center;width:42px;height:42px;min-height:0;padding:0;position:absolute;top:52%}.district-nav.prev{left:-4px}.district-nav.next{right:-4px}.district-nav .nav-text{display:none}.district-nav .nav-arrow{color:#ffe58b;border:0;width:auto;height:auto;font-size:1.2rem}.follow{margin-left:.3rem}.topbar-status{flex-basis:100%;order:2}.topbar-tools{margin-left:auto}.land{gap:.35rem;padding:8.8rem .55rem .75rem}.district-owner{width:86px}.owner-figure{max-height:175px}.owner-name{padding:.1rem .4rem;font-size:.72rem}.slots{gap:.35rem;max-width:calc(100% - 88px)}.river-band{border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .4rem;padding:.45rem .5rem;top:9px;left:9px;right:9px}.river-head{grid-area:1/1}.river-head .weather-chip{display:none}.river-title{font-size:.78rem}.river-foot{grid-area:1/2}.status-pill{font-size:.7rem}.status-pill img{width:23px;height:23px}.water-row{grid-area:2/1/auto/-1;min-height:34px}.water-meter{grid-area:3/1/auto/-1}.water-row .tile{width:28px;height:28px}.slot-target .plus{font-size:1.5rem}.slot-target{font-size:.72rem}.bottom{z-index:9;padding-bottom:.4rem;position:sticky;bottom:0}.action-panel{flex-direction:column;gap:.3rem}.action-card{width:92px}.action-card .card-lines{display:none}.pump-label{min-width:100%}.coach{max-width:none;font-size:.9rem;bottom:.5rem;left:.5rem;right:.5rem}.coach.at-top{top:4.2rem;bottom:auto}.coach img{width:44px;height:44px}.results-hero,.lab-grid{grid-template-columns:minmax(0,1fr)}.home-menu{margin-top:-1.5rem}}.district{container-type:inline-size}@container (width<=660px){.river-band{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto}.river-head{grid-area:1/1}.river-foot{grid-area:1/2}.water-row{grid-area:2/1/auto/-1}.water-meter{grid-area:3/1/auto/-1}}.announcement{background:var(--paper);color:var(--navy);border:2px solid var(--gold);white-space:pre-line;border-radius:12px;margin:0;padding:.6rem .9rem;font-weight:600}.lb-filters{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.lb-filters select,.admin-toolbar input,.admin-toolbar select,.field textarea{border:2px solid var(--line);background:var(--paper);color:var(--navy);font:inherit;border-radius:10px;padding:.45em .7em}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.45rem .55rem}.data-table thead th{color:var(--muted);white-space:nowrap;font-size:.8rem}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table td.big{font-size:1.15rem;font-weight:800}.data-table tr.win-row td{background:#d9a72e1f}.how{flex-wrap:wrap;gap:.25rem;display:flex}.how .chip,.chip.win{white-space:nowrap;color:var(--ok);background:#1e8c4524;border-radius:999px;padding:.1em .5em;font-size:.75rem;display:inline-block}.how .chip.minus{color:var(--bad);background:#d7263d1f}.chip.win{color:inherit;background:#d9a72e33;margin-left:.4rem}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}button.link{color:var(--clean);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.btn.danger{border-color:var(--bad);color:var(--bad)}.admin{min-height:100dvh}.admin-head{z-index:5;background:var(--navy);color:#fff;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem 16px;display:flex;position:sticky;top:0}.admin-brand{color:#fff;align-items:center;gap:.5rem;font-weight:800;text-decoration:none;display:flex}.admin-brand img{height:30px}.admin-tabs{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.admin-tabs a{color:#d7ecf5;border-radius:999px;padding:.35rem .7rem;font-size:.92rem;text-decoration:none}.admin-tabs a[aria-current=page]{background:var(--gold);color:var(--navy);font-weight:700}.admin-head .btn{color:#fff;border-color:#fff6}.admin-main{max-width:1180px;margin:0 auto;padding:1rem 16px 4rem}.admin-main h1{margin:.4rem 0 .8rem;font-size:clamp(1.3rem,3vw,1.8rem)}.admin-login{max-width:420px;padding-top:12vh}.admin-login h1{margin-top:0}.stat-tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.15rem;padding:.8rem 1rem;display:flex}.stat-label{color:var(--muted);font-size:.82rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1.1}.stat-sub{color:var(--muted);font-size:.75rem}.chart .bar-done{fill:var(--clean)}.chart .bar-open{fill:var(--clean);opacity:.3}.legend{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.swatch{background:var(--clean);border-radius:3px;width:12px;height:12px;display:inline-block}.swatch.open{opacity:.3;margin-left:.6rem}.meter{background:var(--line);vertical-align:middle;border-radius:4px;width:60px;height:8px;margin-right:.4rem;display:inline-block;overflow:hidden}.meter span{background:var(--ok);height:100%;display:block}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.admin-toolbar input[type=search]{min-width:min(260px,100%)}.admin-toolbar .check{align-items:center;gap:.3rem;display:flex}.spacer{flex:1}.card-box.flush{padding:0}.games-table a{color:var(--clean)}.seat-chips{flex-wrap:wrap;gap:.25rem;display:flex}.seat-chip{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.1em .5em;font-size:.8rem}.seat-chip.win{border-color:var(--gold);background:#d9a72e2e}.badge{background:var(--line);white-space:nowrap;border-radius:999px;margin-left:.3rem;padding:.1em .55em;font-size:.75rem;font-weight:700;display:inline-block}.badge.ok{color:var(--ok);background:#1e8c452e}.badge.warn{color:#b25c0b;background:#f28c2833}.badge.live{color:var(--clean);background:#2a9fd633}.log-head h1{margin-right:.4rem;display:inline}.log-result{font-size:1.05rem}.log-meta{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem 1rem;margin:0 0 1rem;display:grid}.log-meta div.wide{grid-column:1/-1}.log-meta dt{color:var(--muted);font-size:.75rem}.log-meta dd{overflow-wrap:anywhere;margin:0}.section-toggles{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 1rem;display:flex}.toggle-chip{border:1px solid var(--line);cursor:pointer;opacity:.65;border-radius:999px;padding:.15em .65em;font-size:.82rem}.toggle-chip.on{opacity:1;border-color:var(--clean);background:#2a9fd61f}.toggle-chip input{vertical-align:middle;margin:0 .2rem 0 0}.timeline{margin:0;padding:0;font-size:.9rem;list-style:none}.timeline ul{margin:.2rem 0 0;padding-left:1.1rem}.tl-round{border-bottom:2px solid var(--gold);margin:1rem 0 .4rem;font-size:1rem;font-weight:800}.tl-action{border-left:4px solid var(--pc,var(--line));background:var(--panel);border-radius:0 8px 8px 0;margin:.35rem 0;padding:.35rem .6rem}.tl-effects{color:var(--muted);font-size:.85rem;list-style:none}.tl-n{color:var(--muted);font-size:.75rem}.tl-phase{color:var(--muted);margin:.35rem 0 .35rem .8rem;font-size:.85rem}.tl-phase-name{color:var(--text);font-weight:700}.admin-settings-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:0 1rem;display:grid}.field.inline{flex-direction:row;justify-content:space-between;align-items:center;gap:.6rem}.field.inline input{flex:none;width:5.5rem}.field.inline select{flex:none;max-width:55%}.field.check span{color:var(--text)}.field-title{color:var(--muted);margin:.8rem 0 0;font-size:.85rem}.deck-grid{grid-template-columns:repeat(3,1fr);gap:0 .5rem;display:grid}.deck-grid input{width:100%}.changed-dot{background:var(--dry);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.admin-savebar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0 1rem;padding:.6rem .9rem;display:flex;position:sticky;bottom:0}.history{margin:0;padding-left:1.2rem}.history li{margin:.25rem 0}.history button{margin-left:.5rem}.admin-main a{color:var(--clean)}.games-table .mono{white-space:nowrap}@media (max-width:760px){.admin-tabs{scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;order:3;overflow-x:auto}.admin-tabs a{white-space:nowrap}.admin-head .btn{margin-left:auto}}