:root{--color-bg-dark:#1a1a2e;--color-bg-panel:#16213e;--color-hp:#e94560;--color-score:#f9a826;--color-ranger-yellow:#f1c40f;--color-ranger-white:#ecf0f1;--color-ranger-red:#e74c3c;--color-ranger-green:#2ecc71;--color-monster-noro:#f39c12;--color-monster-rota:#bdc3c7;--color-monster-o157:#c0392b;--color-monster-adeno:#27ae60;--color-clean-poop:gold;--color-water:#0984e3}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app-container{background-color:var(--color-bg-dark);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.game-board{background:linear-gradient(#0a0a2a 0%,#1a1a4a 100%);flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.game-header{z-index:10;background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.score-display,.hp-display{text-shadow:0 2px 4px #00000080;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.score-display{color:var(--color-score)}.hp-display{color:var(--color-hp)}.monster{filter:drop-shadow(0 4px 8px #00000080);will-change:transform;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex;position:absolute;transform:translate(-50%)}.ranger-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#16213ee6;border-top:2px solid #ffffff1a;flex-direction:column;width:100%;height:140px;padding:.5rem;display:flex;position:absolute;bottom:0;left:0}.special-meter-container{background:#00000080;border-radius:6px;width:100%;height:12px;margin-bottom:.5rem;position:relative;overflow:hidden}.special-meter-fill{background:linear-gradient(90deg,#ff9ff3,#feca57,#ff9ff3) 0 0/200% 200%;height:100%;transition:width .3s ease-out;animation:2s linear infinite bgScroll}@keyframes bgScroll{0%{background-position:0%}to{background-position:200%}}.rangers-grid{flex:1;justify-content:space-around;align-items:center;display:flex}.ranger-btn{color:#fff;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;width:70px;height:90px;transition:transform .1s,filter .2s;display:flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.ranger-btn:active{transform:scale(.9)!important}.ranger-icon{z-index:2;margin-bottom:2px}.ranger-label{z-index:2;text-shadow:0 1px 3px #000000e6,0 0 5px #000c;font-size:.65rem;font-weight:700}.ranger-btn.noro{color:var(--color-ranger-yellow)}.ranger-btn.rota{color:var(--color-ranger-white)}.ranger-btn.o157{color:var(--color-ranger-red)}.ranger-btn.adeno{color:var(--color-ranger-green)}.poop-icon{font-size:50px}.monster.noro .poop-icon{filter:hue-rotate(40deg)saturate(2)brightness(1.2)}.monster.rota .poop-icon{filter:grayscale()brightness(2)}.monster.o157 .poop-icon{filter:hue-rotate(320deg)saturate(3)brightness(.8)}.monster.adeno .poop-icon{filter:hue-rotate(100deg)saturate(2)}.cleansed .poop-icon{animation:1s infinite alternate shine;filter:sepia()saturate(5)hue-rotate(10deg)brightness(1.5)!important}@keyframes shine{0%{filter:drop-shadow(0 0 5px gold)}to{filter:drop-shadow(0 0 20px gold)}}.special-btn{color:#fff;cursor:pointer;z-index:30;background:linear-gradient(135deg,#ff9ff3,#feca57);border:none;border-radius:20px;padding:10px 20px;font-size:1rem;font-weight:700;animation:1s infinite alternate pulse;position:absolute;top:-60px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #ff9ff380}@keyframes pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.1)}}.overlay-message{color:#fff;text-shadow:0 4px 20px #fffc,0 0 10px;z-index:100;pointer-events:none;text-align:center;white-space:pre-wrap;word-wrap:break-word;width:100vw;padding:0 10px;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flash-bg{z-index:99;pointer-events:none;background:#fff;position:absolute;inset:0}.damage-flash{pointer-events:none;z-index:90;position:absolute;inset:0;box-shadow:inset 0 0 50px #f00c}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.modal-content{text-align:center;background:#1e2749;border:2px solid #3a506b;border-radius:16px;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 30px #00000080}.modal-title{color:#ff6b6b;margin-bottom:1rem;font-size:2rem}.modal-score{color:#fca311;margin-bottom:1.5rem;font-size:1.5rem}.education-panel{text-align:left;background:#0000004d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.4}.education-panel h3{color:#4ecdc4;text-align:center;margin-bottom:.5rem}.education-panel ul{list-style:none}.education-panel li{border-left:3px solid #666;margin-bottom:.5rem;padding-left:.5rem}.btn-restart{color:#1a1a2e;cursor:pointer;background:#4ecdc4;border:none;border-radius:30px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:transform .2s}.btn-restart:hover{transform:scale(1.05)}