:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html,.portfolio-root{min-height:100vh;margin:0;padding:0;background:#181c2b;color:#fff;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.portfolio-root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:1;padding-left:24px;padding-right:24px}.section-container{width:100%;max-width:600px;margin:0 auto 2.5rem;background:linear-gradient(135deg,#23243a 60%,#181c2b);border-radius:2rem;box-shadow:0 4px 32px #0004,0 1.5px 8px #a18cd1cc;padding:2.2rem 2.2rem 1.7rem;z-index:2;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);border:1.5px solid rgba(255,255,255,.13);display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.section-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:.01em;color:#fbc2eb;text-shadow:0 2px 12px #a18cd1cc}.section-desc{font-size:1.08rem;color:#e0e0e0;margin-bottom:.2rem;text-shadow:0 1px 4px #0005;line-height:1.7}.skills-list{list-style:none;padding:0;margin:0 0 .5rem;display:flex;flex-wrap:wrap;gap:.7em 1.2em}.skills-list li{display:flex;align-items:center;gap:.5em;background:#ffffff12;border-radius:999px;padding:.35em 1em;color:#bdbdfc;font-size:1.01rem;font-weight:600;box-shadow:0 1px 6px #a18cd122;margin-bottom:0}.contact-link{color:#fbc2eb;text-decoration:underline;transition:color .2s,text-shadow .2s;font-weight:600;text-shadow:0 1px 8px #a18cd1cc}.contact-link:hover{color:#f857a6;text-shadow:0 2px 16px #f857a6cc}.glass-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(135deg,#181c2b,#23243a 60%,#1a1a2e);opacity:.95}.glass-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.blob1{top:20vh;left:30vw;width:40vw;height:40vw;background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.blob2{bottom:0;right:0;width:30vw;height:30vw;background:linear-gradient(135deg,#f857a6,#ff5858);opacity:.2}.portfolio-header{margin-top:3rem;margin-bottom:2rem;text-align:center;z-index:2}.portfolio-title{font-size:3rem;font-weight:800;background:linear-gradient(90deg,#a18cd1,#fbc2eb,#f857a6,#ff5858);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 16px #a18cd1cc)}.portfolio-subtitle{margin-top:1rem;font-size:1.3rem;color:#e0e0e0;text-shadow:0 2px 8px #0006}.switcher{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;z-index:2}.switch-btn{position:relative;padding:.8em 2em;border-radius:999px;font-size:1.1rem;font-weight:700;background:#ffffff14;color:#bdbdbd;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,2,.6,1);box-shadow:0 2px 12px #0002;outline:none}.switch-btn.active{color:#fff;background:linear-gradient(90deg,#a18cd1,#fbc2eb,#f857a6,#ff5858);box-shadow:0 4px 24px #a18cd144;transform:scale(1.08)}.switch-btn .switch-underline{position:absolute;left:10%;right:10%;bottom:-6px;height:4px;border-radius:2px;background:linear-gradient(90deg,#a18cd1,#fbc2eb);opacity:.8}.accent-rukia.switch-btn.active{background:linear-gradient(90deg,#a18cd1,#fbc2eb)}.accent-contract.switch-btn.active{background:linear-gradient(90deg,#f857a6,#ff5858)}.portfolio-section{width:100%;display:flex;align-items:center;justify-content:center;flex:1;z-index:2;max-width:600px;margin:0 auto 2.5rem;padding:0 .5rem}.game-card{max-width:420px;width:90vw;margin:0 auto;padding:2.5rem 2rem 2rem;border-radius:2.5rem;background:#ffffff1a;box-shadow:0 8px 40px #0005,0 1.5px 8px #a18cd1cc;border:1.5px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);display:flex;flex-direction:column;align-items:center;z-index:3;animation:glassFadeIn 1s cubic-bezier(.4,2,.6,1)}@keyframes glassFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-title{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 12px #a18cd1cc}.game-status{display:inline-block;padding:.3em 1.2em;border-radius:999px;font-size:1rem;font-weight:600;margin-bottom:1.2rem;margin-top:.2rem;letter-spacing:.04em}.game-status.public{background:#4ade80cc;color:#fff}.game-status.dev{background:#facc15cc;color:#fff}.game-desc{font-size:1.1rem;color:#e0e0e0;text-align:center;margin-bottom:1.5rem;text-shadow:0 1px 4px #0004}.game-links{display:flex;gap:1.5rem;margin-top:.5rem}.game-link{text-decoration:none}.icon-bg{display:flex;align-items:center;justify-content:center;padding:.7em;border-radius:50%;background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#fff;box-shadow:0 2px 12px #a18cd1cc;transition:background .3s,box-shadow .3s}.icon-bg.itch{background:linear-gradient(135deg,#f857a6,#ff5858)}.icon-bg.discord{background:linear-gradient(135deg,#7289da,#99aab5)}.icon-bg.patreon{background:linear-gradient(135deg,#ff424d,#ffb86c)}.icon-bg:hover{box-shadow:0 4px 24px #fbc2ebcc;filter:brightness(1.15)}.game-icon-wrapper{width:320px;max-width:90vw;aspect-ratio:4 / 3;margin-bottom:1.8rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 40px #a18cd1cc,0 1.5px 8px #fff2;background:#ffffff2e;display:flex;align-items:center;justify-content:center;position:relative;border:2.5px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.game-icon{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:1.5rem;box-shadow:0 2px 16px #a18cd1cc;background:#23243a}.game-icon.placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#23243a;border-radius:1.5rem;box-shadow:0 2px 16px #23243acc}.portfolio-footer{margin-top:4rem;margin-bottom:1.5rem;color:#bdbdbd;font-size:.95rem;text-align:center;z-index:2}@media (max-width: 600px){.portfolio-title{font-size:2.1rem}.portfolio-header{margin-top:1.5rem}.game-card{padding:1.2rem .5rem}.switcher{gap:.5rem}.section-container{padding:1.1rem 1.1rem 1rem;max-width:96vw;border-radius:1.1rem;gap:.5rem;text-align:center;align-items:center;margin-left:2vw;margin-right:2vw}.portfolio-root{padding-left:6px;padding-right:6px}.portfolio-section{padding:0 .2rem;max-width:98vw}.section-title,.section-desc{text-align:center;width:100%}.skills-list{justify-content:center;width:100%}}
