@import "https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap";:root{--bg-color:#fffff3;--vignette-color:#1e506426;--text-color:#2b331f;--daisy-stem:#228b22;--daisy-center:gold;--daisy-petal:#ff69b4;--petal-stroke:#000;--border-color:#333}[data-rain-mode=true]{--bg-color:#e8ecef;--vignette-color:#0a1e3c4d;--text-color:#1a252c;--daisy-stem:#145214;--daisy-center:#b89a00;--daisy-petal:#b0467b;--petal-stroke:#222}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;height:100vh;margin:0;font-family:Walter Turncoat,cursive,sans-serif;transition:background-color 3s ease-in-out,color 3s ease-in-out;overflow:hidden}.app-container{background:radial-gradient(circle at 50% 30%,#fff9e6 0%,#0000 80%);width:100%;height:100vh;animation:10s ease-in-out infinite summerHaze;position:relative}@keyframes summerHaze{0%,to{background-color:var(--bg-color);filter:saturate(1.1)}50%{filter:saturate(1.3);background-color:#fffef2}}.vignette-overlay{pointer-events:none;width:100%;height:100%;box-shadow:inset 0 0 120px 20px var(--vignette-color);z-index:10;transition:box-shadow 3s ease-in-out;position:absolute;top:0;left:0}.glass-panel{text-align:left;z-index:20;background:0 0;flex-direction:column;gap:.2rem;max-width:300px;display:flex;position:absolute;top:1rem;left:2rem}.title{letter-spacing:1px;text-transform:uppercase;font-size:1.8rem}.subtitle{opacity:.8;font-size:.9rem}.compass-container{z-index:30;pointer-events:auto;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;top:1rem;right:2rem}.compass-gauge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffd66;border:2px dashed #0003;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.compass-value{letter-spacing:-1px;font-size:1.4rem;font-weight:700}.needle-fixed{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.compass-labels{opacity:.6;width:100%;height:100%;font-size:.8rem;font-weight:700;position:absolute}.label-n{position:absolute;top:5px;left:50%;transform:translate(-50%)}.label-s{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.label-e{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.label-w{position:absolute;top:50%;left:5px;transform:translateY(-50%)}.sky-container{pointer-events:none;z-index:0;width:100%;max-width:500px;height:0;position:absolute;top:32%;left:50%;transform:translate(-50%)}.sun-orbit{justify-content:center;align-items:center;margin-top:-80px;margin-left:-80px;display:flex;position:absolute;top:50%;left:50%}.field-container{z-index:5;background:linear-gradient(#0000 60%,#228b220d 100%);width:100%;height:70%;position:absolute;bottom:0;left:0;overflow:hidden}.btn-primary{border:2px dashed var(--border-color);color:inherit;cursor:pointer;pointer-events:auto;z-index:100;background:0 0;border-radius:30px;width:fit-content;padding:.5rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s;position:relative}.btn-primary:hover{background:#0000000d;transform:scale(1.05)}@media (width<=480px){.glass-panel{max-width:200px;top:.5rem;left:1rem}.title{font-size:1.2rem}.subtitle{font-size:.7rem}.compass-container{width:100px;height:100px;top:.5rem;right:.5rem}.compass-value{font-size:1rem}.sky-container{height:160px;top:10%}}.info-btn{background:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Walter Turncoat,cursive;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 4px 10px #0000000d}.info-btn:hover{background:#fff9e6;transform:scale(1.1)rotate(5deg)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#1e2d0a33;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content{border:3px solid var(--border-color);background:#fffff3;border-radius:40px 10px;width:100%;max-width:450px;padding:2.5rem;position:relative;box-shadow:15px 15px #228b221a}.modal-close{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:2rem;transition:opacity .2s;position:absolute;top:1rem;right:1.5rem}.modal-close:hover{opacity:1}.modal-title{color:var(--daisy-stem);margin-bottom:1.5rem;font-size:2rem}.modal-body{font-size:1rem;line-height:1.6}.modal-body p{margin-bottom:1rem}.game-mode-stats{background:#ff69b40d;border:2px dashed #0000001a;border-radius:20px;flex-direction:column;gap:.8rem;margin:1.5rem 0;padding:1.2rem;display:flex}.stat-item{align-items:center;gap:1rem;display:flex}.stat-icon{font-size:1.5rem}.stat-text{font-size:.9rem}.modal-footer{text-align:center;opacity:.7;font-style:italic;margin-top:1.5rem!important}@media (width<=480px){.modal-content{border-radius:30px 10px;padding:1.5rem}.modal-title{font-size:1.5rem}.info-btn{bottom:1rem;right:1rem}}