*{box-sizing:border-box}html,body{background:#111923;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}#app{width:100%;height:100%}#webgl{outline:none;width:100%;height:100%;position:fixed;inset:0}#loading-screen{z-index:100;color:#fff;background:radial-gradient(circle,#1e2a37d1,#080c10f5);justify-content:center;align-items:center;transition:opacity .85s,transform .85s;display:flex;position:fixed;inset:0}.start-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f15c2;border:1px solid #ffffff1f;border-radius:28px;width:min(520px,100% - 40px);padding:45px 40px;box-shadow:0 30px 100px #00000073}.start-label{letter-spacing:4px;color:#91a4b5;margin-bottom:18px;font-size:11px;font-weight:800}.start-card h1{letter-spacing:-4px;margin:0 0 20px;font-size:clamp(44px,6vw,78px);font-weight:900;line-height:.88}.start-card h1 span{color:#cfd7dc;display:block}.start-card p{color:#aeb9c2;max-width:410px;margin:0 auto 28px;font-size:15px;line-height:1.65}#start-button{cursor:pointer;color:#10151a;letter-spacing:1.4px;background:#f1f0eb;border:1px solid #fff3;border-radius:999px;padding:17px 30px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s}#start-button:hover{background:#fff;transform:translateY(-2px)scale(1.025);box-shadow:0 14px 40px #ffffff26}#start-button:active{transform:scale(.97)}#start-button:disabled{cursor:default;opacity:.75}.controls-info{color:#778894;letter-spacing:1px;margin-top:22px;font-size:10px;font-weight:700}.controls-info span{color:#d6dde1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;margin:0 6px 0 12px;padding:5px 8px;display:inline-block}#loading-screen.starting{opacity:0;pointer-events:none;transform:scale(1.05)}#loading-screen.hidden{display:none}@media (width<=600px){.start-card{padding:36px 22px}.start-card h1{letter-spacing:-2px}.controls-info{line-height:2.4}}.snake-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;z-index:99999;background:radial-gradient(circle,#163224e0,#030706f7);justify-content:center;align-items:center;padding:24px;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.snake-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.snake-machine{background:linear-gradient(145deg,#0b1210,#060908);border:1px solid #6cffa640;border-radius:28px;width:min(1180px,96vw);max-height:94vh;padding:26px;overflow-y:auto;box-shadow:0 35px 100px #000000bf}.snake-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.snake-eyebrow{color:#67ef9d;letter-spacing:4px;font-size:11px;font-weight:900}.snake-top h1{color:#fff;margin:4px 0 0;font-size:clamp(40px,6vw,76px);line-height:.95}.snake-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;width:46px;height:46px;font-size:20px;transition:transform .2s,background .2s}.snake-close:hover{background:#ffffff1f;transform:scale(1.08)}.snake-content{grid-template-columns:minmax(0,1fr) 300px;gap:22px;display:grid}.snake-game-area{min-width:0}.snake-hud{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.snake-hud>div{background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;padding:12px 15px}.snake-hud span{color:#798b82;letter-spacing:2px;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.snake-hud strong{color:#fff;font-size:21px}.snake-screen{background:#041008;border:1px solid #60ff9b33;border-radius:18px;justify-content:center;align-items:center;min-height:450px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #33ff780d}#snake-canvas{width:100%;max-width:100%;height:auto;image-rendering:pixelated;display:block}.snake-start-screen,.snake-game-over{text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;background:#030a07eb;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:none;position:absolute;inset:0}.snake-start-screen.active,.snake-game-over.active{display:flex}.snake-logo{color:#68ff9f;letter-spacing:10px;text-shadow:0 0 30px #3cff828c;font-size:clamp(44px,8vw,88px);font-weight:1000}.snake-start-screen p{color:#aabbb2;max-width:420px;line-height:1.6}.snake-start-screen label{color:#6edc96;text-align:left;letter-spacing:2px;width:min(360px,100%);margin:20px 0 7px;font-size:10px;font-weight:900}#snake-name{color:#fff;background:#0a1510;border:1px solid #6dffa040;border-radius:12px;outline:none;width:min(360px,100%);padding:15px 17px;font-size:16px}#snake-name:focus{border-color:#61f697;box-shadow:0 0 0 3px #4cff8b1a}#snake-name.error{border-color:#ff526c}.snake-primary-button,.snake-secondary-button{cursor:pointer;letter-spacing:.5px;border-radius:999px;margin-top:14px;padding:13px 22px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s}.snake-primary-button{color:#061009;background:linear-gradient(135deg,#47e87f,#74ffab);border:0;box-shadow:0 10px 30px #47e87f2e}.snake-primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #47e87f47}.snake-secondary-button{color:#fff;background:#ffffff0d;border:1px solid #ffffff24}.snake-secondary-button:hover{transform:translateY(-2px)}.snake-controls{color:#73837b;margin-top:18px;font-size:12px}.snake-controls span{color:#d8e2dc;border:1px solid #ffffff1c;border-radius:6px;margin:0 5px;padding:5px 8px;display:inline-block}.snake-scoreboard{background:#ffffff09;border:1px solid #ffffff17;border-radius:18px;padding:20px}.snake-scoreboard-title{color:#fff;letter-spacing:1px;margin-bottom:17px;font-size:16px;font-weight:900}.snake-score-row{color:#bbc9c1;border-bottom:1px solid #ffffff0f;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 8px;display:grid}.snake-score-row.winner{color:#7bffad;background:#49ff8c0f}.snake-rank{color:#617169}.snake-score-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snake-score-help{color:#6f7e77;margin-top:22px;font-size:12px;line-height:1.7}.snake-score-help strong{color:#72ed9f}.snake-empty-score{color:#66766e;text-align:center;padding:30px 10px;line-height:1.7}.snake-small-label{color:#ff5571;letter-spacing:4px;font-size:11px;font-weight:900}.snake-final-score{color:#fff;margin-top:10px;font-size:clamp(70px,13vw,130px);font-weight:1000;line-height:.9}.snake-points{color:#718078;letter-spacing:4px;font-size:11px}.snake-new-record{color:#77ffab;min-height:32px;margin-top:17px;font-size:18px;font-weight:900}@media (width<=850px){.snake-overlay{padding:10px}.snake-content{grid-template-columns:1fr}.snake-scoreboard{display:none}.snake-machine{width:98vw;padding:16px}.snake-screen{min-height:420px}}@media (width<=520px){.snake-hud{grid-template-columns:1fr 1fr 1fr}.snake-hud strong{font-size:15px}.snake-hud>div{padding:9px}.snake-top h1{font-size:42px}.snake-logo{letter-spacing:5px;font-size:45px}}.arcade-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;z-index:99990;background:#03070ae0;justify-content:center;align-items:center;padding:24px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.arcade-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.arcade-window{color:#fff;background:#080e14;border:1px solid #ffffff1f;border-radius:24px;width:min(860px,95vw);max-height:92vh;font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:0 35px 100px #000000b3}.arcade-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.arcade-brand{align-items:center;gap:12px;display:flex}.arcade-logo{color:#07100b;background:linear-gradient(135deg,#cfff36,#45b9ff);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:1000;display:flex}.arcade-brand strong{font-size:15px;display:block}.arcade-brand small{color:#667684;letter-spacing:1.3px;margin-top:4px;font-size:8px;font-weight:800;display:block}.arcade-close{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;width:38px;height:38px;font-size:18px}.arcade-close:hover{background:#ffffff1a}.mikai-body{flex-direction:column;height:min(620px,74vh);display:flex}.mikai-messages{flex:1;padding:20px;overflow-y:auto}.mikai-message{border:1px solid #ffffff1a;border-radius:16px;max-width:76%;margin-bottom:14px;padding:13px 15px;font-size:14px;line-height:1.55}.mikai-message.ai{background:#101923;margin-right:auto}.mikai-message.user{color:#061009;background:#cfff36;border-color:#cfff36;margin-left:auto}.mikai-buttons{flex-wrap:wrap;gap:8px;padding:0 20px 16px;display:flex}.mikai-chip{color:#aebbc5;cursor:pointer;background:#0d151d;border:1px solid #ffffff1c;border-radius:999px;padding:8px 13px;font-size:11px}.mikai-chip:hover{color:#cfff36;border-color:#cfff36}.mikai-input-area{border-top:1px solid #ffffff17;gap:9px;padding:14px;display:flex}.mikai-input{color:#fff;background:#0d151e;border:1px solid #ffffff1f;border-radius:13px;outline:none;flex:1;min-width:0;padding:14px 15px;font-size:14px}.mikai-input:focus{border-color:#cfff36}.mikai-send{color:#07100b;cursor:pointer;background:#d7ff2f;border:0;border-radius:13px;width:52px;font-size:19px;font-weight:900}.contact-body{padding:28px}.contact-profile{align-items:center;gap:18px;margin-bottom:26px;display:flex}.contact-photo{color:#07100b;background:linear-gradient(135deg,#cfff36,#50a9ff);border:2px solid #ffffff24;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-size:26px;font-weight:1000;display:flex;overflow:hidden}.contact-photo img{object-fit:cover;width:100%;height:100%}.contact-profile h2{margin:0 0 6px;font-size:26px}.contact-profile p{color:#85939e;margin:0;line-height:1.5}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-card{color:#fff;background:#ffffff09;border:1px solid #ffffff17;border-radius:16px;padding:17px;text-decoration:none;display:block}.contact-card:hover{background:#cfff360a;border-color:#cfff3666}.contact-card small{color:#67747e;letter-spacing:1.5px;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.contact-card strong{font-size:14px}.hall-of-fame{background:linear-gradient(135deg,#ffd54a12,#ffffff05);border:1px solid #ffd54a3d;border-radius:18px;margin-top:26px;padding:20px}.hall-label{color:#ffd54a;letter-spacing:2px;margin-bottom:14px;font-size:10px;font-weight:1000}.best-player{grid-template-columns:56px 1fr auto;align-items:center;gap:13px;display:grid}.best-number{color:#ffd54a;font-size:34px;font-weight:1000}.best-player-name{font-size:20px;font-weight:900}.best-player-caption{color:#77848d;margin-top:3px;font-size:10px}.best-player-score{color:#cfff36;font-size:28px;font-weight:1000}@media (width<=620px){.arcade-overlay{padding:8px}.arcade-window{width:100%}.contact-grid{grid-template-columns:1fr}.mikai-message{max-width:90%}.best-player{grid-template-columns:44px 1fr}.best-player-score{grid-column:2}}