html,body{height:100%;width:100%;margin:0;padding:0}#app{background-color:var(--background);color:var(--text);min-height:100vh;width:100%;position:relative;transition:background-color .2s ease-in-out,color .2s ease-in-out;padding-top:40px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;text-align:center;position:fixed!important;top:0;left:0;width:100%;height:80px;z-index:1000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transition:transform .3s cubic-bezier(.25,.8,.5,1),background-color .3s ease,backdrop-filter .3s ease;will-change:transform;background-color:transparent}.site-header:hover,.site-header.header-active{background-color:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.site-header-left{flex:1;display:flex;justify-content:flex-start}.site-header-center{display:flex;justify-content:center;align-items:center;height:100%}.site-header-right{flex:1;display:flex;justify-content:flex-end}.header-button{appearance:none;margin-left:15px;margin-right:15px;width:105px;font-size:1.3rem;background-color:transparent;border:none;font-family:Montserrat,serif;font-weight:400;color:var(--text);text-decoration:none;display:inline-block;cursor:pointer;transition:transform .2s,color .2s}.header-button:hover{transform:scale(1.1);color:var(--primary)}.dropdown{position:relative;display:flex;align-items:center;height:100%}.dropdown-content{display:none;position:absolute;background-color:var(--background);min-width:160px;box-shadow:0 8px 16px #0000004d;z-index:2000;border:1px solid var(--primary);border-radius:4px;top:85%;left:50%;transform:translate(-50%)}.dropdown-content:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:10px;background:transparent}.dropdown:hover .dropdown-content{display:block}.dropdown-item{color:var(--text);padding:12px 16px;text-decoration:none;display:block;font-family:Montserrat,serif;transition:background-color .2s}.dropdown-item:hover{background-color:var(--primary);color:var(--background)}.theme-button{border:none;background-color:transparent;color:var(--text);cursor:pointer}.theme-button:hover{transform:scale(1.05);color:var(--primary)}.keyboard-container[data-v-257822f9]{width:110%;transform:translate(-5%);height:60vh;min-height:700px;position:sticky;top:10vh;z-index:10;pointer-events:auto}.text-overlay[data-v-257822f9]{position:absolute;right:10%;text-align:right;z-index:10;pointer-events:none}.title[data-v-257822f9]{font-family:Montserrat,serif;font-weight:100;font-size:2rem;font-size:3rem;color:#fff;margin:0;letter-spacing:-1px}.subtitle[data-v-257822f9]{font-size:1.2rem;color:#666;font-weight:400;margin-top:10px;min-height:1.5em}.right-title-zone[data-v-257822f9]{position:absolute;top:15%;right:10%;text-align:right;z-index:20;pointer-events:none}.main-title[data-v-257822f9]{font-family:Montserrat,sans-serif;font-weight:800;font-size:3.5rem;color:#fff;margin:0;text-transform:uppercase;text-shadow:0 4px 10px rgba(0,0,0,.3);letter-spacing:-2px}.subtitle[data-v-257822f9]{color:#888;font-size:1rem;margin-top:10px;opacity:0;transition:opacity .5s}.subtitle.visible[data-v-257822f9]{opacity:1}.selected-main-title[data-v-257822f9]{font-family:Montserrat,sans-serif;font-weight:900;font-size:4rem;color:#fff;margin:0 0 20px;text-transform:uppercase;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.5)}.left-detail-zone[data-v-257822f9]{position:absolute;top:20%;left:10%;width:320px;text-align:left;z-index:30;pointer-events:auto}.detail-header[data-v-257822f9]{font-size:.9rem;text-transform:uppercase;color:#666;margin-bottom:1rem;letter-spacing:2px}.description[data-v-257822f9]{color:#eee;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;background:#00000080;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 15px #ffffff4d;height:200px;width:400px}.level-container[data-v-257822f9]{margin-bottom:2rem;padding:0 5px}.level-label[data-v-257822f9]{font-size:.8rem;color:#aaa;margin-bottom:8px}.level-track[data-v-257822f9]{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.level-bar[data-v-257822f9]{height:100%;border-radius:10px;transition:width 1s cubic-bezier(.22,1,.36,1)}.more-btn[data-v-257822f9]{background:#ffffff03;border:2px solid rgba(255,255,255,.7);box-shadow:inset 0 0 10px #ffffff80;border-radius:500px;padding:20px 40px;transition:background-color .5s ease,transform .5s ease;font-size:1rem;cursor:pointer;color:var(--text)}.more-btn[data-v-257822f9]:hover{background-color:#ffffff1a;transform:scale(1.05)}.close-hint[data-v-257822f9]{margin-top:15px;color:#727272;font-size:.9rem;cursor:pointer;text-decoration:underline}.fade-enter-active[data-v-257822f9],.fade-leave-active[data-v-257822f9]{transition:opacity .3s}.fade-enter-from[data-v-257822f9],.fade-leave-to[data-v-257822f9]{opacity:0}.slide-right-enter-active[data-v-257822f9]{transition:all .6s cubic-bezier(.16,1,.3,1)}.slide-right-leave-active[data-v-257822f9]{transition:all .3s ease-in}.slide-right-enter-from[data-v-257822f9],.slide-right-leave-to[data-v-257822f9]{opacity:0;transform:translate(-30px)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;padding:0;font-family:Montserrat,serif;transition:background-color .2s ease-in-out;overflow-x:hidden;width:100%}.site-title{font-family:Montserrat,serif;font-weight:100;font-size:2rem;z-index:100}.site-main{width:100%;margin:0rem 0;padding:0 2rem;position:relative;z-index:10}.hero-section{width:100%;min-height:85vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.intro-text-section{width:100%;display:flex;justify-content:flex-start;padding-top:5vh;padding-left:2vw}.intro-text{font-family:"Jersey 20",sans-serif;gap:1px;padding:1px;line-height:1.2;font-size:4.6vw;width:60%;text-align:left;z-index:10;position:relative;word-break:normal;overflow-wrap:normal;white-space:normal;opacity:0;transform:translateY(20px);animation:intro-text-fadeIn 1s ease-out forwards;white-space:pre-wrap}@keyframes intro-text-fadeIn{to{opacity:1;transform:translateY(0)}}.footer-text{font-size:.9rem;color:#ccc}#catchphrase span{display:inline-block;transition:transform .05s ease;will-change:transform}#catchphrase .word{display:inline-block;white-space:nowrap;margin-right:.3em}.post-section{width:100%;min-height:100vh;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;margin-top:5rem}.section-title{font-size:2.5rem;margin-bottom:3rem;font-weight:200;text-transform:uppercase;letter-spacing:.2em;opacity:.9}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px}.glass-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.glass-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;border-color:#fff3}.card-image{width:100%;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.glass-card:hover .card-image img{transform:scale(1.1)}.card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.card-tag{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary, #4facfe);font-weight:700}.glass-card h3{font-size:1.5rem;font-weight:400;margin:0}.glass-card p{font-size:.95rem;opacity:.8;line-height:1.5}.card-link{margin-top:auto;text-decoration:none;color:var(--text);font-weight:700;font-size:.9rem;transition:color .2s;display:inline-flex;align-items:center;gap:5px}.card-link:hover{color:var(--primary, #4facfe)}.main-button-section{margin-top:auto;padding-bottom:5vh;display:flex;justify-content:center;align-self:center;width:100%}.liquid_glass_discovery_button{margin-top:0;margin-bottom:0;background:#ffffff03;border:2px solid rgba(255,255,255,.7);box-shadow:inset 0 0 10px #ffffff80;border-radius:50px;padding:20px 40px;transition:background-color .5s ease,transform .5s ease;font-size:2rem;cursor:pointer;color:var(--text)}.liquid_glass_discovery_button:hover{background-color:#ffffff1a;transform:scale(1.05)}.sky-overlay{position:fixed;bottom:-35vh;left:50%;transform:translate(-50%);width:150vw;height:60vh;border-radius:50% 50% 0 0;background:radial-gradient(circle at center,var(--secondary) 0%,var(--accent) 40%,transparent 80%);filter:blur(80px);opacity:.7;z-index:5;pointer-events:none}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.theme-button .material-symbols-outlined{font-size:32px}@keyframes rotate-icon{0%{transform:rotate(0);opacity:1}50%{transform:rotate(180deg);opacity:0}to{transform:rotate(360deg);opacity:1}}.rotate{animation:rotate-icon .4s ease-in-out}.stars{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;overflow:hidden}.dynamic-shooting-star{position:absolute;background:linear-gradient(45deg,var(--text),transparent);animation:dynamicShoot 10s linear forwards;transform-origin:top left;transform:rotate(45deg);border-radius:5px;z-index:inherit}@keyframes dynamicShoot{0%{opacity:1;transform:rotate(45deg) translate(0)}to{opacity:0;transform:rotate(45deg) translateY(110vh)}}.shooting-star{display:none}.static-stars{position:fixed;width:40px;height:40px;pointer-events:none;z-index:1;overflow:hidden;color:red;background-color:red;border-radius:10px 20px/20px 10px}.keyboard-section{width:100%;height:1400px;margin-top:100px;margin-bottom:20px;z-index:10;position:relative}#skills-section{scroll-margin-top:100px}.background-system{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:transparent}:root{--text: #e1e5ef;--background: #0a0e18;--primary: #9caee0;--secondary: #052f9e;--accent: #2c5ce2}body.light-theme{--text: #10141e;--background: #e6eaf4;--primary: #1f3061;--secondary: #618afa;--accent: #1d4dd3}body.dark-theme{--text: #e1e5ef;--background: #05070d;--primary: #9caee0;--secondary: #052f9e;--accent: #2c5ce2}.articles-grid[data-v-1ba2523d]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.warning-overlay[data-v-5b4ba2d6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050505cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;font-size:clamp(.8rem,1vw + .5rem,1.2rem);padding:20px}.warning-card[data-v-5b4ba2d6]{background-color:#2d2d2d40;color:var(--text);width:clamp(300px,60%,800px);min-height:200px;padding:2rem;border-radius:12px;text-align:center;box-shadow:inset 0 .15em .8em #ffffff4d;border:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.accept-warning-button[data-v-5b4ba2d6]{padding:.8em 2em;background-color:#e0e0e01a;border:2px solid var(--secondary);box-shadow:inset 0 2px 5px var(--accent);border-radius:50px;color:var(--text);cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.accept-warning-button[data-v-5b4ba2d6]:hover{background-color:#fff3;transform:translateY(-2px);box-shadow:inset 0 2px 8px var(--accent),0 5px 15px #0000004d}.game-main-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.roller_container{display:flex;gap:10px;align-items:center;border:2px solid #000000;flex-direction:column;padding:20px;border-radius:10px;background-color:#fff;width:20%}.roller_button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:50%;width:100%;aspect-ratio:1/1}.generator_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-items:center;align-items:center;width:100%;border:2px solid #000000}.generator_container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;border:3px solid #000000}.roller_button:hover{background-color:#45a049}.roll-enter-active,.roll-leave-active{transition:transform .5s}.roll-enter-from,.roll-leave-to{transform:rotateY(90deg)}.game-stats{position:absolute;top:10%;right:10%;padding:20px;flex-direction:column;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:25px;width:300px}.game-shop{position:absolute;top:10%;left:10%}.game-shop-item{display:flex;margin-bottom:15px;padding:20px;flex-direction:column;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:25px;width:300px}.upgrade-button{padding:10px 20px;font-size:16px;background-color:#008cba;color:#fff;border:none;border-radius:5px;cursor:pointer}.article-layout[data-v-2f5c675a]{display:flex;justify-content:center;padding-top:100px;min-height:100vh}.article-card[data-v-2f5c675a]{width:100%;max-width:900px;padding:0;background:#ffffff0d}.article-header[data-v-2f5c675a]{padding:3rem 3rem 1rem}.article-image[data-v-2f5c675a]{height:400px;width:100%;overflow:hidden}.article-image img[data-v-2f5c675a]{width:100%;height:100%;object-fit:cover}.article-content[data-v-2f5c675a]{padding:3rem;line-height:1.8}.article-divider[data-v-2f5c675a]{border:0;height:1px;background:#fff3;margin:2rem 0}.article-body[data-v-2f5c675a]{font-size:1.1rem;color:var(--text);opacity:.9}.article-footer[data-v-2f5c675a]{padding:2rem 3rem;background:#0000001a}