:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1020;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.app-shell{width:100%;height:100%;position:relative}.intro-scene-blur{z-index:10;-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);pointer-events:none;background:#09090b24;position:absolute;inset:0}.scene-welcome{z-index:25;pointer-events:none;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.welcome-popup{color:#f4f4f5;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#27272af5;border:1px solid #ffffff1f;border-radius:0;width:30rem;padding:1.5rem 1.45rem;box-shadow:0 28px 56px #0208176b}.welcome-popup h1{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.1}.welcome-popup__line{color:#d4d4d8;margin:.8rem 0 0;font-size:1rem;line-height:1.55}.welcome-popup__note{color:#c7c7cd;margin:.7rem 0 0;font-size:.92rem;line-height:1.45}.welcome-popup__button{color:#fafafa;font:inherit;cursor:pointer;background:#18181b;border:1px solid #ffffff24;border-radius:0;margin-top:1.2rem;padding:.9rem 1.35rem;font-weight:700;transition:background-color .16s,color .16s}.welcome-popup__button:hover{color:#fff;background:#27272a}canvas{display:block}.back-button{z-index:30;color:#fafafa;font:inherit;cursor:pointer;background:#18181b;border:1px solid #ffffff24;border-radius:0;padding:.9rem 1.35rem;font-weight:700;transition:background-color .16s,color .16s;position:absolute;top:1.25rem;left:1.25rem}.back-button:hover{color:#fff;background:#27272a}.desktop-screen{--game-panel-bg:#18181bf5;--game-panel-strong:#27272afa;--game-panel-soft:#3f3f46d1;--game-border:#ffffff24;--game-border-strong:#ffffff3d;--game-text:#f4f4f5;--game-muted:#d4d4d8;--game-accent:#ffd56a;z-index:20;pointer-events:none;position:absolute;inset:0}.desktop-screen--mobile{pointer-events:auto}.desktop-screen__anchor{pointer-events:auto;position:absolute;overflow:hidden}.desktop-screen__surface{--folder-rail-left:clamp(.18rem, 1.5%, .45rem);--folder-rail-top:clamp(.4rem, 3.2%, .85rem);--folder-rail-width:clamp(4.2rem, 16%, 5.75rem);--screen-inner-gap:clamp(.8rem, 4%, 1.35rem);--window-right-gap:clamp(2rem, 11%, 3.6rem);width:100%;height:100%;position:relative}.desktop-screen__mobile-shell{display:none}.desktop-screen__boot{color:var(--game-text);place-items:center;padding:clamp(.5rem,5%,1.2rem);display:grid;position:absolute;inset:0}.desktop-screen__boot-panel{gap:.55rem;width:min(74%,18rem);display:grid}.desktop-screen__boot-title{color:#fafafa;text-align:center;margin:0;font-size:clamp(.78rem,4.4vw,1.15rem);font-weight:800;line-height:1.15}.desktop-screen__boot-loader{background:#18181bf0;border:1px solid #ffffff2e;height:clamp(.5rem,3vw,.72rem);overflow:hidden}.desktop-screen__boot-loader span{background:var(--game-accent);transform-origin:0;width:100%;height:100%;animation:2.5s linear forwards khodor-os-boot;display:block}@keyframes khodor-os-boot{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.desktop-screen__folders{top:var(--folder-rail-top);left:var(--folder-rail-left);width:var(--folder-rail-width);flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(.35rem,2.4%,.7rem);display:flex;position:absolute}.desktop-folder{width:100%;min-height:3.95rem;color:var(--game-text);font:inherit;cursor:pointer;text-align:center;background:#18181b38;border:1px solid #0000;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.28rem;margin:0;padding:.34rem .18rem .4rem;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.desktop-folder:hover,.desktop-folder:focus-visible{border-color:var(--game-border);background:#27272adb;outline:none;transform:translateY(-1px)}.desktop-folder__icon{flex:none;width:2.25rem;height:1.9rem}.desktop-folder__icon path:first-child,.desktop-folder__icon path:last-child{fill:var(--game-accent)}.desktop-folder__icon svg{width:100%;height:100%;display:block}.desktop-folder__label{letter-spacing:0;white-space:normal;max-width:100%;font-size:.68rem;font-weight:800;line-height:1.15}.desktop-window{left:calc(var(--folder-rail-left) + var(--folder-rail-width) + var(--screen-inner-gap));width:calc(100% - var(--folder-rail-left) - var(--folder-rail-width) - var(--screen-inner-gap) - var(--window-right-gap));border:1px solid var(--game-border);background:linear-gradient(#ffffff09 1px, transparent 1px), var(--game-panel-bg);height:calc(100% - clamp(2.5rem,15%,4.2rem));min-height:0;max-height:none;color:var(--game-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-size:100% .65rem,auto;border-radius:0;position:absolute;top:clamp(.8rem,6%,1.35rem);overflow:hidden;box-shadow:0 22px 48px #02081775,inset 0 0 0 2px #00000057}.desktop-window__header{border-bottom:1px solid var(--game-border);background:var(--game-panel-strong);color:#fafafa;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex}.desktop-window__header strong{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.desktop-window__close{color:#fff;min-width:2rem;height:1.65rem;font:inherit;cursor:pointer;background:#18181b;border:1px solid #ffffff29;border-radius:0;padding:0 .45rem;font-weight:800;line-height:1;transition:background-color .16s,border-color .16s}.desktop-window__close:hover,.desktop-window__close:focus-visible{background:#27272a;border-color:#ffd56a8c;outline:none}.desktop-window__body{max-height:calc(100% - 3.5rem);padding:.95rem;overflow:auto}.desktop-window__body p{margin:0 0 .55rem}.desktop-window__body p:last-child{margin-bottom:0}.desktop-window__section+.desktop-window__section{border-top:1px solid var(--game-border);margin-top:1.05rem;padding-top:.95rem}.desktop-window__section h2{color:#fafafa;margin:0 0 .35rem;font-size:.92rem;line-height:1.2}.desktop-window__meta{color:var(--game-accent);font-size:.78rem;font-weight:700;line-height:1.35}.desktop-window__section p{color:var(--game-muted);margin:0;line-height:1.45}.desktop-window__list{gap:.42rem;margin:.55rem 0 0;padding-left:1.05rem;display:grid}.desktop-window__list li{color:var(--game-muted);line-height:1.42}.desktop-window__list li::marker{color:var(--game-accent)}.desktop-window__tags{flex-wrap:wrap;gap:.42rem;margin-top:.55rem;display:flex}.desktop-window__tag{border:1px solid var(--game-border);background:var(--game-panel-soft);color:#fafafa;border-radius:0;align-items:center;min-height:1.55rem;padding:.25rem .48rem;font-size:.75rem;font-weight:700;line-height:1.1;display:inline-flex}.desktop-window__links{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.desktop-window__link{min-height:1.65rem;color:var(--game-accent);background:#ffd56a1a;border:1px solid #ffd56a61;border-radius:0;align-items:center;padding:.28rem .55rem;font-size:.84rem;font-weight:800;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.desktop-window__link:hover{color:#ffe7a0;background:#ffd56a2e;text-decoration:none}.mobile-folder-tab{color:#fafafa;font:inherit;white-space:nowrap;cursor:pointer;background:#18181beb;border:1px solid #ffffff24;border-radius:0;padding:.68rem .85rem;font-weight:800}.mobile-folder-tab--active{color:#ffd56a;background:#27272afa;border-color:#ffd56a73}.desktop-screen__mobile-placeholder{color:#f4f4f5;text-align:center;background:#18181bf5;border:1px solid #ffffff14;justify-content:center;align-items:center;height:100%;display:flex;box-shadow:inset 0 0 0 2px #00000047}.desktop-screen__mobile-placeholder p{margin:0;padding:0 1rem}.loader{color:#f8fafc;letter-spacing:.02em;white-space:nowrap;background:#0f172ad1;border:1px solid #ffffff26;border-radius:999px;padding:.8rem 1rem;font-size:.95rem}@media (width<=900px){.welcome-popup{width:min(24rem,100vw - 2rem);padding:1.2rem 1rem}.back-button{padding:.75rem 1rem;font-size:.92rem;top:.85rem;left:.85rem}.desktop-screen__surface{--folder-rail-left:clamp(.14rem, 1.2vw, .35rem);--folder-rail-top:clamp(.28rem, 2.4vw, .62rem);--folder-rail-width:clamp(3rem, 15%, 4rem);--screen-inner-gap:clamp(.4rem, 2.5vw, .8rem);--window-right-gap:clamp(.6rem, 4vw, 1.1rem)}.desktop-folder__icon{width:1.8rem;height:1.5rem}.desktop-folder__label{font-size:.58rem}.desktop-window{height:calc(100% - clamp(2.1rem,13%,3.2rem));top:clamp(.45rem,3vw,.8rem)}.desktop-window__header{padding:.55rem .7rem}.desktop-window__body{padding:.75rem}.desktop-window__section h2{font-size:.82rem}.desktop-window__section p,.desktop-window__list,.desktop-window__meta,.desktop-window__tag,.desktop-window__link{font-size:.75rem}}@media (width<=768px){.desktop-screen--mobile{padding:4.4rem .75rem .75rem}.desktop-screen__mobile-shell{grid-template-rows:auto minmax(0,1fr);gap:.6rem;width:100%;height:100%;display:grid}.desktop-screen__mobile-folders{gap:.45rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.desktop-screen__mobile-folders::-webkit-scrollbar{display:none}.desktop-window--mobile{border-radius:0;width:100%;height:100%;position:relative;inset:auto}.desktop-window--mobile .desktop-window__body{max-height:calc(100% - 3rem)}.desktop-screen__anchor{display:none}}@media (width<=640px){.welcome-popup h1{font-size:1.2rem}.welcome-popup__line{font-size:.9rem}.desktop-window{border-radius:0}.desktop-screen--mobile{padding:4.1rem .55rem .55rem}.mobile-folder-tab{padding:.58rem .72rem;font-size:.78rem}.desktop-window__header strong{font-size:.78rem}.desktop-window__close{min-width:1.55rem;height:1.35rem;padding:0 .3rem}.desktop-window__body{max-height:calc(100% - 2.75rem);padding:.55rem}.desktop-window__section+.desktop-window__section{margin-top:.65rem;padding-top:.65rem}.desktop-window__section h2{font-size:.72rem}.desktop-window__section p,.desktop-window__list,.desktop-window__meta,.desktop-window__tag,.desktop-window__link{font-size:.66rem;line-height:1.35}.desktop-window__list{gap:.35rem;padding-left:.85rem}.desktop-window__tags,.desktop-window__links{gap:.32rem}.desktop-window__tag,.desktop-window__link{min-height:1.35rem;padding:.2rem .36rem}}
