/* Games own their materials: tropical surf, charge radar, and a living cloud garden. */
body[data-game="tide-dash"] .bar{background:#07596a;border-color:#8fd7ca}body[data-game="tide-dash"] .active-game-title{color:#fff1b4;font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:-.05em;text-shadow:2px 3px #164d63}
body[data-game="flux-parry"] .bar{background:#09252c;border-color:#557d76}body[data-game="flux-parry"] .active-game-title{color:#e8f9df;font-family:monospace;letter-spacing:.15em;text-shadow:3px 0 #537970}
body[data-game="tide-dash"] #actionHud .action-button{background:#fff4c8;color:#075262;border:2px solid #f8ffdf;border-radius:26px 8px;box-shadow:0 4px #236f76;font-family:Georgia,serif;font-weight:800}
body[data-game="flux-parry"] #actionHud .action-button{background:#183b3e;color:#e5ffeb;border:1px solid #7ca899;border-radius:3px;box-shadow:0 4px #05151a;font-family:monospace}
body[data-game="tide-dash"] #actionHint{color:#fff9d9}body[data-game="flux-parry"] #actionHint{color:#cee7d7}
body[data-game="tide-dash"] #actionPause{background:#fff4c8;color:#075262;border:1px solid #efffd8}body[data-game="flux-parry"] #actionPause{background:#15393e;color:#e2f6e3;border:1px solid #668b80}
body[data-game="cloud-garden"] .bar{background:#173b42;border-color:#75988b}body[data-game="cloud-garden"] .active-game-title{font-family:Georgia,serif;font-style:italic;text-transform:none;color:#e9efbf;letter-spacing:-.03em}
body[data-game="cloud-garden"] #pCloudGarden{background:radial-gradient(ellipse at 20% 0,#3a6165,#102d33 65%);color:#ecf3d4;padding:18px;align-items:start;font-family:Georgia,serif}
#pCloudGarden .garden-shell{width:min(1120px,100%);min-width:0;margin:auto;border:1px solid #829b82;border-radius:100px 100px 10px 10px;background:#1e403d;box-shadow:0 24px 80px #0006;overflow:hidden}
.garden-sky{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#b0c5a5,#759ba1 40%,#173f51);border-bottom:1px solid #b1c3a0}
.garden-sky::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24.6%,#d6e6bc3b 24.8% 25.2%,transparent 25.4% 50%);border-radius:100px 100px 0 0;border:8px double #c7d8aa55;pointer-events:none}
.garden-orb{position:absolute;right:17%;top:26px;width:76px;height:76px;border-radius:50%;background:#f6e4aa;box-shadow:0 0 65px #fff0b74a}
.garden-cloud{position:absolute;left:-12%;width:65%;height:56px;background:#d1dfd13b;border-radius:50%;filter:blur(8px)}.garden-cloud-a{top:40px}.garden-cloud-b{left:55%;top:100px;width:60%}
.garden-sky>span{position:absolute;left:22px;top:24px;max-width:130px;font:600 9px/1.7 monospace;letter-spacing:.2em;color:#dce7cf}
.garden-canopy{position:absolute;left:5%;right:5%;bottom:-24px;height:80px;border-radius:50%;background:#264c3b;box-shadow:0 -8px #477657}
.garden-canopy i{position:absolute;bottom:50px;left:10%;width:9px;height:86px;background:#8caf80;border-radius:50%;transform:rotate(-12deg);transform-origin:bottom;animation:garden-sway 8s ease-in-out infinite alternate}
.garden-canopy i::before,.garden-canopy i::after{content:'';position:absolute;top:10px;left:-22px;width:30px;height:22px;border-radius:2px 95% 2px 95%;background:#bfd69d;transform:rotate(20deg)}.garden-canopy i::after{left:3px;top:35px;background:#8ebc9b;transform:rotate(-110deg)}
.garden-canopy i:nth-child(2){left:25%;height:115px;animation-delay:-2s}.garden-canopy i:nth-child(3){left:39%;height:66px;animation-delay:-5s}.garden-canopy i:nth-child(4){left:52%;height:138px;animation-delay:-1s}.garden-canopy i:nth-child(4)::before{background:#f0cf9c}.garden-canopy i:nth-child(5){left:66%;height:90px;animation-delay:-6s}.garden-canopy i:nth-child(6){left:78%;height:115px;animation-delay:-3s}.garden-canopy i:nth-child(7){left:89%;height:80px;animation-delay:-7s}
#pCloudGarden .garden-header,#pCloudGarden .garden-economy,#pCloudGarden .garden-actions,#pCloudGarden .garden-growers,#pCloudGarden .garden-research,#pCloudGarden .garden-rebirth,#pCloudGarden .garden-save,#pCloudGarden .garden-shell>p,#pCloudGarden #gardenTake{margin:20px 24px}
.garden-kicker{font:italic 25px/1.25 Georgia,serif;margin:0 0 8px;color:#e9edbb}#gardenSeason{margin:0;color:#bdd6bd;font:500 12px/1.6 monospace}
.garden-economy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-block:1px solid #8fa77a}.garden-economy>div{min-width:0;padding:17px 10px;background:#173932}.garden-economy span{display:block;font:600 10px/1.5 monospace;color:#c0d6bc;letter-spacing:.08em}.garden-economy strong{display:block;margin-top:6px;color:#fff3bd;font:400 clamp(22px,3vw,36px)/1.1 Georgia,serif;overflow-wrap:anywhere}
.garden-actions{display:flex;gap:12px;flex-wrap:wrap}.garden-actions>*{min-width:0}
#pCloudGarden button,#pCloudGarden .garden-file{appearance:none;border:1px solid #b0c297;border-radius:5px 18px 5px 18px;padding:12px 16px;min-height:46px;background:#36584a;color:#eef3cb;box-shadow:0 3px #112d29;font:700 14px/1.3 Georgia,serif;cursor:pointer;transition:filter .15s,transform .15s}
#pCloudGarden button:hover{filter:brightness(1.13)}#pCloudGarden button:active{transform:translateY(2px)}#pCloudGarden button:focus-visible,#pCloudGarden input:focus-visible,#pCloudGarden summary:focus-visible{outline:3px solid #e0f6b6;outline-offset:3px}#pCloudGarden button:disabled{opacity:.55;cursor:default;transform:none;filter:none}
#pCloudGarden #gardenGather,#pCloudGarden #gardenConfirmYes{background:#e3d29c;color:#234238;border-color:#fff2bb}
#pCloudGarden .garden-note{font:400 13px/1.6 Georgia,serif;color:#c0d6bd;max-width:none}#pCloudGarden p{overflow-wrap:anywhere}
.garden-growers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.garden-grower{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px 14px;align-items:center;padding:20px 16px;border:1px solid #739273;background:linear-gradient(145deg,#2d5141,#1d3d36);border-radius:5px 30px 5px 5px}.garden-grower h3{font:400 24px/1.1 Georgia,serif;margin:0 0 7px;color:#e7ecc2}.garden-grower h3 b{font:500 16px monospace;color:#e8cf8c}.garden-grower p{margin:5px 0}.garden-grower>button{grid-column:1/-1;width:100%}
.garden-species-art{height:82px;position:relative;align-self:end}.garden-species-art i{position:absolute;bottom:0;left:24px;height:64px;width:4px;background:#b4cb8f;transform:rotate(-13deg);transform-origin:bottom}.garden-species-art i::after{content:'';position:absolute;top:0;left:-11px;width:25px;height:17px;border-radius:70% 5px 70% 5px;background:#bfd49f;transform:rotate(18deg)}.garden-species-art i:nth-child(2){height:44px;left:15px;transform:rotate(-39deg)}.garden-species-art i:nth-child(3){height:49px;transform:rotate(31deg)}
.garden-grower[data-species="moss"] .garden-species-art i{height:25px;width:11px;border-radius:50%;background:#9cb68b}.garden-grower[data-species="moss"] .garden-species-art i::after{background:#d1dd9b;width:20px;height:20px}.garden-grower[data-species="vine"] .garden-species-art i::after{border-radius:50% 50% 40% 40%;background:#b0c5cc}.garden-grower[data-species="lily"] .garden-species-art i::after{background:#f0c6a0;border-radius:40% 5% 40% 5%;width:28px;height:28px}
.garden-research,.garden-rebirth{padding:18px;border:1px solid #738c6a;border-radius:10px;background:#284638}.garden-research{display:flex;align-items:center;gap:20px}.garden-research>div{flex:1;min-width:0}#pCloudGarden h3{margin:0 0 8px;font-family:Georgia,serif;font-weight:400}#pCloudGarden .garden-rebirth h3,#pCloudGarden .garden-research h3{font-size:24px}.garden-rebirth>button{width:100%}.garden-rebirth .garden-actions{margin:14px 0 0!important}#gardenConfirm{margin-top:18px;border-top:1px solid #7f976d;padding-top:12px}#gardenConfirm p{font-size:14px;line-height:1.6}
.garden-save summary{cursor:pointer;min-height:44px;display:list-item;padding-block:12px;font:700 14px Georgia,serif}.garden-save .garden-actions{margin-inline:0!important}.garden-file{display:inline-flex;flex-direction:column;gap:8px;max-width:100%;font-size:13px!important}.garden-file input{font:400 12px/1.4 Georgia,serif;max-width:100%;width:220px;color:#dce8c9}.garden-file input::file-selector-button{background:#244333;color:#edf2cb;border:1px solid #9aac82;border-radius:4px;padding:7px}
@keyframes garden-sway{to{transform:rotate(9deg)}}
@media(max-width:640px){body[data-game="cloud-garden"] #pCloudGarden{padding:9px}#pCloudGarden .garden-shell{border-radius:54px 54px 8px 8px}.garden-sky{height:185px}.garden-sky::after{border-radius:54px 54px 0 0}.garden-sky>span{font-size:8px;left:14px;top:18px;max-width:85px}.garden-orb{width:58px;height:58px;right:16%;top:26px}#pCloudGarden .garden-header,#pCloudGarden .garden-economy,#pCloudGarden .garden-actions,#pCloudGarden .garden-growers,#pCloudGarden .garden-research,#pCloudGarden .garden-rebirth,#pCloudGarden .garden-save,#pCloudGarden .garden-shell>p,#pCloudGarden #gardenTake{margin:16px 13px}.garden-kicker{font-size:23px}.garden-economy>div{padding:13px 7px}.garden-economy span{font-size:8px;min-height:24px}.garden-economy strong{font-size:25px}.garden-growers{grid-template-columns:1fr}.garden-actions{display:grid;grid-template-columns:minmax(0,1fr)}.garden-research{display:grid;gap:8px}.garden-grower{padding:16px 13px}#pCloudGarden button{font-size:14px}#pCloudGarden .garden-note{font-size:14px}.garden-file input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.garden-canopy i{animation:none}#pCloudGarden button{transition:none}}
@media(forced-colors:active){#pCloudGarden .garden-shell,#pCloudGarden .garden-grower,#pCloudGarden button{border:1px solid CanvasText}#pCloudGarden button:disabled{color:GrayText}}

/* Canvas HUD is the single visible score; the live region remains available to assistive technology. */
body[data-game="tide-dash"] #actionReadout,body[data-game="flux-parry"] #actionReadout{position:absolute;left:-10000px;top:auto;right:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}