:root{--dirt:#866043;--grass:#5d8a32;--stone:#7f7f7f;--wood:#a0722a;--sand:#dbc06b;--sky:#87ceeb;--night:#0d1117;--cream:#f5f0e8;--gold:gold;--red:#c30;--green:#360;--white:#f0f0f0;--shadow:#1a1a1a;--slot-bg:#1a1a2e;--stone-dark:#4a4a4a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;image-rendering:crisp-edges;font-family:"Press Start 2P",monospace}button{cursor:pointer;font-family:"Press Start 2P",monospace}.mc-button{background:var(--stone);color:var(--white);cursor:pointer;image-rendering:pixelated;text-transform:uppercase;border:4px solid #3f3f3f;border-color:#a0a0a0 #3f3f3f #3f3f3f #a0a0a0;padding:12px 20px;font-family:"Press Start 2P",monospace;font-size:10px;transition:none}.mc-button:hover{background:#8f8f8f}.mc-button:active{border:4px solid #a0a0a0;border-color:#3f3f3f #a0a0a0 #a0a0a0 #3f3f3f;transform:translate(2px,2px)}.mc-button.green{background:var(--grass);border-color:#7daa52 #3d6a12 #3d6a12 #7daa52}.mc-button.green:hover{background:#6d9a42}.mc-button.red{background:var(--red);border-color:#ec5330 #8c1300 #8c1300 #ec5330}.mc-button.red:hover{background:#bc2300}.mc-slot{background:var(--slot-bg);border:3px solid #111;border-color:#555 #111 #111 #555}.mc-slot:hover{background:#2a2a3e}.pixel-shadow{text-shadow:4px 4px 0 var(--shadow)}@keyframes blockSlam{0%{opacity:0;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1.25)}to{opacity:1;transform:scaleY(1)}}@keyframes steamRise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes xpFill{0%{width:0}to{width:100%}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutToTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes scatter{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--scatter-x,50px), var(--scatter-y,50px)) rotate(var(--scatter-r,45deg))}}@keyframes fallIn{0%{opacity:0;transform:translateY(-100px)}70%{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.pixel-grid{background-image:linear-gradient(90deg,#404040 1px,#0000 1px),linear-gradient(#404040 1px,#0000 1px);background-size:20px 20px}.pixel-shadow-box{box-shadow:4px 4px #1a1a1a}.pixel-shadow-inset{box-shadow:inset 4px 4px #1a1a1a,inset -4px -4px #ffffff20}.xp-bar-container{image-rendering:pixelated;border:4px solid #1a1a1a}.xp-bar-fill-gradient{background:repeating-linear-gradient(90deg,#bef28c,#bef28c 10px,#a3d573 10px 20px)}.dithered-bg{background-color:#548029;background-image:radial-gradient(#3c6711 2px,#0000 2px);background-size:8px 8px}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24}.material-symbols-outlined.bold{font-variation-settings:"FILL" 0, "wght" 700, "GRAD" 0, "opsz" 24}.intro-screen{background:#0d1117;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.star-field{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.star{background:#fff;width:2px;height:2px;position:absolute}.star--blink{animation:3s ease-in-out infinite starBlink}@keyframes starBlink{0%,to{opacity:.3}50%{opacity:1}}.intro-content{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex}.dog-scene{flex-direction:row;align-items:flex-end;gap:8px;display:flex}.pixel-dog{image-rendering:pixelated;image-rendering:crisp-edges;animation:1.2s ease-in-out infinite dogEating}.bowl-container{flex-direction:column;align-items:center;animation:1.2s ease-in-out infinite bowlShake;display:flex;position:relative}.pixel-bowl{image-rendering:pixelated;image-rendering:crisp-edges}.bowl-steam{pointer-events:none;gap:16px;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.steam-line{background:#ffffff80;width:2px;height:16px;animation:1.4s steps(5,end) infinite steamUp}@keyframes eatBob{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes bowlShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.logo-text{gap:2px;margin-top:8px;display:flex}.logo-letter{text-shadow:4px 4px #000;transform-origin:bottom;font-family:"Press Start 2P",monospace;font-size:clamp(28px,7vw,48px);animation:.15s ease-out backwards blockSlam}.swipe-text{color:#7f7f7f;letter-spacing:2px;opacity:0;font-family:"Press Start 2P",monospace;font-size:11px;transition:opacity .4s ease-out}.swipe-text--visible{opacity:1}.start-button{color:#fff;cursor:pointer;letter-spacing:1px;background:#7f7f7f;border:4px solid #3f3f3f;border-color:#a0a0a0 #3f3f3f #3f3f3f #a0a0a0;margin-top:8px;padding:14px 28px;font-family:"Press Start 2P",monospace;font-size:12px;animation:.3s ease-out fadeIn}.start-button:hover{background:#8f8f8f}.start-button:active{border:4px solid #a0a0a0;border-color:#3f3f3f #a0a0a0 #a0a0a0 #3f3f3f;transform:translate(2px,2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.white-flash{pointer-events:none;z-index:100;background:#fff;width:100%;height:100%;animation:.25s ease-out forwards flash;position:fixed;top:0;left:0}@keyframes flash{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@media (width<=400px){.dog-scene{transform:scale(.75)}}.mc-slot-component{background:var(--slot-bg);cursor:pointer;border:3px solid #111;border-color:#555 #111 #111 #555;padding:16px;transition:background .1s}.mc-slot-component:hover{background:#2a2a3e}.mc-slot-component--active{border-top-color:var(--gold);border-left-color:var(--gold);background:#2a2a4e}.pixel-food{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-food-container{flex-direction:column;align-items:center;display:flex;position:relative}.pixel-steve{image-rendering:pixelated}.pixel-steam{height:24px;margin-bottom:4px;position:relative}.steam-column{background:#ffffff80;width:2px;height:16px;animation:1s steps(4,end) infinite steamRisePixel;position:absolute;bottom:0}@keyframes steamRisePixel{0%{opacity:.8;height:8px;transform:translateY(0)}25%{opacity:.6;height:12px;transform:translateY(-4px)}50%{opacity:.4;height:16px;transform:translateY(-8px)}75%{opacity:.2;height:12px;transform:translateY(-12px)}to{opacity:0;height:8px;transform:translateY(-16px)}}.modes-screen{background:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.modes-bg{background-image:linear-gradient(90deg,#2a2a3e 1px,#0000 1px),linear-gradient(#2a2a3e 1px,#0000 1px);background-size:32px 32px;width:100%;height:100%;position:absolute;top:0;left:0}.modes-content{z-index:1;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:800px;padding:20px;display:flex;position:relative}.modes-title{color:var(--gold);text-shadow:4px 4px #000;text-align:center;font-size:20px}.modes-subtitle{color:#7f7f7f;letter-spacing:2px;font-size:10px}.modes-list{flex-direction:row;justify-content:center;gap:16px;width:100%;display:flex}.mode-card{cursor:pointer;background:#252538;border:3px solid #3a3a4e;flex-direction:column;align-items:center;gap:12px;min-width:140px;padding:20px 24px;transition:all .15s;display:flex;position:relative}.mode-card:hover{border-color:var(--gold);background:#2e2e45;transform:translateY(-4px)}.mode-card--selected{border-color:var(--gold);background:#3a3a5e}.mode-cursor{color:var(--gold);font-size:12px;animation:.5s infinite pulse;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.mode-icon{flex-shrink:0;justify-content:center;width:48px;display:flex}.mode-info{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.mode-name{color:var(--gold);font-size:12px}.mode-description{color:#8f8f8f;font-size:7px;line-height:1.4}.mode-flash{pointer-events:none;z-index:100;background:#fff;width:100%;height:100%;animation:.3s ease-out forwards flash;position:fixed;top:0;left:0}@media (width<=600px){.modes-list{flex-direction:column;align-items:center}.mode-card{flex-direction:row;min-width:280px}.mode-info{text-align:left;align-items:flex-start}.modes-title{font-size:16px}.mode-name{font-size:11px}}.mc-btn{background:var(--stone);color:var(--white);cursor:pointer;image-rendering:pixelated;text-transform:uppercase;border:4px solid #3f3f3f;border-color:#a0a0a0 #3f3f3f #3f3f3f #a0a0a0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:"Press Start 2P",monospace;font-size:10px;transition:none;display:inline-flex}.mc-btn:hover{background:#8f8f8f}.mc-btn:active{border:4px solid #a0a0a0;border-color:#3f3f3f #a0a0a0 #a0a0a0 #3f3f3f;transform:translate(2px,2px)}.mc-btn--green{background:var(--grass);border-color:#7daa52 #3d6a12 #3d6a12 #7daa52}.mc-btn--green:hover{background:#6d9a42}.mc-btn--red{background:var(--red);border-color:#ec5330 #8c1300 #8c1300 #ec5330}.mc-btn--red:hover{background:#bc2300}.mc-btn--gold{background:#b8860b;border-color:#daa520 #8b6914 #8b6914 #daa520}.mc-btn--gold:hover{background:#cd950c}.mc-btn--small{padding:8px 12px;font-size:8px}.mc-btn--large{padding:16px 28px;font-size:12px}.mc-btn--icon{min-width:48px;min-height:48px;padding:12px}.squad-size-screen{background:#1a1a2e;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.squad-size-bg{pointer-events:none;background-image:linear-gradient(90deg,#2a2a3e 1px,#0000 1px),linear-gradient(#2a2a3e 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.squad-size-content{z-index:10;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:500px;padding:2rem;display:flex;position:relative}.squad-size-back{color:var(--gold);cursor:pointer;z-index:20;background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:1.5rem;transition:transform .2s;position:absolute;top:1.5rem;left:1.5rem}.squad-size-back:hover{transform:translateY(-.25rem)}.squad-size-back:active{transform:translateY(.25rem)}.squad-size-title{color:var(--gold);text-align:center;letter-spacing:.1em;text-shadow:4px 4px #000;margin-top:1rem;font-family:"Press Start 2P",monospace;font-size:1.25rem}.squad-size-subtitle{color:#7f7f7f;text-align:center;letter-spacing:.05em;font-family:"Press Start 2P",monospace;font-size:.625rem}.size-options{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:1rem;display:grid}.size-button{cursor:pointer;min-height:100px;color:var(--gold);background:#252538;border:3px solid #3a3a4e;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-family:"Press Start 2P",monospace;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.size-button:after{content:"PLAYERS";color:#7f7f7f;letter-spacing:.05em;font-size:.5rem;display:block}.size-button:hover{border-color:var(--gold);background:#2e2e45;transform:translateY(-4px)}.size-button--selected{border-color:var(--gold);background:#3a3a5e;transform:scale(1.05)}.size-button--selected:hover{transform:translateY(-4px)scale(1.05)}.size-flash{pointer-events:none;z-index:100;background:#fff;width:100%;height:100%;animation:.3s ease-out forwards flash;position:fixed;top:0;left:0}@media (width<=640px){.squad-size-content{gap:1.5rem;padding:1.5rem}.squad-size-title{font-size:1rem}.size-options{gap:.75rem}.size-button{min-height:80px;font-size:.85rem}.size-button:after{font-size:.4rem}}.lobby-screen{background:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lobby-bg{background-image:linear-gradient(90deg,#2a2a3e 1px,#0000 1px),linear-gradient(#2a2a3e 1px,#0000 1px);background-size:32px 32px;width:100%;height:100%;position:absolute;top:0;left:0}.lobby-content{z-index:1;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;max-height:90vh;padding:20px;display:flex;position:relative;overflow:hidden auto}.lobby-back{background:var(--stone);color:var(--white);cursor:pointer;border:3px solid #3f3f3f;border-color:#a0a0a0 #3f3f3f #3f3f3f #a0a0a0;padding:10px 14px;font-family:"Press Start 2P",monospace;font-size:12px;position:absolute;top:20px;left:20px}.lobby-back:active{border:3px solid #a0a0a0;border-color:#3f3f3f #a0a0a0 #a0a0a0 #3f3f3f;transform:translate(2px,2px)}.lobby-mode{color:#7f7f7f;letter-spacing:2px;margin-top:20px;font-size:10px}.lobby-title{color:#7f7f7f;margin-bottom:8px;font-size:14px}.lobby-code{color:var(--gold);text-shadow:6px 6px #000;letter-spacing:8px;font-size:48px}.copy-button{margin-top:8px}.lobby-share{text-align:center;margin:16px 0}.lobby-share p{color:#7f7f7f;font-size:8px;line-height:1.6}.players-section{width:100%;margin-top:16px}.players-title{color:var(--gold);text-align:center;margin-bottom:12px;font-size:10px}.players-list{flex-direction:column;gap:8px;display:flex}.player-slot{background:#252538;border:3px solid #3a3a4e;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.player-slot.empty{opacity:.5}.player-name{color:var(--white);align-items:center;gap:8px;font-size:10px;display:flex}.host-badge{color:var(--gold);border:1px solid var(--gold);background:#3a3a2e;padding:2px 6px;font-size:7px}.player-status{padding:4px 8px;font-size:8px}.player-status.ready{color:#4ae34a;background:#1a3a1a;border:2px solid #2a5a2a}.player-status.waiting{color:#7f7f7f;background:#2a2a2a;border:2px solid #3a3a3a}.start-button{width:100%;max-width:280px;margin-top:24px}.start-button.disabled{opacity:.5;cursor:not-allowed}.start-button.disabled:hover{transform:none}.waiting-host{color:var(--gold);margin-top:24px;font-size:10px;animation:1.5s infinite pulse}.lobby-loading{color:var(--gold);font-size:12px;animation:1s infinite pulse}.join-section,.choice-section{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:280px;margin-top:32px;display:flex}.choice-button{width:100%}.choice-or{color:#7f7f7f;margin:8px 0;font-size:10px}.join-label{color:#7f7f7f;font-size:10px}.join-input{text-align:center;letter-spacing:8px;width:100%;color:var(--gold);background:#252538;border:3px solid #3a3a4e;border-color:#1a1a2e #3a3a4e #3a3a4e #1a1a2e;outline:none;padding:16px;font-family:"Press Start 2P",monospace;font-size:24px}.join-input:focus{border-color:var(--gold)}.join-input::placeholder{color:#4a4a5e}.join-error{color:#c30;font-size:8px}.join-button{width:100%}.lobby-content::-webkit-scrollbar{display:none}@media (width<=480px){.lobby-code{font-size:36px}}.result-screen{background:var(--night);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.result-stars{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.result-star{background:var(--white);width:4px;height:4px;animation:2s infinite twinkle;position:absolute}.result-xp-bar{background:#1a1a1a;border:3px solid #0a0a0a;height:20px;position:absolute;top:20px;left:20px;right:20px;overflow:hidden}.result-xp-fill{background:linear-gradient(#7ee064 0%,#5dae42 50%,#4a9030 100%);height:100%;transition:width 1s ease-out;box-shadow:inset 0 2px #ffffff4d}.result-content{z-index:1;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.result-label{color:var(--stone);letter-spacing:2px;font-size:10px}.result-food{position:relative}.result-food-frame{border:6px solid #000;border-color:#444 #000 #000 #444;justify-content:center;align-items:center;width:180px;height:180px;display:flex}.result-name{color:var(--gold);text-shadow:4px 4px 0 var(--shadow);text-align:center;font-size:24px}.result-subtitle{color:var(--grass);font-size:10px}.perfect-match-badge{background:var(--gold);color:#000;border:3px solid #000;padding:4px 12px;font-size:8px;animation:1s infinite pulse;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.result-actions{flex-direction:column;gap:16px;margin-top:20px;display:flex}.achievement-toast{z-index:100;background:#4a3728;border:4px solid #2a1708;align-items:center;gap:12px;padding:12px 16px;animation:.3s ease-out slideInFromRight,.3s ease-in 2.7s forwards slideOutToRight;display:flex;position:absolute;top:60px;right:20px}.achievement-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.achievement-text{flex-direction:column;gap:4px;display:flex}.achievement-title{color:var(--gold);font-size:8px}.achievement-subtitle{color:var(--white);font-size:6px}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(120%)}}@media (width<=480px){.result-name{font-size:18px}.result-food-frame{width:140px;height:140px}.achievement-toast{left:10px;right:10px}}.app{width:100%;height:100%;overflow:hidden}