.menu-page{background-image:var(--menu-bg);background-color:#0b1b2b;background-position:0 12%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:relative;overflow:hidden}.menu-overlay{pointer-events:none;background:radial-gradient(circle at 18% 35%,#0000002e,#0000 55%),linear-gradient(90deg,#00000038 0%,#0000001a 30%,#0000 60%);position:absolute;inset:0}.menu-profile-tile{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#051423a6;border:1px solid #ffffff52;border-radius:12px;align-items:center;gap:10px;min-width:160px;padding:8px 10px;transition:transform .12s,background-color .12s,border-color .12s;display:flex;position:absolute;top:18px;right:18px}.menu-profile-tile:hover{background:#081c30c7;border-color:#ffffff8c;transform:translateY(-1px)}.menu-profile-tile:active{transform:translateY(0)scale(.98)}.menu-profile-tile:focus-visible{outline-offset:2px;outline:3px solid #ffffffbf}.menu-profile-avatar{color:#fff;background:linear-gradient(145deg, var(--avatar-start), var(--avatar-end));border-radius:9px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid;box-shadow:0 6px 16px #0000005c}.menu-profile-meta{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.menu-profile-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb8;font-size:11px}.menu-profile-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:15px;font-weight:700;overflow:hidden}.menu-profile-difficulty{color:#fffc;font-size:11px}.menu-ui{z-index:2;flex-direction:column;gap:14px;width:350px;display:flex;position:absolute;top:50%;left:20%;transform:translateY(-35%)}.menu-button{appearance:none;cursor:pointer;background:#ffd278eb;border:0;border-radius:999px;padding:clamp(10px,1.4vw,14px) clamp(18px,2.4vw,26px);font-size:clamp(16px,2vw,22px);font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 10px 24px #00000038}.menu-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.menu-button:active{transform:translateY(0)scale(.98)}.menu-button:focus-visible{outline-offset:3px;outline:3px solid #ffffffbf}@media (width<=640px){.menu-profile-tile{min-width:0;padding:8px;top:12px;right:12px}.menu-profile-name{max-width:86px}}.profile-page{background-image:var(--menu-bg);background-color:#0b1b2b;background-position:50% 12%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;font-family:Trebuchet MS,Avenir Next,Gill Sans,sans-serif;position:relative;overflow:hidden auto}.profile-overlay{pointer-events:none;background:radial-gradient(circle at 24% 16%,#ffce7933,#0000 36%),radial-gradient(circle at 82% 26%,#184c8257,#0000 46%),linear-gradient(#07132180 0%,#071321d1 100%);position:absolute;inset:0}.profile-hub{z-index:2;color:#f7f2e3;place-items:center;min-height:100%;padding:30px 16px;display:grid;position:relative}.profile-shell{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(175deg,#0a1d2fbf 0%,#081524db 100%);border:1px solid #ffffff2e;border-radius:24px;width:min(980px,100%);padding:clamp(20px,4vw,34px);animation:.26s ease-out profile-shell-enter;box-shadow:0 28px 60px #020a1373}@keyframes profile-shell-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-header{text-align:center}.profile-kicker{text-transform:uppercase;letter-spacing:.18em;color:#ffd688f2;margin:0;font-size:12px;font-weight:700}.profile-title{letter-spacing:.01em;color:#fff8e9;text-shadow:0 6px 18px #0000004d;margin:12px 0 0;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.05}.profile-subtitle{color:#f6edd8db;max-width:640px;margin:12px auto 0;font-size:clamp(15px,2.1vw,20px);line-height:1.4}.profile-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.profile-manage-button,.profile-create-button,.profile-cancel-button{appearance:none;letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:800;transition:transform .12s,filter .12s,background-color .12s}.profile-manage-button{color:#1b2430;background:#ffd57ef2;box-shadow:0 10px 18px #00000038}.profile-manage-button--active{background:#ffb04ef2}.profile-manage-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.profile-manage-button:active{transform:translateY(0)scale(.98)}.profile-manage-button:focus-visible{outline-offset:2px;outline:3px solid #ffffffd6}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-top:26px;display:grid}.profile-tile{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:10px;padding:10px 8px 8px;transition:transform .15s,border-color .15s,background-color .15s;display:flex;position:relative}.profile-avatar{aspect-ratio:1;color:#fffdf8;background:linear-gradient(145deg, var(--avatar-start), var(--avatar-end));border:2px solid #fff1db47;border-radius:20px;place-items:center;width:clamp(86px,10vw,112px);font-size:clamp(26px,4vw,36px);font-weight:900;transition:transform .15s;display:grid;box-shadow:0 12px 24px #00000059,inset 0 1px #fff3}.profile-avatar-wrap{place-items:center;display:inline-grid;position:relative}.profile-name{color:#f9f1dfe0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(16px,1.9vw,21px);font-weight:700;transition:color .15s;overflow:hidden}.profile-tile:not(.profile-tile--manage):hover .profile-avatar,.profile-tile:not(.profile-tile--manage):focus-visible .profile-avatar{border-color:#ffd57eeb;transform:translateY(-2px)scale(1.02)}.profile-tile:focus-visible{outline:none}.profile-tile:not(.profile-tile--manage):hover .profile-name,.profile-tile:not(.profile-tile--manage):focus-visible .profile-name{color:#fff8ea}.profile-tile--manage{cursor:default}.profile-tile--active .profile-avatar{border-color:#ffd57efa;box-shadow:0 14px 24px #00000059,0 0 0 2px #ffd57e73,inset 0 1px #ffffff42}.profile-delete-wrap{align-items:center;gap:6px;display:flex;position:absolute;top:-12px;right:-12px}.profile-delete-hint{letter-spacing:.04em;color:#f6eedce6;background:#091827e0;border:1px solid #fff3;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700}.profile-delete-button{appearance:none;color:#fff;cursor:pointer;background:#cf3e45;border:0;border-radius:999px;width:30px;height:30px;font-size:20px;font-weight:700;line-height:1;box-shadow:0 8px 14px #0000003d}.profile-delete-button:disabled{opacity:.45;cursor:not-allowed}.profile-avatar--add{color:#f7f2e3f2;box-shadow:none;background:linear-gradient(160deg,#ffd57e47,#ffd57e1f);border-color:#ffd57e80}.profile-tile--add:hover .profile-avatar--add,.profile-tile--add:focus-visible .profile-avatar--add{background:linear-gradient(160deg,#ffd57e66,#ffd57e2e)}.profile-tile--add:disabled{opacity:.5;cursor:not-allowed}.profile-create-form{background:#071726b8;border:1px solid #fff3;border-radius:16px;gap:12px;width:min(540px,100%);margin:24px auto 0;padding:16px;display:grid}.profile-input{color:#fff9ec;background:#0a1d30d9;border:1px solid #ffffff5c;border-radius:10px;padding:12px 13px;font-size:17px;font-weight:600}.profile-input::placeholder{color:#ffffff94}.profile-input:focus-visible{outline-offset:0;outline:3px solid #ffffffd1}.profile-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.profile-create-button{color:#1a2330;background:#ffd57ef5}.profile-cancel-button{color:#f7f2e3;background:#0818289e;border:1px solid #ffffff4d}.profile-create-button:focus-visible,.profile-cancel-button:focus-visible{outline-offset:2px;outline:3px solid #ffffffd1}.profile-error{text-align:center;color:#ff9da5;margin:14px 0 0;font-size:14px;font-weight:700}@media (width<=900px){.profile-shell{border-radius:20px}.profile-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (width<=680px){.profile-hub{align-items:stretch;padding:16px}.profile-grid{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.profile-actions{flex-direction:column}}@media (width<=430px){.profile-grid{grid-template-columns:1fr 1fr}.profile-title{font-size:clamp(30px,10vw,40px)}}.level-select-page{background-image:var(--menu-bg);background-color:#0b1b2b;background-position:50% 12%;background-repeat:no-repeat;background-size:cover;width:100vw;min-height:100vh;position:relative;overflow:hidden}.level-select-overlay{background:radial-gradient(circle at 50% 20%,#00000047,#0000 48%),linear-gradient(#0000007a 0%,#000000b8 100%);position:absolute;inset:0}.level-select-panel{z-index:2;color:#f7f2e3;flex-direction:column;justify-content:center;align-items:center;width:min(980px,100% - 36px);min-height:100vh;margin:0 auto;padding:20px 0;display:flex;position:relative}.level-select-title{letter-spacing:.02em;text-align:center;margin:0;font-size:clamp(34px,5.6vw,58px);font-weight:800}.level-select-subtitle{color:#f7f2e3d9;text-align:center;margin:8px 0 16px;font-size:clamp(16px,2.2vw,20px)}.level-select-worlds{flex-direction:column;gap:7px;width:100%;padding:2px 0 3px;display:flex}.level-select-world-row{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081b2ba8;border:1px solid #ffefc247;border-radius:8px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:6px 8px;display:grid;box-shadow:0 14px 30px #0000003d}.level-select-world-heading{color:#f7f2e3;border-right:1px solid #ffefc23d;flex-direction:column;justify-content:center;align-items:center;min-height:40px;display:flex}.level-select-world-kicker{text-transform:uppercase;color:#f7f2e394;font-size:10px;font-weight:800;line-height:1}.level-select-world-number{color:#ffd57e;text-shadow:0 2px 10px #00000057;margin-top:3px;font-size:28px;font-weight:900;line-height:1}.level-select-levels{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.level-select-button{appearance:none;color:#2a1b00;cursor:pointer;background:#ffd57ef2;border:0;border-radius:8px;min-width:92px;min-height:36px;padding:6px 10px;font-size:clamp(14px,1.4vw,16px);font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 12px 24px #0000004d}.level-select-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.level-select-button:active{transform:translateY(0)scale(.98)}.level-select-button:focus-visible{outline-offset:3px;outline:3px solid #ffffffd1}.level-select-back{appearance:none;cursor:pointer;color:#172130;background:#ffffffe6;border:0;border-radius:999px;margin-top:16px;padding:11px 22px;font-size:16px;font-weight:700}.level-select-back:focus-visible{outline-offset:3px;outline:3px solid #ffffffd1}@media (width<=720px){.level-select-panel{width:min(560px,100% - 24px);padding:14px 0}.level-select-worlds{gap:6px}.level-select-world-row{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:6px;padding:6px}.level-select-world-heading{flex-direction:column;gap:0;min-height:34px}.level-select-world-kicker{font-size:9px}.level-select-world-number{font-size:20px}.level-select-levels{gap:5px;display:flex}.level-select-button{min-width:74px;min-height:32px;padding:5px 7px;font-size:12px}}.highscores-page{background-image:var(--menu-bg);background-color:#0b1b2b;background-position:50% 12%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:relative;overflow:hidden auto}.highscores-overlay{pointer-events:none;background:radial-gradient(circle at 65% 20%,#00000047,#0000 52%),linear-gradient(#0000008a 0%,#000000c7 100%);position:absolute;inset:0}.highscores-panel{z-index:2;color:#f7f2e3;width:min(980px,100% - 36px);min-height:100vh;margin:0 auto;padding:32px 0;position:relative}.highscores-title{text-align:center;margin:0;font-size:clamp(36px,5.2vw,58px);font-weight:800}.highscores-subtitle{text-align:center;color:#f7f2e3db;margin:10px 0 18px;font-size:clamp(16px,2.2vw,20px)}.highscores-empty-global{text-align:center;color:#ffe8baf2;margin:0 0 20px;font-weight:700}.highscores-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.highscores-card{background:#091624c7;border:1px solid #ffffff29;border-radius:14px;padding:16px;box-shadow:0 12px 24px #00000047}.highscores-card-header h2{margin:0 0 12px;font-size:clamp(22px,3vw,30px);font-weight:800}.highscores-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.highscores-row{background:#ffffff12;border-radius:10px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.highscores-rank{color:#ffd57efa;font-weight:800}.highscores-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.highscores-score{color:#ffd57e;font-weight:900}.highscores-empty-level{color:#f7f2e3d6;margin:0}.highscores-back{appearance:none;cursor:pointer;color:#172130;background:#ffffffe6;border:0;border-radius:999px;margin:22px auto 0;padding:11px 22px;font-size:16px;font-weight:700;display:block}.highscores-back:focus-visible{outline-offset:3px;outline:3px solid #ffffffd1}.options-page{background-image:var(--menu-bg);background-color:#0b1b2b;background-position:50% 12%;background-repeat:no-repeat;background-size:cover;width:100vw;min-height:100vh;position:relative;overflow:hidden}.options-overlay{pointer-events:none;background:radial-gradient(circle at 30% 18%,#ffd2803d,#0000 42%),radial-gradient(circle at 78% 26%,#1c5c9747,#0000 50%),linear-gradient(#0000007a,#000000bd);position:absolute;inset:0}.options-panel{z-index:2;color:#f7f2e3;flex-direction:column;justify-content:center;width:min(860px,100% - 32px);min-height:100vh;margin:0 auto;padding:34px 0;display:flex;position:relative}.options-title{text-align:center;margin:0;font-size:clamp(36px,5.3vw,58px);font-weight:900}.options-subtitle{text-align:center;color:#f7f2e3db;margin:10px 0 22px;font-size:clamp(16px,2.2vw,20px)}.options-profile{text-align:center;background:#091624c2;border:1px solid #ffffff29;border-radius:14px;gap:2px;min-width:220px;margin:0 auto 18px;padding:10px 14px;display:grid}.options-profile-label{text-transform:uppercase;letter-spacing:.08em;color:#f7f2e3b8;font-size:11px}.options-profile-name{font-size:22px;font-weight:800}.options-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.options-card{appearance:none;color:#f7f2e3;text-align:left;cursor:pointer;background:#0a1c2dd1;border:1px solid #ffffff3d;border-radius:14px;gap:8px;min-height:140px;padding:15px 16px;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid}.options-card:hover{border-color:#ffd57ed9;transform:translateY(-1px)}.options-card:focus-visible{outline-offset:2px;outline:3px solid #ffffffd6}.options-card--active{background:#0d2237e6;border-color:#ffd57efa;box-shadow:0 0 0 1px #ffd57e9e,0 10px 20px #0000004d}.options-card-title{color:#ffd57e;font-size:28px;font-weight:900}.options-card-description{color:#f7f2e3e6;font-size:15px;line-height:1.45}.options-current{text-align:center;margin:18px 0 0;font-size:18px;font-weight:700}.options-error{text-align:center;color:#ff9da5;margin:8px 0 0;font-size:14px;font-weight:700}.options-back{appearance:none;cursor:pointer;color:#172130;background:#ffffffe6;border:0;border-radius:999px;margin:20px auto 0;padding:11px 22px;font-size:16px;font-weight:700}.options-back:focus-visible{outline-offset:3px;outline:3px solid #ffffffd1}body{background:#87ceeb;margin:0;padding:0;font-family:sans-serif;overflow:hidden}#root{height:100vh;min-height:100vh;overflow:hidden}.game-page{background:radial-gradient(circle at 20% 20%,#ffffff40,#0000 40%),radial-gradient(circle at 80% 10%,#ffffff2e,#0000 35%),linear-gradient(#7db4e8 0%,#5f8fc3 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.game-shell{background:linear-gradient(#1d2a39 0%,#111a24 100%);border-radius:18px;padding:18px;box-shadow:0 18px 40px #080f1966,inset 0 1px #ffffff14}.game-frame{background:#0b121b;border-radius:12px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 10px #00000080}.game-frame canvas{border-radius:8px;display:block}.menu-card{color:#e9f0f7;text-align:center;background:linear-gradient(#16202cf2 0%,#0e141cfa 100%);border-radius:14px;width:min(380px,40vw);padding:36px 42px;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px #00000059}.menu-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:#e9f0f799;margin:0 0 8px;font-size:12px}.menu-title{letter-spacing:.04em;margin:0 0 12px;font-size:34px}.menu-subtitle{color:#e9f0f7c7;max-width:420px;margin:0 auto 24px;line-height:1.5}.menu-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px;display:flex}.menu-button{letter-spacing:.04em;cursor:pointer;color:#101822;background:linear-gradient(#f7d37b 0%,#e3a63a 100%);border:none;border-radius:999px;padding:12px 26px;font-size:16px;box-shadow:0 6px 14px #00000059,inset 0 1px #fff6}.menu-button--ghost{color:#f7d37b;box-shadow:none;background:0 0;border:1px solid #f7d37b99}.menu-hint{color:#e9f0f78c;margin:0;font-size:13px}