:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#121212;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{min-height:100%;margin:0;padding:0}body{background:#121212;min-width:320px;min-height:100vh;margin:0;padding:0}button{font-family:inherit}#root{width:100%;min-height:100vh}.game{color:#fff;background:#121212;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:24px 12px 40px;display:flex}.game h1{text-align:center;margin:12px 0 16px;font-size:32px}.turn-indicator{text-align:center;min-height:30px;margin:10px 0 14px;font-size:24px}.player-legend{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.player-chip{color:var(--player-color);background:#202020;border:1px solid #444;border-radius:9px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;font-weight:700;display:flex}.player-chip img{object-fit:contain;width:25px;height:25px}.player-chip-active{border-color:var(--player-color);box-shadow:0 0 10px var(--player-color)}.sound-toolbar{justify-content:center;margin-top:14px;display:flex}.sound-toggle{color:#eee;cursor:pointer;background:#292929;border:1px solid #555;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.sound-toggle:hover{background:#383838}.sound-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.status{color:#bbb;min-height:18px;margin:10px 0;font-size:13px}.board-container{flex-shrink:0;width:min(90vw,420px);position:relative}.board{aspect-ratio:6/9;background:#202020;border:2px solid #555;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.cell{cursor:pointer;appearance:none;background:#202020;border:1px solid #555;border-radius:0;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.cell-owned{box-shadow:inset 0 0 9px -5px var(--player-color)}.cell:hover:not(:disabled){background:#303030}.cell:disabled{cursor:default;opacity:1}.cell:focus-visible{outline-offset:-3px;outline:2px solid #fff}.food-cluster{transform-origin:50%;pointer-events:none;flex:none;width:44px;height:44px;animation:3.2s linear infinite food-orbit;display:block;position:relative}.cluster-1{animation:2.8s ease-in-out infinite food-breathe}.cluster-2{animation-duration:3.2s}.cluster-3{animation-duration:2.8s}.cluster-2.cluster-critical,.cluster-3.cluster-critical{animation-duration:2s}.cluster-1.cluster-critical{animation:2s ease-in-out infinite food-breathe}.food-piece{object-fit:contain;width:25px;height:25px;filter:drop-shadow(0 0 2px var(--player-color));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:1.15s ease-in-out infinite alternate food-wobble;position:absolute}.cluster-1 .piece-1{width:28px;height:28px;top:8px;left:8px}.cluster-2 .piece-1{top:9px;left:1px}.cluster-2 .piece-2{animation-delay:-.4s;top:10px;left:18px}.cluster-3 .piece-1{top:0;left:10px}.cluster-3 .piece-2{animation-delay:-.3s;top:18px;left:0}.cluster-3 .piece-3{animation-delay:-.6s;top:18px;left:20px}@keyframes food-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes food-breathe{0%,to{transform:scale(.94)}50%{transform:scale(1.06)}}@keyframes food-wobble{0%{transform:translate(-1px,1px)rotate(-5deg)scale(.98)}to{transform:translate(1px,-1px)rotate(5deg)scale(1.02)}}.cell-bursting{background:#282828}.particle-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.flying-food{left:var(--start-x);top:var(--start-y);object-fit:contain;width:25px;height:25px;filter:drop-shadow(0 0 4px var(--player-color));margin-top:-12.5px;margin-left:-12.5px;animation:.23s linear forwards food-fly;position:absolute}@keyframes food-fly{0%{left:var(--start-x);top:var(--start-y);transform:scale(1.15)rotate(0)}to{left:var(--end-x);top:var(--end-y);transform:scale(.95)rotate(180deg)}}.reset{color:#fff;cursor:pointer;background:#444;border:none;border-radius:8px;margin-top:25px;padding:12px 25px;font-size:15px;font-weight:600}.reset:hover{background:#555}.victory-overlay{z-index:10;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.victory-banner{text-align:center;background:#252525;border:2px solid #d4af37;border-radius:16px;width:100%;max-width:350px;padding:24px 18px;animation:.4s ease-out victory-appear;box-shadow:0 0 35px #d4af3733}.victory-trophy{margin-bottom:8px;font-size:48px}.victory-banner h2{color:gold;margin:8px 0;font-size:30px}.winner-food{object-fit:contain;width:90px;height:90px;margin:10px auto;animation:1.8s ease-in-out infinite winner-bounce;display:block}.victory-banner p{margin:12px 0 8px;font-size:24px;font-weight:700}.victory-subtitle{color:#ccc;margin-bottom:22px;font-size:14px;display:block}.play-again{color:#121212;cursor:pointer;background:#d4af37;border:none;border-radius:8px;padding:13px 30px;font-size:16px;font-weight:700}.play-again:hover{background:#f0cc64}@keyframes victory-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes winner-bounce{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-8px)rotate(5deg)}}.credits{text-align:center;color:#888;max-width:420px;margin-top:28px;font-size:11px}.credits p{margin:0 0 8px}.credits a{color:#aaa;margin:3px 6px;text-decoration:underline;display:inline-block}.credits a:hover{color:#fff}@media (width<=480px){.game h1{font-size:26px}.turn-indicator{font-size:20px}.board-container{width:min(94vw,420px)}.food-cluster{width:40px;height:40px}.food-piece{width:23px;height:23px}}@media (prefers-reduced-motion:reduce){.food-cluster,.food-piece,.flying-food,.victory-banner,.winner-food{animation:none}}.home-screen{color:#fff;background:#121212;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.home-content{text-align:center;width:100%;max-width:460px}.home-food-icons{justify-content:center;gap:12px;margin-bottom:22px;display:flex}.home-food-icons img{object-fit:contain;width:64px;height:64px;animation:3s ease-in-out infinite home-float}.home-food-icons img:nth-child(2){animation-delay:.4s}.home-food-icons img:nth-child(3){animation-delay:.8s}.home-food-icons img:nth-child(4){animation-delay:1.2s}.home-content h1{color:#0c6;letter-spacing:2px;margin:0;font-size:clamp(36px,8vw,54px)}.home-subtitle{color:#bbb;margin:12px 0 32px}.home-menu{flex-direction:column;gap:14px;display:flex}.home-menu button,.home-panel button{color:#fff;cursor:pointer;background:#252525;border:1px solid #444;border-radius:12px;padding:16px 20px;font-size:18px;font-weight:600}.home-menu button:hover,.home-panel button:hover{background:#303030;border-color:#0c6}.home-panel{background:#222;border:1px solid #444;border-radius:16px;padding:24px}.home-panel h2{margin-top:0;font-size:24px}.home-panel p{color:#bbb;line-height:1.6}.home-panel button{width:100%;margin-top:14px}.home-back-button{z-index:20;color:#fff;cursor:pointer;background:#252525;border:1px solid #555;border-radius:8px;padding:10px 14px;position:fixed;top:12px;left:12px}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.home-food-icons img{animation:none}}.online-screen{color:#fff;background:#121212;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.online-card{text-align:center;background:#202020;border:1px solid #404040;border-radius:18px;width:100%;max-width:480px;padding:28px}.online-card h1{color:#0c6;margin:12px 0 4px;font-size:clamp(26px,6vw,36px)}.online-subtitle{color:#aaa;margin:0 0 28px}.online-back{color:#fff;cursor:pointer;background:#292929;border:1px solid #444;border-radius:8px;padding:8px 12px;display:block}.online-form{text-align:left;flex-direction:column;gap:12px;display:flex}.online-form h2{text-align:center;margin:0 0 12px}.online-form label{color:#ccc;font-size:14px}.online-form input{box-sizing:border-box;color:#fff;background:#151515;border:1px solid #555;border-radius:10px;outline:none;width:100%;padding:14px;font-size:17px}.online-form input:focus{border-color:#0c6}.online-primary{color:#fff;cursor:pointer;background:#00a854;border:none;border-radius:10px;margin-top:12px;padding:15px;font-size:17px;font-weight:700}.online-primary:hover{background:#00c765}.online-primary:disabled{opacity:.5;cursor:wait}.online-label{color:#aaa;letter-spacing:2px;margin-bottom:8px;font-size:12px}.online-code{letter-spacing:5px;color:#fc0;overflow-wrap:anywhere;font-size:clamp(36px,9vw,52px);font-weight:800}.online-copy{color:#fff;cursor:pointer;background:#303030;border:1px solid #555;border-radius:8px;margin:14px 0;padding:10px 18px}.online-status{margin:12px 0 4px}.online-detail{color:#aaa;font-size:13px}.online-players-heading{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.online-players-heading h2{margin:0;font-size:21px}.online-players-heading span{color:#0c6;font-weight:700}.online-players{flex-direction:column;gap:9px;margin-top:12px;display:flex}.online-player{text-align:left;background:#2c2c2c;border:1px solid #444;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.online-player-state{white-space:nowrap;font-size:12px}.online-empty{color:#999;padding:18px}.online-hint{color:#aaa;margin-top:20px;font-size:14px;line-height:1.5}.online-host-note{color:#fc0;font-weight:700}.online-coming{color:#bbb;background:#282828;border:1px dashed #555;border-radius:10px;margin-top:24px;padding:14px;font-size:14px}.online-error{color:#faa;background:#4a2020;border:1px solid #a44;border-radius:8px;margin-top:16px;padding:12px}@media (width<=480px){.online-card{padding:18px}.online-player{padding:10px}}.online-match-screen{color:#f8f8f8;box-sizing:border-box;background:radial-gradient(at 50% 0,#172b22 0%,#111413 44%,#0d0f0e 100%);min-height:100vh;padding:14px 16px 36px}.online-match-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:980px;margin:0 auto 12px;display:flex}.online-match-brand{letter-spacing:.07em;color:#03d276;font-size:16px;font-weight:900}.online-match-brand span{color:#929b96;font-size:11px}.online-match-room{color:#aeb7b1;font-size:12px}.online-match-leave{color:#fff;cursor:pointer;background:#242b27;border:1px solid #505752;border-radius:8px;padding:9px 14px}.online-match-leave:hover{background:#38423b}.online-match-screen .online-error{max-width:580px;margin:10px auto}@media (width<=560px){.online-match-brand{font-size:13px}.online-match-topbar{gap:8px}}.fb-spectator-counter{color:#f4fbff;white-space:nowrap;background:#122a40;border:1px solid #338fce;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.fb-spectator-counter strong{font-variant-numeric:tabular-nums;font-size:16px}.fb-spectator-counter span{color:#a9d9ff}.fb-spectator-banner{color:#d9efff;text-align:center;box-sizing:border-box;background:linear-gradient(120deg,#122e48,#162333);border:1px solid #409cda;border-radius:12px;max-width:510px;margin:12px auto 16px;padding:13px 16px;font-size:13px;line-height:1.5}.fb-spectator-banner-title{color:#fff;letter-spacing:.05em;margin-bottom:3px;font-size:16px;font-weight:900}@media (width<=560px){.fb-spectator-counter{padding:5px 9px}.fb-spectator-banner{margin:8px auto 12px}}.fb-scores{color:#fff;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;width:100%;max-width:920px;margin:16px auto;display:grid}.fb-leaderboard{background:#161b2c;border:1px solid #4a526a;border-radius:14px;min-width:0;padding:14px}.fb-leaderboard h3{margin:0 0 12px;font-size:1.05rem}.fb-leaderboard p{opacity:.8}.fb-score-scroll{overflow-x:auto}.fb-leaderboard table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.84rem}.fb-leaderboard th,.fb-leaderboard td{text-align:left;border-bottom:1px solid #343b51;padding:8px 6px}.fb-leaderboard th{color:#b8c4db}.fb-score-me{color:#ffcf5b;font-weight:700}.fb-rematch{text-align:center;margin:10px auto}.fb-rematch button{color:#071b14;cursor:pointer;background:#20b971;border:0;border-radius:12px;padding:12px 20px;font-weight:800}.fb-rematch button:disabled{opacity:.5;cursor:not-allowed}.online-match-screen{background:#121212}.online-original.game{background:#121212;min-height:0;padding-top:4px}.online-original .player-chip{max-width:180px}.online-original .player-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-original .board-container{width:min(90vw,420px)}.online-original .board{aspect-ratio:6/9}@media (width<=480px){.online-original .board-container{width:min(94vw,420px)}}