@font-face{font-family:Cartoon;src:url(/fonts/cartoon.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cartoon;src:url(/fonts/cartoon.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Notes;src:url(/fonts/notes.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Notes;src:url(/fonts/notes.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #030303;--bg-card: #0c0c0c;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--text: #f0f0f0;--text-dim: #888;--text-muted: #a0a0a0;--border: #1a1a1a;--border-light: #2a2a2a;--primary: #f0f0f0;--accent: #a855f7;--radius: 6px;--font: "Cartoon", sans-serif;--mono: "Notes", "Cartoon", monospace;--header-h: 52px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;height:100%;width:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}::selection{background:var(--accent);color:#000}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s;gap:24px}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-gif{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.12;z-index:0;pointer-events:none}.loader-spinner{width:28px;height:28px;border:1.5px solid var(--border-light);border-top-color:var(--text);border-radius:50%;animation:spin 1s linear infinite;position:relative;z-index:1}.loader-text{font-family:var(--mono);font-size:11px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;position:relative;z-index:1}.loader-progress{width:120px;height:2px;background:var(--border-light);border-radius:1px;overflow:hidden;position:relative;z-index:1}.loader-bar{height:100%;width:0;background:var(--text);border-radius:1px;transition:width .3s}.loader-powered{font-size:11px;color:var(--text-dim);letter-spacing:2px;font-family:var(--mono)}.loader-credit{position:fixed;right:20px;bottom:16px;font-family:var(--mono);font-size:9px;color:var(--text-dim);opacity:.45;z-index:1;letter-spacing:.5px;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;transition:opacity 1.5s}#ui.hidden{opacity:0}#ui:not(.hidden){opacity:1}#header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;padding:0 20px;gap:14px;z-index:30;background:#030303d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);pointer-events:auto}.header-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-logo{font-size:15px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.logo-img{height:20px;width:auto;border-radius:4px}.header-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.header-nav>a,.drop-btn{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-dim);border-radius:var(--radius);transition:all .2s;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px}.header-nav>a:hover,.drop-btn:hover{color:var(--text);background:var(--bg-tertiary)}.header-nav a.active{color:var(--text)}@media (max-width:767px){.header-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:2px}.header-nav::-webkit-scrollbar{display:none}}.dropdown{position:relative}.dropdown:before{content:"";position:absolute;top:100%;left:0;right:0;height:8px;z-index:101}.drop-arrow{font-size:8px;transition:transform .2s;display:inline-block}.dropdown:hover .drop-arrow,.dropdown:focus-within .drop-arrow{transform:rotate(180deg)}.drop-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:none;z-index:100;pointer-events:auto}.drop-menu--cols{display:none;min-width:420px;padding:10px;gap:8px}.dropdown:hover .drop-menu--cols,.dropdown:focus-within .drop-menu--cols{display:flex}.drop-col{flex:1;display:flex;flex-direction:column}.drop-col .drop-label:first-child{padding-top:0}.drop-menu a{display:flex;align-items:center;padding:8px 12px;font-size:13px;color:var(--text-dim);border-radius:var(--radius);transition:all .15s;cursor:pointer;white-space:nowrap}.drop-menu a:hover{color:var(--text);background:var(--bg-tertiary)}.drop-label{display:block;padding:6px 12px 2px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;pointer-events:none;font-family:var(--mono)}.drop-label:first-child{padding-top:2px}@media (max-width:767px){.drop-menu{position:fixed;left:12px;right:12px;top:auto;min-width:0}.dropdown:focus-within .drop-menu:not(.drop-menu--cols){display:block}}#nav-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:20;pointer-events:auto}.nav-dot{width:10px;height:10px;border-radius:50%;background:var(--border-light);cursor:pointer;transition:all .4s;position:relative}.nav-dot span{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid transparent;transition:all .4s}.nav-dot:hover{background:var(--text-dim)}.nav-dot.active{background:var(--text)}.nav-dot.active span{border-color:#f0f0f040}#room-label{position:fixed;bottom:28px;left:24px;display:flex;align-items:center;gap:12px;z-index:20;pointer-events:none}.room-idx{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text-dim)}.room-name{font-size:13px;font-weight:500;letter-spacing:.03em}#scroll-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:20;color:var(--text-dim);opacity:1;transition:opacity .8s}#scroll-hint.hidden{opacity:0}#overlays{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.room-overlay{position:absolute;top:0;left:0;bottom:0;width:min(440px,90vw);opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s;display:flex;align-items:center;padding:80px 0 60px 24px}.room-overlay.active{opacity:1;visibility:visible}.overlay-content{width:100%;padding:0 20px 0 0;transform:translate(-12px);opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s}.room-overlay.active .overlay-content{transform:translate(0);opacity:1;transition-delay:.4s}.overlay-label{font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase}.overlay-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.1;margin-bottom:10px;letter-spacing:-.02em}.overlay-desc{font-size:14px;color:var(--text-dim);margin-bottom:24px;line-height:1.6;max-width:360px}.overlay-stats{display:flex;gap:28px;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-n{font-size:22px;font-weight:700;color:var(--text)}.stat-l{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;font-family:var(--mono)}.overlay-actions{display:flex;gap:10px;flex-wrap:wrap}.to-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-size:13px;font-weight:500;border-radius:var(--radius);border:1px solid var(--border-light);background:transparent;color:var(--text);cursor:pointer;transition:all .2s;text-decoration:none;min-height:38px}.to-button:hover{background:var(--bg-tertiary);border-color:var(--text-dim)}.to-button[data-variant=primary]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.to-button[data-variant=primary]:hover{background:var(--text-dim);border-color:var(--text-dim)}.project-list{display:flex;flex-direction:column;gap:8px;max-width:380px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:all .25s;cursor:default}.project-card:hover{border-color:var(--border-light);background:var(--bg-secondary)}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.card-icon{font-size:16px;flex-shrink:0}.project-card h3{font-size:13px;font-weight:600}.project-card p{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:8px}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.card-tags span{font-family:var(--mono);font-size:9px;padding:2px 7px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-dim);letter-spacing:.3px}.faq-list{display:flex;flex-direction:column;gap:2px;max-width:380px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;pointer-events:auto}.faq-q{padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;background:var(--bg-card);transition:background .15s;-webkit-user-select:none;user-select:none;position:relative}.faq-q:hover{background:var(--bg-secondary)}.faq-q:after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:14px;font-weight:400;transition:transform .2s}.faq-item.open .faq-q:after{transform:translateY(-50%) rotate(45deg)}.faq-a{padding:0 14px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;font-size:12px;color:var(--text-dim);line-height:1.6;pointer-events:none}.faq-item.open .faq-a{max-height:150px;padding:0 14px 12px;pointer-events:auto}.social-btns{display:flex;flex-wrap:wrap;gap:8px}.social-btns .to-button{flex:1;min-width:100px;text-align:center}@media (max-width:767px){#overlays{width:100%}.room-overlay{width:100%;padding:70px 16px 50px}.overlay-content{max-width:100%;padding:0}.project-list,.faq-list{max-width:100%}#nav-dots{right:14px;gap:12px}.nav-dot{width:8px;height:8px}#room-label{left:16px;bottom:20px}#scroll-hint{bottom:20px}.overlay-stats{gap:20px}.room-overlay[data-room="3"] iframe{max-width:100%;height:300px}}@media (max-width:480px){.room-overlay{padding:64px 12px 44px}.overlay-title{font-size:1.5rem}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.modal.open{opacity:1;visibility:visible;pointer-events:auto}.modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-body{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:520px;width:90vw;max-height:85vh;overflow-y:auto;transform:scale(.95) translateY(8px);transition:transform .35s cubic-bezier(.4,0,.2,1)}.modal.open .modal-body{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;font-size:14px;transition:all .2s}.modal-close:hover{border-color:var(--text-dim);color:var(--text)}.modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.modal-logo{width:48px;height:48px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-light);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px}.modal-title{font-size:20px;font-weight:700;margin-bottom:4px;line-height:1.2}.modal-tagline{font-size:13px;color:var(--text-dim);line-height:1.4}.modal-desc{font-size:14px;color:var(--text-dim);line-height:1.7;margin-bottom:20px}.modal-screenshots{position:relative;margin-bottom:16px;border-radius:8px;overflow:hidden;background:var(--bg-card);min-height:0}.ss-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.ss-track img{width:100%;flex-shrink:0;display:block;object-fit:cover;max-height:220px}.ss-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-light);background:#030303b3;color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;line-height:1}.modal-screenshots:hover .ss-btn{opacity:1}.ss-btn:hover{background:#030303e6;border-color:var(--text-dim)}.ss-prev{left:8px}.ss-next{right:8px}.ss-btn.hidden{display:none}.ss-dots{display:flex;justify-content:center;gap:6px;padding:8px 0}.ss-dot{width:6px;height:6px;border-radius:50%;background:var(--border-light);cursor:pointer;transition:all .2s}.ss-dot.active{background:var(--text)}.ss-empty{display:none;text-align:center;padding:24px 16px;font-size:13px;color:var(--text-dim)}.ss-empty.show{display:block}.modal-downloads{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:480px){.modal-body{padding:24px 16px}.modal-header{flex-direction:column;gap:12px}}