@font-face{font-family:Magnificent;src:url(../data/fonts/Magnificent.ttf)format("truetype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#fff;--panel-bg:#fff;--text:#1a1a1a;--text-dim:#444;--text-faint:#666;--link:#2b5fb3;--btn-bg:#ececec;--btn-border:#adadad;--btn-hover-bg:#e0eef9;--btn-hover-border:#3c7fb1;--btn-active-bg:#bdbdbd;--btn-active-border:#7a7a7a;--cell-border:#cfcfcf;--cell-hover-bg:#f3f8fd;--input-bg:#fff;--error-fg:#7a1f1f;--error-border:#c66;--dpad-cross:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 156 156\"><path d=\"M52.5 .5H103.5V52.5H155.5V103.5H103.5V155.5H52.5V103.5H.5V52.5H52.5Z\" fill=\"%23ececec\" stroke=\"%23adadad\"/></svg>");--dpad-arrow:#6a6a6a;--pill-fg:#555}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#121212;--panel-bg:#1d1d1f;--text:#e6e6e6;--text-dim:#b3b3b3;--text-faint:#9a9a9a;--link:#7fb0e8;--btn-bg:#2c2c2e;--btn-border:#5a5a5a;--btn-hover-bg:#24384a;--btn-hover-border:#3c7fb1;--btn-active-bg:#4a4a4a;--btn-active-border:#8a8a8a;--cell-border:#3a3a3c;--cell-hover-bg:#22303c;--input-bg:#29292b;--error-fg:#ff9d9d;--error-border:#a55;--dpad-cross:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 156 156\"><path d=\"M52.5 .5H103.5V52.5H155.5V103.5H103.5V155.5H52.5V103.5H.5V52.5H52.5Z\" fill=\"%232c2c2e\" stroke=\"%235a5a5a\"/></svg>");--dpad-arrow:#9a9a9a;--pill-fg:#aaa}*{box-sizing:border-box;touch-action:manipulation}html,body{background:var(--page-bg);color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;height:100%;margin:0;padding:0;font-family:Magnificent,system-ui,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app>canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.knytt-menu{background:var(--panel-bg);z-index:10;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.menu-cloud{z-index:0;width:100%;height:100%;position:absolute;inset:0}.menu-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-buttonrow{z-index:2;flex-wrap:wrap;justify-content:center;gap:28px;padding:0 12px;display:flex;position:absolute;bottom:7vh;left:0;right:0}.knytt-btn{background:var(--btn-bg);color:var(--text);border:1px solid var(--btn-border);cursor:pointer;padding:16px 30px;font-family:Segoe UI,system-ui,sans-serif;font-size:26px;line-height:1}@media (max-width:700px){.menu-buttonrow{gap:10px}.knytt-btn{padding:10px 14px;font-size:18px}}.knytt-btn:hover,.knytt-btn:focus-visible{background:var(--btn-hover-bg);border-color:var(--btn-hover-border);outline:none}.menu-content.levels{justify-content:flex-start;gap:14px;padding:3vh 4vw 0;overflow-y:auto}.menu-content.credits{justify-content:center;padding:6vh 16px}.levels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(1100px,100%);display:grid}@media (max-width:640px){.levels-grid{grid-template-columns:minmax(0,1fr)}}.level-cell{background:var(--panel-bg);border:1px solid var(--cell-border);min-width:0;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:10px 14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.level-cell:hover,.level-cell:focus-visible{border-color:var(--btn-hover-border);background:var(--cell-hover-bg);outline:none}.lv-icon{width:44px;height:44px;image-rendering:pixelated;object-fit:contain;flex:0 0 44px}.lv-text{flex-direction:column;flex:auto;min-width:0;display:flex}.lv-name{white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.lv-desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:19px;overflow:hidden}.levels-more{color:var(--link);cursor:pointer;font-size:20px;text-decoration:underline}.levels-filters{background:var(--panel-bg);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px;width:100%;margin-top:auto;padding:10px 0 2vh;display:flex;position:sticky;bottom:0}.levels-filters label{color:var(--text);flex-direction:column;gap:4px;font-size:18px;display:flex}.levels-filters select,.levels-filters input{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);padding:4px 6px;font-family:Segoe UI,system-ui,sans-serif;font-size:17px}.levels-filters input{background:var(--input-bg);color:var(--text)}.levels-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.credits-body{text-align:center;max-width:560px;color:var(--text);font-size:20px;line-height:1.7}.settings-row{justify-content:center;align-items:center;gap:10px;font-size:22px;display:flex}.loading{background:var(--panel-bg);color:var(--text);z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:Segoe UI,system-ui,sans-serif;font-size:20px;display:flex;position:absolute;inset:0}.spinner{border:4px solid var(--btn-bg);border-top-color:var(--btn-border);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-banner{background:var(--btn-bg);color:var(--text);border:1px solid var(--btn-border);z-index:30;padding:10px 16px;font-family:Segoe UI,system-ui,sans-serif;font-size:16px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.menu-banner.error{background:var(--panel-bg);color:var(--error-fg);border-color:var(--error-border)}.hidden{display:none!important}.cutscene{z-index:40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cutscene-img{width:min(96vw,1280px);height:auto;max-height:92vh;image-rendering:pixelated;object-fit:contain}.cutscene-nav{background:var(--btn-bg);width:52px;height:64px;color:var(--text);border:1px solid var(--btn-border);cursor:pointer;opacity:.4;font-size:32px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.cutscene-nav:hover,.cutscene-nav:focus-visible{opacity:1;outline:none}.cutscene-back{left:8px}.cutscene-next{right:8px}.cutscene-fade{z-index:41;pointer-events:none;position:absolute;inset:0}.map-panel{z-index:40;background:#3c3c3c;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.map-panel canvas{image-rendering:pixelated}.map-close{background:var(--btn-bg);width:49px;height:49px;color:var(--text);border:1px solid var(--btn-border);cursor:pointer;font-family:Segoe UI,system-ui,sans-serif;font-size:22px;position:absolute;top:2px;right:2px}.map-close:hover,.map-close:focus-visible{background:var(--btn-hover-bg);border-color:var(--btn-hover-border);outline:none}.pause-overlay{z-index:40;color:var(--text);background:#1616168c;justify-content:center;align-items:center;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:absolute;inset:0}.pause-panel{background:var(--panel-bg);width:min(480px,92vw);height:190px;position:relative;overflow:hidden}.pause-world{text-align:center;color:var(--text-faint);z-index:1;font-size:16px;position:absolute;top:8px;left:0;right:0}.settings-rows{flex-direction:column;gap:10px;display:flex}.settings-rows select{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);padding:3px 6px;font-family:Segoe UI,system-ui,sans-serif;font-size:16px}.pause-settings{color:var(--text);z-index:1;justify-content:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pause-settings .settings-row{font-size:17px}.pause-info{background:var(--panel-bg);color:var(--text);z-index:2;font-size:14px;position:absolute;inset:32px 12px 52px;overflow-y:auto}.pause-info-desc{color:var(--text-faint);margin-bottom:8px}.pause-info-label{margin-top:6px;font-weight:700}.pause-buttons{z-index:1;justify-content:center;gap:8px;display:flex;position:absolute;bottom:10px;left:0;right:0}.pause-buttons .knytt-btn{padding:8px 14px;font-size:18px}.touch-controls{z-index:8;width:100%;max-width:640px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.touch-dpad,.touch-actions,.touch-menu{pointer-events:auto;touch-action:none}.touch-dpad{flex:none;width:156px;height:156px;position:relative}.touch-dpad:before{content:"";background:var(--dpad-cross) no-repeat center / 100% 100%;position:absolute;inset:0}.touch-menu{align-self:flex-end;gap:10px;margin-bottom:10px;display:flex}.touch-actions{flex:none;width:156px;height:156px;position:relative}.tbtn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.tbtn.active{background:var(--btn-active-bg);border-color:var(--btn-active-border);color:var(--text)}.tbtn .tlabel{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-top:2px;font-size:8px}.touch-dpad .tbtn{z-index:1;width:50px;height:50px;color:var(--dpad-arrow);background:0 0;border:none;font-size:14px;position:absolute}.touch-dpad .tbtn.active{background:var(--btn-active-bg);color:var(--text)}.t-up{top:1px;left:53px}.t-left{top:53px;left:1px}.t-right{top:53px;left:105px}.t-down{top:105px;left:53px}.touch-menu .t-pill{letter-spacing:.1em;text-transform:uppercase;width:50px;height:22px;color:var(--pill-fg);font-size:9px}.touch-menu .t-pill.active{color:var(--text)}.touch-actions .t-face{width:52px;height:52px;font-size:17px;font-weight:600;position:absolute}.touch-actions .t-face.active{z-index:2}.t-hologram{top:0;left:52px}.t-walk{top:52px;left:0}.t-umbrella{top:52px;left:104px}.t-jump{top:104px;left:52px}@media (max-width:560px){.touch-controls{gap:6px;padding-left:8px;padding-right:8px}.touch-menu{flex-direction:column;align-self:center;gap:8px;margin-bottom:0}}@media (max-width:430px){.touch-controls{flex-wrap:wrap;row-gap:28px}.touch-dpad{order:1}.touch-actions{order:2}.touch-menu{flex-direction:row;order:3;justify-content:center;align-self:auto;gap:14px;width:100%}.touch-dpad,.touch-actions{width:168px;height:168px}.touch-dpad .tbtn,.touch-actions .t-face{width:56px;height:56px}.touch-dpad .tbtn{width:54px;height:54px}.touch-actions .t-face{font-size:19px}.t-up{top:1px;left:57px}.t-left{top:57px;left:1px}.t-right{top:57px;left:113px}.t-down{top:113px;left:57px}.t-hologram{top:0;left:56px}.t-walk{top:56px;left:0}.t-umbrella{top:56px;left:112px}.t-jump{top:112px;left:56px}.touch-menu .t-pill{width:44px;height:20px;font-size:8px}}