:root{--sky-top:#1a2a4a;--sky-bottom:#2a4a6a;--mountain-far:#1a2a3a;--mountain-near:#2a3a4a;--water-deep:#1a3a52;--water-mid:#2a5a7a;--water-light:#3a7a9a;--water-foam:hsla(0,0%,100%,.12);--grass-surface:#3d6b4f;--grass-shadow:#2a4a35;--earth-base:#4a3728;--earth-shadow:#2a1f15;--leaf-gold:#c9a961;--leaf-shadow:#8b7345;--accent:#6bb6d9;--ui-bg:rgba(18,32,42,.92);--ui-border:rgba(107,182,217,.3)}*{box-sizing:border-box;margin:0;padding:0;touch-action:none;-webkit-user-select:none}body{background:var(--earth-shadow);height:100vh;width:100vw;overflow:hidden;font-family:Georgia,Times New Roman,serif;cursor:default}.tool-link-bar{position:absolute;top:18px;left:18px;z-index:110;display:flex;gap:10px}.tool-link-bar a{pointer-events:auto;padding:10px 14px;border-radius:999px;background:#12202aeb;color:#fff;text-decoration:none;border:1px solid rgba(107,182,217,.3);backdrop-filter:blur(12px)}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-trigger{position:absolute;top:env(safe-area-inset-top,25px);right:25px;z-index:105;width:50px;height:50px;border-radius:50%;background:var(--ui-bg);backdrop-filter:blur(15px);border:1px solid var(--ui-border);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;transition:transform .3s ease,opacity .3s ease,color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;pointer-events:auto;box-shadow:0 4px 20px #0000004d}#ui-trigger:hover{background:#6bb6d933;transform:scale(1.05)}#ui-trigger.active{background:var(--accent);color:#010204;transform:rotate(45deg);box-shadow:0 0 25px #6bb6d980}.interface{position:absolute;z-index:100;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;pointer-events:none;transition:opacity .4s ease}.interface.hidden{opacity:0;pointer-events:none}.input-modal{pointer-events:auto;background:var(--ui-bg);backdrop-filter:blur(25px);border:1px solid var(--ui-border);padding:28px;border-radius:32px;width:100%;max-width:420px;align-self:center;box-shadow:0 30px 80px #000000b3;text-align:center;margin-bottom:20px;transform:translateY(0);opacity:1;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}.input-modal.hidden{transform:translateY(40px);opacity:0;pointer-events:none}.input-modal h2{color:#fff;font-weight:300;margin-bottom:22px;font-size:1.25rem;letter-spacing:.5px}input{background:#2f4557;border:1px solid hsla(0,0%,100%,.2);padding:16px 18px;border-radius:18px;color:#fff;font-size:1rem;font-family:inherit;width:100%;margin-bottom:16px;text-align:center;transition:border-color .2s,background .2s}input:focus{border-color:var(--accent);background:#3a5468}input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input::placeholder{color:#fff6}.btn-release{background:var(--accent);color:#010204;border:none;padding:16px;border-radius:18px;font-weight:600;cursor:pointer;width:100%;text-transform:uppercase;letter-spacing:1.5px;font-size:.8rem;transition:transform .15s,box-shadow .2s;margin-bottom:12px}.btn-release:active{transform:scale(.98);box-shadow:0 5px 25px #6bb6d966}.btn-minimize{background:transparent;border:1px solid hsla(0,0%,100%,.15);color:#ffffff80;padding:10px;border-radius:14px;width:100%;cursor:pointer;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;transition:transform .2s,opacity .2s,color .2s,background-color .2s,border-color .2s,box-shadow .2s;font-weight:400}.btn-minimize:hover{background:#3a5468;color:#fff;border-color:#ffffff73}.breath-hint{top:90px;color:#ffffff38;font-size:.65rem;letter-spacing:4px}.breath-hint,.tap-hint{position:absolute;width:100%;text-align:center;text-transform:uppercase;z-index:5;pointer-events:none;font-weight:300}.tap-hint{bottom:35px;color:#ffffff26;font-size:.6rem;letter-spacing:2px;animation:pulseHint 4s ease-in-out infinite}@keyframes pulseHint{0%,to{opacity:.15}50%{opacity:.3}}@media(height<=700px){.input-modal{padding:20px;border-radius:28px;margin-bottom:15px}input{font-size:.95rem}.btn-release,input{padding:14px}.breath-hint{top:70px}}.skip-link{color:#b3127f}.skip-link:focus{color:#b3127f;background:#fff}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}body:has(#riverCanvas){background:#281329;color:#fff7fa}body:has(#riverCanvas) .tool-link-bar{top:max(1rem,env(safe-area-inset-top))}body:has(#riverCanvas) .tool-link-bar a{min-height:44px;display:inline-flex;align-items:center;color:#fff7fa;background:#220d1cd1;border-color:#f6a8c485}body:has(#riverCanvas) #ui-trigger{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));color:#fff7fa;background:#220d1ce0;border-color:#f6a8c494}body:has(#riverCanvas) #ui-trigger{z-index:500}body:has(#riverCanvas) #ui-trigger.active{background:#f4a8c4;color:#2b1020}body:has(#riverCanvas) .input-modal{max-width:520px;padding:clamp(1.25rem,3vw,2rem);border-color:#f6a8c49e;background:#220d1ce5;color:#fff7fa}body:has(#riverCanvas) .input-modal h2{color:#fff7fa;text-wrap:balance}body:has(#riverCanvas) textarea{width:100%;min-height:90px;resize:vertical;padding:1rem;border:1px solid rgb(255 235 244 / 38%);border-radius:1rem;background:#4a2340;color:#fff7fa;font:inherit;line-height:1.5;touch-action:auto;user-select:text}body:has(#riverCanvas) textarea:focus{border-color:#f4a8c4;box-shadow:0 0 0 3px #f4a8c43d}body:has(#riverCanvas) textarea::placeholder{color:#ffebf4b3}body:has(#riverCanvas) input,body:has(#riverCanvas) button,body:has(#riverCanvas) form{touch-action:auto;user-select:text}body:has(#riverCanvas) button{user-select:none}.input-hint{margin:.5rem 0 .85rem;color:#ffebf4c2;font-size:.78rem;line-height:1.45}.release-actions{display:grid;grid-template-columns:minmax(0,1fr) 3.1rem;gap:.6rem}.release-btn,.send-btn{min-height:48px;border:1px solid transparent;border-radius:.85rem;cursor:pointer}.release-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:#f4a8c4;color:#2b1020;font-weight:800;letter-spacing:.02em}.send-btn{display:grid;place-items:center;background:#c52f69;color:#fff;border-color:#ffebf44d}.release-btn svg,.send-btn svg,#ui-trigger svg{width:1.1rem;height:1.1rem}.char-count{margin:.4rem 0 0;color:#ffebf4c2;font-size:.78rem;text-align:right}.input-modal.is-invalid{animation:release-shake .32s ease-in-out}@keyframes release-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(max-width:650px){body:has(#riverCanvas) .interface{padding:1rem}.release-actions{grid-template-columns:1fr}.send-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){.input-modal.is-invalid{animation:none}}html,body{width:100%;min-width:0;height:100%;min-height:100%}body{height:100dvh;min-height:100dvh}body :where(a,button,input,textarea,select){touch-action:manipulation;-webkit-user-select:text;user-select:text}