@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;1,6..72,300;1,6..72,400&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@300;400&display=swap";:root{--ink: #07080b;--bone: #fff8e8;--bone-2: #f0d38a;--bone-dim: rgba(255, 248, 232, .84);--bone-faint: rgba(255, 248, 232, .38);--bone-ghost: rgba(255, 248, 232, .15);--gold: #ffd05a;--gold-soft: rgba(255, 208, 90, .52);--control-bg: rgba(3, 6, 10, .78);--control-border: rgba(255, 248, 232, .24);--control-hover: rgba(255, 248, 232, .12);--ux-glow: 60 130 250;--cyan: #38d9ff;--green: #65ff8f;--rose: #ff5c8a;--serif: "Newsreader", Georgia, serif;--display: "Instrument Serif", Georgia, serif;--mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--bone);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga","onum"}#garden{position:fixed;top:0;left:0;width:100%;height:100%;image-rendering:pixelated}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.7'/></svg>")}#hud{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:1.5px;color:var(--bone-faint);pointer-events:none;z-index:5;white-space:pre-line;line-height:1.6}body.chladni-mode #hud{left:50%;right:auto;max-width:min(92vw,760px);padding:7px 12px;transform:translate(-50%);background:#030508b8;border:1px solid rgba(255,248,232,.18);border-radius:8px;color:#fff8e8c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 18px #00000059}#breath{position:fixed;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,248,232,.5),transparent);box-shadow:0 0 8px #fff8e833;opacity:.45;transition:opacity 2s ease-in-out,height 2s ease-in-out,box-shadow 2s ease-in-out;z-index:8;pointer-events:none}#breath.inhale{height:3px;opacity:1;box-shadow:0 0 16px #fff8e873,0 0 5px #fff8e880}#tweaks{position:fixed;top:20px;right:20px;background:#040509cc;border:1px solid rgba(var(--ux-glow),.32);border-radius:10px;padding:20px 24px;font-family:var(--mono);font-size:11px;font-weight:300;color:var(--bone-dim);min-width:240px;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 0 24px rgba(var(--ux-glow),.13),inset 0 0 26px #0000008c;animation:ux-flash 3.8s ease-in-out infinite;transition:opacity .5s ease,transform .5s ease;z-index:20}@keyframes ux-flash{0%,68%,to{box-shadow:0 0 18px rgba(var(--ux-glow),.1),inset 0 0 26px #0000008c}84%{box-shadow:0 0 30px rgba(var(--ux-glow),.4),inset 0 0 26px #0000008c}}#tweaks.hidden{opacity:0;transform:translateY(-8px);pointer-events:none}#tweaks h3{margin:0 0 14px;font-family:var(--display);font-size:14px;font-weight:400;font-style:italic;letter-spacing:1px;color:var(--bone-2)}#tweaks label{display:flex;justify-content:space-between;align-items:center;margin:8px 0;gap:12px}#tweaks input[type=range]{flex:1;accent-color:var(--bone-2);height:1px;max-width:120px}#tweaks .val{min-width:36px;text-align:right;color:var(--bone-faint);font-variant-numeric:tabular-nums}#chladni-panel{position:fixed;top:68px;right:20px;min-width:264px;max-width:min(320px,calc(100vw - 40px));padding:16px 18px 17px;background:#040509d6;border:1px solid rgba(255,92,138,.32);border-radius:8px;color:var(--bone-dim);font-family:var(--mono);font-size:10px;font-weight:300;line-height:1.45;z-index:90;pointer-events:auto;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 10px 34px #0000007a,0 0 22px #ff5c8a24,inset 0 0 24px #00000080;transition:opacity .28s ease,transform .28s ease}#chladni-panel.hidden{opacity:0;transform:translateY(-8px);pointer-events:none}#chladni-panel h3{margin:0 0 12px;color:#fff8e8eb;font-family:var(--display);font-size:15px;font-weight:400;font-style:italic}#chladni-panel label{display:grid;grid-template-columns:72px 1fr 38px;align-items:center;gap:9px;min-height:31px;color:var(--bone-faint)}#chladni-panel input[type=range]{width:100%;min-width:0;min-height:24px;accent-color:var(--rose);cursor:pointer}#chladni-panel .val{color:var(--bone);text-align:right;font-variant-numeric:tabular-nums}#chladni-panel .toggle-row{grid-template-columns:1fr auto;margin-top:6px;min-height:22px;color:var(--bone-dim)}#chladni-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--rose);cursor:pointer}#controls{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:8px;z-index:21}#controls,#rain-hud,#hud{transition:opacity 1.2s ease,transform 1.2s ease}body.idle #controls,body.idle #rain-hud:not(.hidden),body.idle #hud{opacity:0;transform:translateY(-8px)}body.chladni-mode.idle #hud{transform:translate(-50%) translateY(-8px)}body.idle{cursor:none}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#040509d1;border:1px solid rgba(var(--ux-glow),.28);border-radius:8px;color:var(--bone-dim);padding:0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 10px rgba(var(--ux-glow),.1),inset 0 0 12px #00000080;transition:all .18s ease}.icon-button:hover{color:var(--bone);background:#08090ee6;border-color:rgba(var(--ux-glow),.7);box-shadow:0 0 16px rgba(var(--ux-glow),.5),inset 0 0 12px #00000080;transform:translateY(-1px)}.icon-button svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#toggle-broadcast.active{color:var(--rose);border-color:#ff5c8a94;background:#ff5c8a1a}#toggle-auth.active{color:var(--green);border-color:#65ff8f8a;background:#65ff8f1a}#toggle-mining.active{color:var(--gold);border-color:var(--gold-soft);background:#ffd05a1a}#toggle-sound.active,#toggle-rain.active{color:var(--cyan);border-color:#38d9ff8f;background:#38d9ff1a}#toggle-chladni.active{color:var(--bone);border-color:#ff5c8aa8;background:#ff5c8a1f}#info{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30;transition:opacity .8s ease}#info.hidden{opacity:0;pointer-events:none}#info .info-card{background:#07080bf0;border:1px solid var(--bone-ghost);border-radius:16px;padding:30px 32px 24px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 80px #00000080}#info h2{font-family:var(--display);font-size:clamp(26px,7vw,32px);font-weight:400;font-style:italic;color:var(--bone);letter-spacing:.5px;margin:0 0 4px}#info .subtitle{font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:2px;text-transform:uppercase;color:var(--bone-faint);margin:0 0 18px}#info p{font-family:var(--serif);font-size:15px;font-weight:300;line-height:1.7;color:var(--bone-dim);margin:0 0 14px}#info p.lede{font-size:16px;line-height:1.6;color:var(--bone);margin:0 0 18px}#info p em{font-style:italic;color:var(--bone)}#info p.breath{font-size:12.5px;color:var(--bone-faint);margin:14px 0 0}#info p.closer{font-family:var(--display);font-style:italic;font-size:15px;color:var(--bone-faint);margin:16px 0 0;text-align:center}#info .enter{display:block;width:100%;margin:22px 0 0;padding:11px 18px;border-radius:10px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--bone);background:#fff8e80a;border:1px solid var(--bone-ghost);transition:background .2s ease,border-color .2s ease}#info .enter:hover{background:#fff8e81a;border-color:var(--bone-faint)}@media(max-width:600px){#info .info-card{padding:24px 22px 20px;border-radius:14px;max-height:92vh}}#rain-hud{position:fixed;top:68px;left:20px;background:#040509d1;border:1px solid rgba(var(--ux-glow),.28);border-radius:12px;padding:13px 15px 14px;font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:.4px;line-height:1.5;color:var(--bone-dim);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 10px 34px #00000080,0 0 22px rgba(var(--ux-glow),.12),inset 0 0 24px #00000080;animation:ux-flash 3.8s ease-in-out infinite;z-index:90;pointer-events:auto;min-width:244px}#rain-hud.hidden{opacity:0;transform:translateY(-8px);pointer-events:none}.rain-title{font-family:var(--display);font-size:14px;font-style:italic;color:rgb(var(--ux-glow));text-shadow:0 0 10px rgba(var(--ux-glow),.5);margin:0 0 9px}.rain-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:19px}.rain-row+.rain-row{margin-top:2px}.rain-row>span:first-child{color:var(--bone-faint);letter-spacing:.6px;white-space:nowrap}.rain-val{color:var(--bone);font-variant-numeric:tabular-nums}.color-selector{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.color-opt{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;cursor:pointer;font-size:9px;background:#fff8e80f;border:1px solid transparent;transition:background .2s,border-color .2s}.color-opt{min-height:22px}.color-opt:hover{background:#fff8e81f}.color-opt.active{background:rgb(var(--ux-glow));color:var(--ink);border-color:rgba(var(--ux-glow),.8);box-shadow:0 0 10px rgba(var(--ux-glow),.5)}.color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,248,232,.3)}.rain-bar{margin-top:11px;height:3px;border-radius:999px;background:#fff8e817;overflow:hidden}.rain-bar-fill{height:100%;border-radius:999px;background:rgb(var(--ux-glow));box-shadow:0 0 8px rgba(var(--ux-glow),.7);transition:width .4s ease}#hope-jar{position:fixed;bottom:24px;right:24px;width:144px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:21;transition:opacity .4s ease,transform .4s ease}#hope-jar.hidden{opacity:0;transform:translateY(10px);pointer-events:none}#hope-jar.knot-unavailable{display:none}.hope-jar-label{font-family:var(--display);font-size:10px;font-style:italic;color:#000;text-align:center;text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 11px rgba(255,255,255,.85),0 0 18px rgba(255,255,255,.6)}.hope-knot{width:144px;height:144px;aspect-ratio:1 / 1;border:0;display:block;object-fit:contain;background:radial-gradient(circle closest-side at 50% 50%,#020306f0,#040509c7 26%,#05060a6b 50%,#06070b1f 82%,#06070b00 98%);--knot-glow: 60 130 250;filter:drop-shadow(0 0 22px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(var(--knot-glow),.22));animation:knot-flash 3.8s ease-in-out infinite;cursor:grab}.hope-knot:active{cursor:grabbing}#hope-jar{cursor:pointer}@keyframes knot-flash{0%,68%,to{filter:drop-shadow(0 0 8px rgba(var(--knot-glow),.28))}84%{filter:drop-shadow(0 0 22px rgba(var(--knot-glow),.85))}}.overflowing .hope-knot{animation:knot-seethe 1.6s ease-in-out infinite}@keyframes knot-seethe{0%,to{filter:drop-shadow(0 0 14px rgba(220,20,55,.6))}50%{filter:drop-shadow(0 0 26px rgba(255,30,70,.95))}}body.fullscreen #controls,body.fullscreen #tweaks,body.fullscreen #chladni-panel,body.fullscreen #rain-hud,body.fullscreen #hud,body.fullscreen #breath,body.fullscreen .hope-jar-label{display:none!important}@media(max-width:600px){#chladni-panel{inset:auto 12px 60px;max-width:none;padding:13px 14px}#chladni-panel label{grid-template-columns:70px 1fr 36px}}body.fullscreen #hope-jar{position:fixed;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:85vmin!important;height:85vmin!important;margin:0!important;z-index:100;transition:all .5s ease-in-out}body.fullscreen .hope-knot{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;background:radial-gradient(circle closest-side at 50% 50%,#020306f0,#040509c7 26%,#05060a6b 50%,#06070b1f 82%,#06070b00 98%)}