.virtual-gym-container{background:#111413;border:4px solid #2e3532;border-radius:8px;flex-direction:column;transition:filter .5s,border-color .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.virtual-gym--dark{border-color:#0b1a10}.gym-viewport{height:290px;image-rendering:pixelated;background-image:url(/athletes/forest_bg.png);background-position:bottom;background-size:cover;border-bottom:2px solid #2e3532;transition:background .5s,filter .5s;position:relative;overflow:hidden}@media (max-width:480px){.gym-viewport{height:230px}}.virtual-gym--dark .gym-viewport{filter:brightness(.25)contrast(1.1)saturate(.8);cursor:pointer}.sound-toggle-btn{color:#e8ede9;cursor:pointer;background:#111413bf;border:2px solid #2e3532;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:border-color .2s,color .2s;display:inline-flex}.sound-toggle-btn:hover{border-color:#6d8a76}.sound-toggle-btn[aria-pressed=true]{color:#6d7a70}.gym-sound-toggle{z-index:20;position:absolute;top:8px;right:8px}.forest-garden-wrap{pointer-events:none;position:absolute;inset:0}.forest-layer{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.forest-layer--back{z-index:3}.forest-layer--front{z-index:12}.gym-vignette{z-index:14;pointer-events:none;background:radial-gradient(at 50% 42%,#0000 52%,#080e0a80 100%);position:absolute;inset:0}.spawned-food{pointer-events:none;z-index:5;filter:drop-shadow(0 3px 2px #080e0a80);animation:.6s ease-in-out infinite alternate foodBounce;position:absolute;transform:translate(-50%,-50%)}.spawned-food canvas{display:block}@keyframes foodBounce{0%{transform:translate(-50%,-50%)translateY(0)}to{transform:translate(-50%,-50%)translateY(-4px)}}.gym-character-wrap{z-index:10;image-rendering:pixelated;transition:left 80ms linear,top 80ms linear;position:absolute}.sleep-particle{color:#fbbf24;font-family:monospace;font-size:14px;font-weight:800;animation:2s ease-out infinite sleepFly;position:absolute;top:-24px;left:20px}@keyframes sleepFly{0%{opacity:0;transform:translate(0)scale(.6)}50%{opacity:1}to{opacity:0;transform:translate(15px,-30px)scale(1.2)}}.gym-float-text{color:#2d8a4e;text-shadow:0 2px 4px #000000e6;pointer-events:none;z-index:30;font-family:monospace;font-size:13px;font-weight:900;animation:1.5s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}.gym-stats-panel{background:#151a18;border-bottom:2px solid #2e3532;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px;display:grid}.gym-stat-bar{flex-direction:column;gap:4px;display:flex}.gym-stat-label{letter-spacing:.05em;color:#8c9c96;align-items:center;gap:4px;font-family:monospace;font-size:10px;font-weight:700;display:flex}.gym-stat-track{background:#232a27;border:1px solid #2d3532;border-radius:4px;height:8px;overflow:hidden}.gym-stat-fill{height:100%;transition:width .3s}.fill-green{background:#2d8a4e}.fill-blue{background:#3b82f6}.fill-yellow{background:#eab308}.gym-stat-value{color:#eae6df;align-self:flex-end;font-family:monospace;font-size:11px;font-weight:700}.gym-octalysis-mirror-legend{background:#111413;border-top:1px solid #2e3532;padding:12px;font-family:monospace}.gym-legend-title{color:#2d8a4e;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:800;display:flex}.gym-legend-desc{color:#8c9c96;margin:0 0 8px;font-size:10px;line-height:1.4}.gym-legend-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.gym-legend-list li{color:#eae6df;font-size:10px;line-height:1.3}.gym-legend-list li strong{color:#8c9c96}.text-red{color:#ef4444}.text-orange{color:#f97316}.text-yellow{color:#eab308}.text-accent{color:#2d8a4e}.famished-bubble{color:#eae6df;white-space:nowrap;z-index:15;background:#111413f2;border:2px solid #ef4444;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800;animation:1s ease-in-out infinite alternate floatBounce;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #00000080}@keyframes floatBounce{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-3px)}}.famished-status-banner{letter-spacing:.1em;color:#ef4444;text-shadow:0 1px 2px #000c;z-index:20;background:#ef444426;border:1px dashed #ef4444;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:10px;font-weight:900;animation:1.5s ease-in-out infinite bannerPulse;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes bannerPulse{0%,to{opacity:.6;background-color:#ef444426}50%{opacity:1;background-color:#ef44444d}}