.game-pixel-snake{color:#262c45;background:#f7f5eb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.game-pixel-snake *{box-sizing:border-box}.game-pixel-snake button,.game-pixel-snake input{font:inherit}.game-pixel-snake button{cursor:pointer}.game-pixel-snake a{color:inherit;text-decoration:none}.game-pixel-snake .snake-shell{background:radial-gradient(circle at 95% 12%,#fff0d6,#0000 30%),#f7f5eb;min-height:100vh;padding:22px clamp(16px,3vw,50px) 28px}.game-pixel-snake .snake-topbar{color:#8e929b;letter-spacing:1.5px;border-bottom:1px solid #d9d9d0;justify-content:space-between;align-items:center;max-width:1550px;height:72px;margin:auto;font:900 11px Courier New,monospace;display:flex}.game-pixel-snake .snake-brand{color:#272d46;letter-spacing:0;align-items:center;gap:8px;font:900 22px Courier New,monospace;display:flex}.game-pixel-snake .snake-brand:first-letter{color:#91bfa4}.game-pixel-snake .snake-brand b{color:#ee8c74}.game-pixel-snake .snake-layout{grid-template-columns:minmax(250px,.8fr) minmax(400px,640px) minmax(180px,.55fr);align-items:start;gap:clamp(18px,3vw,50px);max-width:1550px;margin:35px auto 0;display:grid}.game-pixel-snake .snake-intro{padding-top:35px}.game-pixel-snake .snake-kicker,.game-pixel-snake .snake-how b,.game-pixel-snake .snake-form label,.game-pixel-snake .snake-form small,.game-pixel-snake .snake-game-head span,.game-pixel-snake .snake-game-head button,.game-pixel-snake .snake-game-foot,.game-pixel-snake .snake-stat span,.game-pixel-snake .snake-stat small,.game-pixel-snake .snake-arcade-link,.game-pixel-snake .snake-room-head span,.game-pixel-snake .snake-share>span,.game-pixel-snake .snake-share small,.game-pixel-snake .snake-player-list h3,.game-pixel-snake .snake-join label{letter-spacing:1.1px;font:900 11px Courier New,monospace}.game-pixel-snake .snake-kicker{color:#eb8c73}.game-pixel-snake .snake-intro h1{letter-spacing:-4px;margin:22px 0 18px;font-size:clamp(48px,4vw,72px);line-height:1.02}.game-pixel-snake .snake-intro h1 em{color:#e88970;font-style:normal}.game-pixel-snake .snake-intro>p:not(.snake-kicker):not(.snake-error){color:#858996;max-width:355px;font-size:16px;line-height:1.6}.game-pixel-snake .snake-how{background:#fffdf6;border:1px solid #e2e2d9;margin:30px 0;padding:18px 20px;box-shadow:5px 5px #e6e5d9}.game-pixel-snake .snake-how b{color:#28314a}.game-pixel-snake .snake-how p{color:#7f8490;margin:13px 0 0;font-size:13px;line-height:1.5}.game-pixel-snake .snake-form{flex-direction:column;gap:9px;display:flex}.game-pixel-snake .snake-form label{color:#7f8490}.game-pixel-snake .snake-form input,.game-pixel-snake .snake-join input{color:#28314a;background:#fffdf6;border:2px solid #dadbd1;outline:0;padding:13px 12px}.game-pixel-snake .snake-form input:focus,.game-pixel-snake .snake-join input:focus{border-color:#83b99e}.game-pixel-snake .snake-form button,.game-pixel-snake .snake-join button{color:#253149;letter-spacing:1px;background:#ed9177;border:0;min-height:48px;font:900 12px Courier New,monospace;box-shadow:0 5px #b66960}.game-pixel-snake .snake-form small{color:#a3a2a5;margin-top:4px;font-size:9px}.game-pixel-snake .snake-error{color:#ba5054;font-size:12px;font-weight:700}.game-pixel-snake .snake-game{background:#263047;padding:18px;box-shadow:12px 12px #e3e2d9}.game-pixel-snake .snake-game-head{color:#f9f4e9;align-items:start;gap:25px;height:75px;padding:4px 4px 12px;display:flex}.game-pixel-snake .snake-game-head>div{flex-direction:column;gap:4px;display:flex}.game-pixel-snake .snake-game-head span{color:#9fc7ae}.game-pixel-snake .snake-game-head strong{font:900 30px Courier New,monospace}.game-pixel-snake .snake-game-head button{color:#f9f4e9;background:#344258;border:1px solid #617187;margin-left:auto;padding:9px 11px;font-size:10px}.game-pixel-snake .snake-board-wrap{background:#182238;border:3px solid #51647a;padding:7px;position:relative}.game-pixel-snake .snake-board{grid-template-columns:repeat(var(--grid),minmax(0,1fr));grid-template-rows:repeat(var(--grid),minmax(0,1fr));aspect-ratio:1;background:#1c263a;gap:2px;width:100%;display:grid}.game-pixel-snake .snake-cell{background:#303e54;place-items:center;min-width:0;min-height:0;display:grid;position:relative;box-shadow:inset 1px 1px #42546c}.game-pixel-snake .snake-cell:nth-child(odd){background:#2c3b51}.game-pixel-snake .snake-cell.occupied{background:#f18e79;box-shadow:inset 3px 3px #ffc0a3,inset -3px -3px #b76560}.game-pixel-snake .snake-cell.mint{background:#8cc9ad;box-shadow:inset 3px 3px #b9e4c9,inset -3px -3px #5c9d8d}.game-pixel-snake .snake-cell.gold{background:#f2c472;box-shadow:inset 3px 3px #ffe0a0,inset -3px -3px #c59a5e}.game-pixel-snake .snake-cell.lilac{background:#c2a9d6;box-shadow:inset 3px 3px #dfc8e7,inset -3px -3px #937baa}.game-pixel-snake .snake-cell.dead{opacity:.3}.game-pixel-snake .snake-cell.head{z-index:1;border:2px solid #fff8e9}.game-pixel-snake .snake-cell.head i{background:#263047;width:36%;height:20%;box-shadow:8px 0 #263047}.game-pixel-snake .snake-cell.food span{color:#fac66e;text-shadow:2px 2px #a55d58;font-size:clamp(12px,2vw,22px);line-height:1}.game-pixel-snake .snake-overlay{background:#172238ae;place-items:center;padding:25px;display:grid;position:absolute;inset:0}.game-pixel-snake .snake-overlay-card{text-align:center;background:#fffaf0;border:6px solid #263047;width:100%;max-width:370px;padding:30px 24px;box-shadow:7px 7px #141d30}.game-pixel-snake .snake-overlay-card>span{color:#efb16a;font-size:36px}.game-pixel-snake .snake-overlay-card h2{margin:9px 0;font:900 clamp(20px,2.5vw,30px) Courier New,monospace}.game-pixel-snake .snake-overlay-card p{color:#85848f;font-size:13px;line-height:1.45}.game-pixel-snake .snake-overlay-card button{color:#263047;background:#ed9177;border:0;margin-top:8px;padding:14px 23px;font:900 13px Courier New,monospace;box-shadow:0 5px #b66960}.game-pixel-snake button:disabled{opacity:.5;cursor:not-allowed}.game-pixel-snake .snake-mobile-controls{display:none}.game-pixel-snake .snake-game-foot{color:#99a8b6;justify-content:space-between;gap:12px;padding:17px 3px 3px;font-size:9px;display:flex}.game-pixel-snake .snake-game-foot button{color:#f5bc78;font:inherit;background:0 0;border:0}.game-pixel-snake .snake-side{padding-top:75px}.game-pixel-snake .snake-stat{background:#fffdf6;border:1px solid #e4e1d8;flex-direction:column;gap:7px;padding:20px;display:flex;box-shadow:5px 5px #e5e3da}.game-pixel-snake .snake-stat span,.game-pixel-snake .snake-stat small{color:#9a99a1}.game-pixel-snake .snake-stat strong{font:900 42px Courier New,monospace}.game-pixel-snake .snake-note{background:#d9ece1;margin:22px 0;padding:23px;box-shadow:5px 5px #d1e2d9}.game-pixel-snake .snake-note>span{color:#589a7d;font-size:27px}.game-pixel-snake .snake-note h3{margin:12px 0;font-size:21px;line-height:1.1}.game-pixel-snake .snake-note p{color:#668275;font-size:12px;line-height:1.5}.game-pixel-snake .snake-arcade-link{color:#8b8e95}.game-pixel-snake .snake-room-id{color:#567d69;background:#e0eee4;padding:10px 12px}.game-pixel-snake .snake-room-layout{grid-template-columns:minmax(350px,770px) minmax(240px,340px);align-items:start;gap:30px;max-width:1250px;margin:30px auto;display:grid}.game-pixel-snake .snake-room-main{background:#263047;padding:18px;box-shadow:10px 10px #e3e2d9}.game-pixel-snake .snake-room-head{color:#fff7ea;justify-content:space-between;align-items:center;gap:15px;min-height:78px;display:flex}.game-pixel-snake .snake-room-head span{color:#96c9a9}.game-pixel-snake .snake-room-head h1{margin:5px 0 0;font-size:clamp(20px,2.5vw,30px)}.game-pixel-snake .snake-room-head strong{font:900 25px Courier New,monospace}.game-pixel-snake .snake-room-side{flex-direction:column;gap:17px;display:flex}.game-pixel-snake .snake-share,.game-pixel-snake .snake-player-list,.game-pixel-snake .snake-join{background:#fffdf6;border:1px solid #e3dfd6;padding:20px;box-shadow:5px 5px #e6e2d9}.game-pixel-snake .snake-share>span,.game-pixel-snake .snake-share small{color:#93939a}.game-pixel-snake .snake-share h2{letter-spacing:4px;margin:9px 0 15px;font:900 37px Courier New,monospace}.game-pixel-snake .snake-share button{color:#263047;background:#ed9177;border:0;width:100%;padding:13px 8px;font:900 11px Courier New,monospace;box-shadow:0 4px #b66960}.game-pixel-snake .snake-share small{margin-top:15px;font-size:9px;display:block}.game-pixel-snake .snake-join{flex-direction:column;gap:9px;display:flex}.game-pixel-snake .snake-join label{color:#90909a}.game-pixel-snake .snake-player-list h3{justify-content:space-between;margin:0 0 15px;display:flex}.game-pixel-snake .snake-player{border-top:1px solid #ece9e1;align-items:center;gap:9px;padding:11px 0;font-size:12px;font-weight:700;display:flex}.game-pixel-snake .snake-player i{background:#ed9177;width:12px;height:12px}.game-pixel-snake .snake-player i.mint{background:#8cc9ad}.game-pixel-snake .snake-player i.gold{background:#f2c472}.game-pixel-snake .snake-player i.lilac{background:#c2a9d6}.game-pixel-snake .snake-player strong{margin-left:auto;font:900 16px Courier New,monospace}.game-pixel-snake .snake-hint{color:#8d929b;font-size:12px;line-height:1.5}.game-pixel-snake .snake-loading{text-align:center;max-width:700px;margin:70px auto;font:900 19px Courier New,monospace}.game-pixel-snake .snake-loading p{color:#838894;font:14px Arial,sans-serif}.game-pixel-snake .snake-loading a{color:#e88970}@media (width<=1150px){.game-pixel-snake .snake-layout{grid-template-columns:minmax(240px,1fr) minmax(420px,1.5fr)}.game-pixel-snake .snake-side{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:20px;padding:0;display:grid}.game-pixel-snake .snake-note{margin:0}}@media (width<=770px){.game-pixel-snake .snake-layout,.game-pixel-snake .snake-room-layout{grid-template-columns:1fr}.game-pixel-snake .snake-intro{padding:0}.game-pixel-snake .snake-intro h1{font-size:52px}.game-pixel-snake .snake-game{width:100%;max-width:640px;margin:auto}.game-pixel-snake .snake-room-main,.game-pixel-snake .snake-room-side,.game-pixel-snake .snake-side{width:100%;max-width:650px;margin:auto}.game-pixel-snake .snake-mobile-controls{justify-content:center;align-items:center;gap:25px;padding:15px;display:flex}.game-pixel-snake .snake-mobile-controls>div{flex-direction:column;gap:6px;display:flex}.game-pixel-snake .snake-mobile-controls button{color:#263047;touch-action:manipulation;background:#f6c378;border:0;min-width:54px;min-height:48px;font-size:23px;font-weight:900}}@media (width<=480px){.game-pixel-snake .snake-shell{padding:12px}.game-pixel-snake .snake-topbar{height:58px;font-size:9px}.game-pixel-snake .snake-brand{font-size:17px}.game-pixel-snake .snake-layout{margin-top:22px}.game-pixel-snake .snake-intro h1{font-size:44px}.game-pixel-snake .snake-game,.game-pixel-snake .snake-room-main{padding:9px;box-shadow:5px 5px #e3e2d9}.game-pixel-snake .snake-board-wrap{border-width:2px;padding:4px}.game-pixel-snake .snake-board{gap:1px}.game-pixel-snake .snake-cell.occupied{box-shadow:inset 1px 1px #ffc0a3,inset -1px -1px #b76560}.game-pixel-snake .snake-cell.head{border-width:1px}.game-pixel-snake .snake-cell.head i{box-shadow:5px 0 #263047}.game-pixel-snake .snake-game-head{gap:14px;height:65px}.game-pixel-snake .snake-game-head strong{font-size:21px}.game-pixel-snake .snake-game-head button{padding:7px;font-size:8px}.game-pixel-snake .snake-game-foot{font-size:8px}.game-pixel-snake .snake-side{grid-template-columns:1fr}.game-pixel-snake .snake-overlay-card{border-width:4px;padding:14px}.game-pixel-snake .snake-overlay-card h2{font-size:18px}.game-pixel-snake .snake-overlay-card p{font-size:11px}.game-pixel-snake .snake-overlay-card button{padding:9px 12px;font-size:10px}.game-pixel-snake .snake-room-head h1{font-size:19px}.game-pixel-snake .snake-room-head strong{font-size:18px}}