body{color:#000;-webkit-font-smoothing:antialiased;background-color:#ededeb;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}button,a{cursor:pointer}:root{--black:#000;--white:#fff;--bg-sand:#eae8e4;--app-bg:#fffcf0;--pink:#ff73a9;--blue:#3f80f8;--yellow:#ffd100;--green:#0a5c36;--btn-red:#ff3b00;--lime-green:#00d473}body{background-color:var(--bg-sand);color:var(--black);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#d2cfc9 1.5px,#0000 1.5px),linear-gradient(90deg,#d2cfc9 1.5px,#0000 1.5px);background-size:32px 32px;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:12s linear infinite grid-travel,8s ease-in-out infinite alternate bg-color-breath;overflow-x:hidden}@keyframes grid-travel{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes bg-color-breath{0%{background-color:#eae8e4}50%{background-color:#f7f5ee}to{background-color:#fffdf5}}html{scroll-behavior:smooth}.portfolio-container{max-width:1100px;margin:0 auto;padding:130px 24px 0}.nav-pill-wrapper{z-index:1000;background-color:var(--white);border:4px solid var(--black);width:90%;max-width:780px;box-shadow:6px 6px 0px var(--black);border-radius:9999px;padding:8px 20px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.nav-menu-list{justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.nav-item-link{color:var(--black);cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid #0000;padding:8px 18px;font-size:15px;font-weight:900;text-decoration:none;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.nav-item-link:hover{background-color:var(--app-bg);border:3px solid var(--black);box-shadow:3px 3px 0px var(--black);border-radius:12px;transform:translate(-3px,-3px)}.nav-item-link.active{background-color:var(--white);border:3px solid var(--black);box-shadow:3px 3px 0px var(--black);border-radius:12px}.hero-layout{justify-content:space-between;align-items:center;gap:50px;width:100%;margin-top:40px;margin-bottom:90px;display:flex;position:relative}.hero-left-content{z-index:10;flex:1.25;position:relative}.hero-massive-text{letter-spacing:-2px;color:var(--black);margin-bottom:24px;font-size:64px;font-weight:900;line-height:1.15}.highlight-pill-pink{background-color:var(--pink);border:4px solid var(--black);box-shadow:5px 5px 0px var(--black);cursor:pointer;margin-right:8px;padding:0 16px;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:inline-block;transform:rotate(-2deg)}.highlight-pill-pink:hover{box-shadow:11px 11px 0px var(--black);transform:translate(-6px,-6px)rotate(-2deg)}.highlight-pill-blue{background-color:var(--blue);color:var(--white);border:4px solid var(--black);box-shadow:5px 5px 0px var(--black);cursor:pointer;padding:0 16px;transition:all .18s cubic-bezier(.175,.885,.32,1.275);display:inline-block;transform:rotate(2deg)}.highlight-pill-blue:hover{box-shadow:11px 11px 0px var(--black);transform:translate(-6px,-6px)rotate(2deg)}.hero-subtitle-meta{color:#000c;border-left:4.5px solid var(--black);margin-bottom:36px;padding-left:16px;font-size:15.5px;font-weight:700;line-height:1.8}.hero-right-artwork{z-index:10;flex:.75;justify-content:flex-end;display:flex;position:relative}.artwork-card{border:4px solid var(--black);width:380px;height:280px;box-shadow:10px 10px 0px var(--black);box-sizing:border-box;cursor:pointer;background-color:#f2eee3;border-radius:32px;transition:all .22s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.artwork-card:hover{box-shadow:18px 18px 0px var(--black);transform:translate(-8px,-8px)}.artwork-card img{object-fit:cover;width:100%;height:100%;display:block}.btn-more-about{background-color:var(--black);color:var(--white);border:4px solid var(--black);cursor:pointer;box-shadow:6px 6px 0px var(--black);-webkit-user-select:none;user-select:none;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:900;transition:transform .1s,box-shadow .1s}.btn-more-about:hover{box-shadow:2px 2px 0px var(--black);transform:translate(4px,4px)}.hero-dynamic-playground{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.magnetic-geek-sticker{background-color:var(--white);border:3.5px solid var(--black);box-shadow:6px 6px 0px var(--black);pointer-events:auto;cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:900;transition:transform .25s cubic-bezier(.17,.67,.16,1.25);display:flex;position:absolute}.magnetic-geek-sticker:hover{background-color:var(--yellow);transform:scale(1.1)rotate(4deg)!important}.magnetic-geo-item{border:3.5px solid var(--black);box-shadow:5px 5px 0px var(--black);transition:transform .25s cubic-bezier(.175,.885,.32,1.255);position:absolute}.click-pop-particle-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.click-pop-particle{background-color:var(--yellow);border:3px solid var(--black);box-shadow:3px 3px 0px var(--black);color:var(--black);pointer-events:none;transform-origin:50%;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:900;transition:opacity .5s;position:absolute}.prompt-lab-box{border:4px solid var(--black);box-shadow:10px 10px 0px var(--black);color:#0f6;background-color:#0c100b;border-radius:24px;margin-bottom:80px;padding:30px;font-family:Courier New,Courier,monospace}.prompt-lab-header{border-bottom:2px solid #0f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.prompt-lab-dots{gap:8px;display:flex}.prompt-dot{border-radius:50%;width:12px;height:12px}.prompt-lab-selector-row{flex-wrap:wrap;gap:16px;margin-bottom:22px;display:flex}.prompt-preset-btn{color:#0f6;cursor:pointer;background:#141913;border:2.5px solid #0f6;border-radius:8px;padding:8px 18px;font-family:inherit;font-weight:800;transition:all .15s ease-out;box-shadow:3.5px 3.5px #0f6}.prompt-preset-btn:hover,.prompt-preset-btn.active-preset{color:#0c100b;background:#0f6;transform:translate(3.5px,3.5px);box-shadow:0 0 #0f6}.prompt-screen-content{background-color:#ffffff08;border:1.5px solid #0f63;border-radius:12px;padding:20px;font-size:14px;line-height:1.6}.creations-outer-block{margin-bottom:80px}.creations-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;margin-bottom:40px;display:flex}.creations-title-left{flex:1}.vibe-workshop-title{background-color:var(--yellow);color:var(--black);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);letter-spacing:-1.5px;margin-bottom:18px;padding:8px 24px;font-size:42px;font-weight:900;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-block;transform:rotate(-1.5deg)}.vibe-workshop-title:hover{box-shadow:12px 12px 0px var(--black);transform:translate(-6px,-6px)rotate(-1.5deg)}.creations-subtext{color:#000000b3;margin:0;font-size:15px}.creations-search-box{align-items:center;width:320px;display:flex;position:relative}.search-placeholder-icon{pointer-events:none;color:var(--black);z-index:10;font-size:16px;position:absolute;left:18px}.creations-search-input{border:4px solid var(--black);width:100%;box-shadow:4px 4px 0px var(--black);box-sizing:border-box;background-color:var(--white);border-radius:9999px;outline:none;padding:14px 20px 14px 44px;font-size:14px;font-weight:800;transition:all .15s ease-out}.creations-search-input:focus{box-shadow:7px 7px 0px var(--black);transform:translate(-3px,-3px)}.creations-cards-container{grid-template-columns:repeat(3,1fr);gap:32px 30px;width:100%;display:grid}.creation-card-outer{background-color:var(--yellow);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);box-sizing:border-box;padding:0;transition:box-shadow .22s ease-out;position:relative;overflow:visible}.creation-card-inner{background-color:var(--white);border:4px solid var(--black);box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:calc(100% + 7px);height:calc(100% + 7px);min-height:310px;margin-top:-3.5px;margin-left:-3.5px;padding:30px;transition:transform .22s cubic-bezier(.165,.84,.44,1),background-color .22s;display:flex;transform:translate(-5px,-5px)}.creation-card-outer:hover .creation-card-inner{transform:translate(-12px,-12px)}.creation-id-tag{background-color:var(--black);color:var(--white);border-radius:20px;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:900;display:inline-block}.creation-card-inner h3{margin:0 0 12px;font-size:23px;font-weight:900;line-height:1.35}.creation-card-inner p{color:#000000bf;margin:0 0 24px;font-size:13.5px;font-weight:700;line-height:1.6}.creation-view-btn{background-color:var(--white);color:var(--black);border:4px solid var(--black);box-shadow:3.5px 3.5px 0px var(--black);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:10px 24px;font-size:13.5px;font-weight:900;transition:all .12s ease-out;display:inline-flex}.creation-card-outer:hover .creation-view-btn{box-shadow:5.5px 5.5px 0px var(--black);background-color:#fff9e6;transform:translate(-2px,-2px)}.creation-coming-soon-outer{border:4px dashed var(--black);text-align:center;box-sizing:border-box;background-color:#00000005;border-radius:24px;justify-content:center;align-items:center;height:100%;min-height:310px;padding:30px;display:flex}.coming-soon-text{color:#0006;letter-spacing:1px;font-size:18px;font-weight:900;line-height:1.6}.eat-app-wrapper{background-color:var(--app-bg);border:5px solid var(--black);box-shadow:12px 12px 0px var(--black);box-sizing:border-box;border-radius:32px;width:100%;margin-top:40px;padding:64px 30px 40px;position:relative}.eat-app-close-btn{background-color:var(--btn-red);color:var(--white);border:3.5px solid var(--black);box-shadow:3.5px 3.5px 0px var(--black);cursor:pointer;z-index:120;border-radius:10px;padding:6px 14px;font-size:13.5px;font-weight:955;transition:all .1s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:18px;right:18px}.eat-app-close-btn:hover{box-shadow:5.5px 5.5px 0px var(--black);background-color:#ff5021;transform:translate(-2px,-2px)}.eat-app-close-btn:active{box-shadow:2px 2px 0px var(--black);transform:translate(1.5px,1.5px)}.stat-progress-bar-container{background-color:var(--white);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);box-sizing:border-box;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;padding:24px;display:grid}.stat-bar-block{flex-direction:column;display:flex}.stat-bar-label{color:var(--black);margin-bottom:8px;font-size:13px;font-weight:900}.stat-bar-track{background:var(--white);border:3px solid var(--black);box-sizing:border-box;border-radius:6px;height:16px;overflow:hidden}.stat-bar-fill{height:100%;transition:width .3s cubic-bezier(.18,.89,.32,1.28)}.stat-bar-num{text-align:right;margin-top:6px;font-size:13px;font-weight:900}.simulator-question-card{background-color:var(--white);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);box-sizing:border-box;border-radius:20px;margin-bottom:20px;padding:24px}.simulator-option-btn{background-color:var(--white);border:3px solid var(--black);text-align:left;cursor:pointer;box-shadow:4px 4px 0px var(--black);box-sizing:border-box;border-radius:12px;width:100%;margin-bottom:14px;padding:16px;font-size:14px;font-weight:800;transition:all .1s ease-out;display:block}.simulator-option-btn:hover{box-shadow:7px 7px 0px var(--black);background-color:#fffaf0;transform:translate(-3px,-3px)}.diy-panel-container{grid-template-columns:1.15fr .85fr;align-items:start;gap:30px;margin-top:24px;display:grid}.diy-left-form{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0px var(--black);box-sizing:border-box;border-radius:24px;padding:30px}.diy-skill-wrap-box{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.diy-skill-pill{border:3.5px solid var(--black);cursor:pointer;background-color:var(--white);box-shadow:3.5px 3.5px 0px var(--black);border-radius:10px;padding:8px 18px;font-size:13px;font-weight:900;transition:all .12s cubic-bezier(.175,.885,.32,1.275)}.diy-skill-pill:hover{box-shadow:5.5px 5.5px 0px var(--black);transform:translate(-2px,-2px)}.diy-skill-pill.selected-pill{background-color:var(--lime-green);color:var(--black)}.diy-skins-row{gap:12px;margin-bottom:24px;display:flex}.diy-skin-btn{border:3.5px solid var(--black);cursor:pointer;background-color:var(--white);box-shadow:3.5px 3.5px 0px var(--black);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:955;transition:all .12s ease-out}.diy-skin-btn:hover{box-shadow:5.5px 5.5px 0px var(--black);transform:translate(-2px,-2px)}.diy-skin-btn.active-skin{background-color:var(--pink);color:var(--white)}.custom-dropdown-container{width:100%;position:relative}.custom-dropdown-trigger{border:3.5px solid var(--black);box-shadow:4px 4px 0px var(--black);cursor:pointer;background-color:var(--white);border-radius:14px;justify-content:space-between;padding:14px 20px;font-size:14px;font-weight:900;display:flex}.custom-dropdown-options-list{background-color:var(--white);border:3.5px solid var(--black);width:100%;box-shadow:4px 4px 0px var(--black);z-index:50;border-radius:14px;position:absolute;top:calc(100% + 8px);left:0}.custom-dropdown-option-item{cursor:pointer;padding:12px 20px;font-size:13.5px;font-weight:800}.custom-dropdown-option-item:hover{background-color:var(--yellow)}.diy-right-card-wrapper{flex-direction:column;width:100%;display:flex}.diy-terminal-preview-card{border:4.5px solid var(--black);box-shadow:10px 10px 0px var(--black);box-sizing:border-box;border-radius:28px;flex-direction:column;justify-content:flex-start;min-height:480px;margin-bottom:24px;padding:34px 28px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.diy-terminal-preview-card.style-classic-yellow{color:var(--black);background-color:#fffdec;background-image:radial-gradient(#0000000f 10%,#0000 10%),linear-gradient(#f7f2cf 1.5px,#0000 1.5px);background-size:16px 16px;border-radius:16px}.diy-terminal-preview-card.style-cyber-green{color:var(--lime-green);border:4.5px solid var(--lime-green);box-shadow:8px 8px 0px var(--pink);background-color:#0b0f19;background-image:linear-gradient(#00d4730d 1.5px,#0000 1.5px),linear-gradient(90deg,#00d4730d 1.5px,#0000 1.5px);background-size:24px 24px}.diy-terminal-preview-card.style-cyber-green .theme-tag{color:var(--lime-green)!important;border:2.5px solid var(--lime-green)!important;box-shadow:2px 2px 0px var(--pink)!important;background-color:#16241a!important}.diy-terminal-preview-card.style-neon-black{color:#ff3b30;background-color:#080a07;background-image:repeating-linear-gradient(0deg,#00d47308,#00d47308 1px,#0000 1px 2px);border-color:#333;box-shadow:10px 10px #1a1a1a}.diy-terminal-preview-card.style-neon-black .theme-tag{color:var(--pink)!important;background-color:#140d0f!important;border:2px solid #555!important}.giant-print-btn{background-color:var(--btn-red);width:100%;color:var(--white);border:4.5px solid var(--black);box-shadow:5px 5px 0px var(--black);cursor:pointer;border-radius:16px;padding:16px 0;font-size:18px;font-weight:900;transition:all .12s cubic-bezier(.175,.885,.32,1.275)}.giant-print-btn:hover{box-shadow:8px 8px 0px var(--black);transform:translate(-3px,-3px)}.detailed-experience-container{flex-direction:column;gap:30px;margin-bottom:80px;display:flex}.headline-badge-box{align-items:center;gap:16px;margin-bottom:20px;display:flex}.experience-grid-display{flex-direction:column;gap:40px;display:flex}.experience-custom-item{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0px var(--black);box-sizing:border-box;border-radius:28px;padding:36px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative}.experience-custom-item:hover{box-shadow:14px 14px 0px var(--black);transform:translate(-6px,-6px)}.experience-item-tag{background-color:var(--yellow);color:var(--black);border:3.5px solid var(--black);box-shadow:3px 3px 0px var(--black);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:900;display:inline-block}.experience-title-row{border-bottom:4px dashed var(--black);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.experience-title-row h3{margin:0;font-size:24px;font-weight:900}.experience-duration{color:#0009;font-size:15px;font-weight:800}.experience-desc{color:#000000d9;margin-bottom:20px;font-size:15.5px;font-weight:700;line-height:1.8}.experience-bullets-list{margin:0;padding-left:20px}.experience-bullets-list li{margin-bottom:12px;font-size:15px;font-weight:700;line-height:1.76}.about-grid-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:50px;width:100%;margin-top:36px;margin-bottom:60px;display:grid}.intro-paragraph-box{flex-direction:column;gap:28px;display:flex}.welcome-title{letter-spacing:-2px;margin:0 0 10px;font-size:52px;font-weight:955;line-height:1.1}.welcome-highlight-badge{background-color:var(--pink);color:var(--black);border:4px solid var(--black);box-shadow:4px 4px 0px var(--black);margin-left:8px;padding:0 14px;display:inline-block;transform:rotate(-1.5deg)}.about-intro-card{background-color:var(--white);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);border-radius:20px;padding:28px 24px 24px;transition:transform .2s ease-out,box-shadow .2s ease-out;position:relative}.about-intro-card:hover{box-shadow:10px 10px 0px var(--black);transform:translate(-4px,-4px)}.about-card-badge{background-color:var(--yellow);color:var(--black);border:3px solid var(--black);box-shadow:2px 2px 0px var(--black);letter-spacing:.5px;border-radius:4px;padding:3px 12px;font-size:12px;font-weight:900;position:absolute;top:-14px;left:20px}.about-intro-card.card-blue-badge .about-card-badge{background-color:var(--blue);color:var(--white)}.about-intro-card.card-green-badge .about-card-badge{background-color:var(--lime-green);color:var(--black)}.about-intro-card p{color:#000000d9;margin:8px 0;font-size:15.5px;font-weight:750;line-height:1.8}.about-custom-list{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;list-style:none;display:flex}.about-list-item{align-items:flex-start;gap:12px;font-size:14.5px;font-weight:800;line-height:1.7;display:flex}.about-item-checkbox{background-color:var(--pink);border:3px solid var(--black);width:20px;height:20px;box-shadow:2px 2px 0px var(--black);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:900;display:flex}.about-intro-card.card-green-badge .about-item-checkbox{background-color:var(--yellow)}.about-right-column{flex-direction:column;gap:32px;width:100%;display:flex}.id-card-perspective-base{perspective:1000px;justify-content:flex-end;width:100%;display:flex}.id-card-container{border:4px solid var(--black);width:360px;height:430px;transform-style:preserve-3d;cursor:pointer;box-sizing:border-box;background-color:#f7f4ec;border-radius:28px;padding:24px;transition:transform .15s ease-out,box-shadow .15s ease-out;position:relative}.id-card-stamp{background-color:var(--pink);border:3px solid var(--black);width:90px;height:34px;color:var(--white);box-shadow:3px 3px 0px var(--black);z-index:20;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:-15px;right:-15px;transform:rotate(12deg)}.id-card-header{border-bottom:4px dashed var(--black);margin-bottom:20px;padding-bottom:8px;font-size:18px;font-weight:900}.id-card-body{box-sizing:border-box;align-items:start;gap:16px;width:100%;display:flex}.id-card-photo-box{border:3.5px solid var(--black);width:120px;min-width:120px;max-width:120px;height:160px;box-shadow:4px 4px 0px var(--black);background-color:#eee;border-radius:16px;flex-shrink:0;overflow:hidden}.id-card-photo-box img{object-fit:cover;width:100%;height:100%;display:block}.id-card-info-fields{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.id-card-row{flex-direction:column;display:flex}.id-card-label{color:#00000080;margin-bottom:2px;font-size:10px;font-weight:900}.id-card-value{background-color:var(--white);border:2px.5px solid var(--black);box-shadow:2px 2px 0px var(--black);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:900;overflow:hidden}.id-card-bottom-row{border-top:3.5px solid #000;justify-content:space-between;margin-top:24px;padding-top:14px;display:flex}.about-fun-widget-wrapper{background-color:var(--white);border:4px solid var(--black);width:360px;box-shadow:8px 8px 0px var(--black);box-sizing:border-box;border-radius:28px;flex-direction:column;gap:18px;margin-left:auto;padding:24px;transition:all .2s ease-out;display:flex}.about-fun-widget-wrapper:hover{box-shadow:11px 11px 0px var(--black);transform:translate(-3px,-3px)}.fun-widget-header{border-bottom:3.5px solid var(--black);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:15px;font-weight:900;display:flex}.backpack-layout-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.backpack-grid-slot{aspect-ratio:1;background:var(--bg-sand);border:3px solid var(--black);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:26px;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.backpack-grid-slot:hover{background-color:var(--yellow);box-shadow:3.5px 3.5px 0px var(--black);transform:scale(1.12)rotate(-5deg)}.backpack-grid-slot.slot-active{background-color:var(--pink);box-shadow:inset 3px 3px #00000026}.backpack-spec-terminal{color:var(--lime-green);border:3px solid var(--black);background:#0c100b;border-radius:12px;height:64px;margin-top:4px;padding:12px;font-family:Courier New,Courier,monospace;font-size:11.5px;line-height:1.4;display:flex;overflow:hidden;box-shadow:inset 2.5px 2.5px #000c}.dispenser-stripe-row{background-image:repeating-linear-gradient(-45deg, var(--black), var(--black) 10px, var(--yellow) 10px, var(--yellow) 20px);border:3px solid var(--black);border-radius:4px;height:14px}.dispenser-btn-press{background:var(--blue);width:100%;color:var(--white);border:3.5px solid var(--black);cursor:pointer;box-shadow:4px 4px 0px var(--black);border-radius:12px;padding:12px 0;font-size:13.5px;font-weight:900;transition:all .1s}.dispenser-btn-press:hover{box-shadow:6px 6px 0px var(--black);background-color:#5590ff;transform:translate(-2px,-2px)}.dispenser-btn-press:active{box-shadow:2px 2px 0px var(--black);transform:translate(2px,2px)}.statement-yellow-box-wrapper{text-align:center;box-sizing:border-box;width:100%;max-width:820px;margin:60px auto 40px;display:block;position:relative}.statement-badge{z-index:10;background-color:var(--white);color:var(--black);border:3px solid var(--black);letter-spacing:.5px;box-shadow:3.5px 3.5px 0px var(--black);border-radius:4px;padding:6px 16px;font-size:12.5px;font-weight:900;position:absolute;top:-16px;left:24px;transform:rotate(-1.5deg)}.statement-yellow-box{background-color:var(--yellow);border:4px solid var(--black);box-shadow:10px 10px 0px var(--black);box-sizing:border-box;text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:180px;padding:42px 40px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.statement-yellow-box:hover{box-shadow:16px 16px 0px var(--black);transform:translate(-6px,-6px)}.statement-yellow-box h3{color:var(--black);word-break:break-all;margin:0;font-size:24px;font-weight:900;line-height:1.5;display:inline-block}.statement-text-cursor{background-color:var(--black);vertical-align:middle;width:4px;height:24px;margin-left:6px;animation:.8s steps(2,end) infinite blink-cursor;display:inline-block}.statement-subtexts{color:#000000b3;flex-direction:column;gap:12px;margin-top:30px;font-size:18px;font-weight:800;display:flex}.marquee-card-wrapper{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0px var(--black);box-sizing:border-box;text-align:left;border-radius:28px;margin-top:60px;margin-bottom:80px;padding:24px;overflow:hidden}.marquee-card-header{border-bottom:3.5px dashed var(--black);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;font-size:16px;font-weight:900;display:flex}.marquee-card-header-label{align-items:center;gap:8px;display:flex}.marquee-bar-viewport-inside{width:100%;padding:8px 0;position:relative;overflow:hidden}.marquee-content-wrapper{width:max-content;animation:24s linear infinite marquee-scroll;display:flex}.marquee-content-wrapper:hover{animation-play-state:paused}.marquee-item-chip{border:3.5px solid var(--black);color:var(--black);box-shadow:4px 4px 0px var(--black);border-radius:14px;align-items:center;gap:10px;margin:0 16px;padding:10px 24px;font-size:14px;font-weight:955;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);display:flex}.marquee-item-chip:hover{box-shadow:7px 7px 0px var(--black);transform:translate(-3px,-3px)scale(1.05)}.marquee-item-chip.pink-bg{background-color:var(--pink);color:var(--white)}.marquee-item-chip.yellow-bg{background-color:var(--yellow)}.marquee-item-chip.blue-bg{background-color:var(--blue);color:var(--white)}.marquee-item-chip.green-bg{background-color:var(--lime-green)}.marquee-item-chip.sand-bg{background-color:var(--bg-sand)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-dashed-separator{border-top:4.5px dashed var(--black);width:100%;margin-top:60px;margin-bottom:20px}.black-footer-container{background-color:var(--black);color:var(--white);box-sizing:border-box;border-top:6px solid var(--lime-green);width:100vw;margin-top:80px;margin-left:-50vw;margin-right:-50vw;padding:70px 24px 50px;position:relative;left:50%;right:50%}.footer-nav-grid{text-align:left;grid-template-columns:1.4fr .8fr .8fr;gap:50px;max-width:1100px;margin:0 auto;display:grid}.footer-brand-info h3{color:var(--lime-green);letter-spacing:-1px;margin:0 0 16px;font-size:26px;font-weight:955}.footer-brand-info p{color:#888;margin:0;font-size:14.5px;font-weight:700;line-height:1.6}.footer-nav-column h4{color:var(--white);letter-spacing:1px;border-left:3.5px solid var(--pink);margin:0 0 20px;padding-left:10px;font-size:15px;font-weight:900}.footer-links-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.footer-link-item{color:#b0b0b0;cursor:pointer;width:fit-content;font-size:14.5px;font-weight:800;text-decoration:none;transition:all .15s ease-out;display:inline-block}.footer-link-item:hover{color:var(--yellow);transform:translate(6px)}.footer-copyright-row{color:#666;border-top:2px solid #222;justify-content:space-between;align-items:center;max-width:1100px;margin:60px auto 0;padding-top:30px;font-size:13.5px;font-weight:700;display:flex}.recent-life-section-container{text-align:center;margin-top:60px;margin-bottom:80px;position:relative}.recent-life-title-badge{background-color:var(--pink);color:var(--black);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);letter-spacing:-.5px;margin-bottom:40px;padding:10px 32px;font-size:30px;font-weight:900;display:inline-block;transform:rotate(-1.5deg)}.recent-life-grid-new{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.recent-life-card-new{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0px var(--black);cursor:pointer;box-sizing:border-box;text-align:left;border-radius:20px;flex-direction:column;transition:all .22s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.recent-life-card-new:hover{box-shadow:16px 16px 0px var(--black);transform:translate(-8px,-8px)}.card-accent-bar{border-bottom:4px solid var(--black);height:16px}.card-accent-bar.blue{background-color:var(--blue)}.card-accent-bar.pink{background-color:var(--pink)}.card-accent-bar.green{background-color:var(--lime-green)}.recent-life-card-new-body{flex-direction:column;gap:12px;padding:24px;display:flex}.recent-life-meta-row{align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.recent-life-icon-box{background-color:var(--black);color:var(--white);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.recent-life-card-new-body h4{border-bottom:3.5px solid var(--black);width:fit-content;margin:0;padding-bottom:4px;font-size:20px;font-weight:900;display:inline-block}.recent-life-card-new-body p{color:#000000b3;margin:0;font-size:14px;font-weight:700;line-height:1.5}.game-progress-wrapper{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0px var(--black);box-sizing:border-box;text-align:left;border-radius:24px;margin-bottom:80px;padding:30px}.game-progress-title{margin-bottom:24px;font-size:24px;font-weight:900}.game-progress-grid{grid-template-columns:1fr 1fr;gap:24px 40px;display:grid}.progress-bar-item{flex-direction:column;display:flex}.progress-bar-meta{justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.progress-track{background-color:var(--white);border:4px solid var(--black);cursor:pointer;border-radius:8px;height:26px;transition:transform .1s;position:relative;overflow:hidden;box-shadow:inset 4px 4px #00000026}.progress-track:active{transform:scale(.98)}.progress-fill{border-right:3px solid var(--black);background-size:28px 100%;height:100%;transition:width .8s cubic-bezier(.18,.89,.32,1.28);position:relative}.progress-fill.dynamic-pink{background-color:var(--pink);background-image:linear-gradient(45deg,#ffffff40 25%,#0000 25% 50%,#ffffff40 50% 75%,#0000 75%,#0000);animation:2.5s linear infinite stripe-slide-glow;box-shadow:0 0 12px #ff73a966}.progress-fill.dynamic-blue{background-color:var(--blue);background-image:linear-gradient(45deg,#ffffff40 25%,#0000 25% 50%,#ffffff40 50% 75%,#0000 75%,#0000);animation:2.2s linear infinite reverse stripe-slide-glow;box-shadow:0 0 12px #3f80f866}.progress-fill.dynamic-yellow{background-color:var(--yellow);background-image:linear-gradient(45deg,#00000014 25%,#0000 25% 50%,#00000014 50% 75%,#0000 75%,#0000);animation:3s linear infinite stripe-slide-glow;box-shadow:0 0 12px #ffd1004d}.progress-fill.dynamic-lime{background-color:var(--lime-green);background-image:linear-gradient(45deg,#ffffff59 25%,#0000 25% 50%,#ffffff59 50% 75%,#0000 75%,#0000);animation:1.8s linear infinite stripe-slide-glow;box-shadow:0 0 12px #00d47366}@keyframes stripe-slide-glow{0%{background-position:0 0}to{background-position:56px 0}}.home-summary-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:60px;margin-bottom:60px;display:grid}.summary-fun-card{border:4px solid var(--black);box-shadow:8px 8px 0px var(--black);box-sizing:border-box;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:240px;padding:32px;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .22s cubic-bezier(.175,.885,.32,1.275),background-color .22s ease-out;display:flex;position:relative}.summary-fun-card:hover{box-shadow:18px 18px 0px var(--black);transform:translate(-10px,-10px)}.card-ticket-style{background-color:#fff9e6;background-image:radial-gradient(circle at 0 0,#0000 15px,#fff9e6 15px),radial-gradient(circle at 100% 0,#0000 15px,#fff9e6 15px)}.card-ticket-style:before{content:"";border-bottom:3.5px dashed var(--black);opacity:.15;height:6px;transition:all .25s;position:absolute;top:0;left:20px;right:20px}.card-ticket-style:hover:before{border-bottom-color:var(--pink);opacity:.4;transform:scaleX(1.05)}.card-ticket-style:hover{background-color:#fffdec}.card-notepad-style{background-color:#f6fcf9;background-image:linear-gradient(#0000000d 1px,#0000 1px);background-size:100% 24px}.notepad-spiral{flex-direction:column;gap:14px;display:flex;position:absolute;top:15px;left:-12px}.spiral-ring{background-color:var(--black);border:2px solid var(--white);border-radius:4px;width:20px;height:8px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.card-notepad-style:hover .spiral-ring:first-child{transform:rotate(15deg)scaleX(1.15)translate(3px)}.card-notepad-style:hover .spiral-ring:nth-child(2){transition-delay:50ms;transform:rotate(-12deg)scaleX(1.15)translate(1px)}.card-notepad-style:hover .spiral-ring:nth-child(3){transition-delay:.1s;transform:rotate(18deg)scaleX(1.15)translate(3px)}.card-terminal-style{color:#0f6;background-color:#0c100b;overflow:hidden}.card-terminal-style:after{content:"010101 Token[SYS_OK] GPU_Load:28% [ROUTE_GET]";opacity:0;color:#00ff6626;font-family:monospace;font-size:11px;transition:all .35s;position:absolute;bottom:-20px;right:10px;transform:translateY(10px)}.card-terminal-style:hover:after{opacity:1;transform:translateY(0)}.card-terminal-style:hover{background-color:#080a06}.card-frame-style{background-color:#fff0f5;background-image:repeating-linear-gradient(135deg,#00000004,#00000004 1px,#0000 1px 8px);border-image:repeating-linear-gradient(45deg,#ff73a9,#ff73a9 10px,#000 10px 20px) 4}.card-frame-style:hover{background-color:#fffdfd;animation:8s linear infinite stripe-slide}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:100px 50px}}.summary-fun-card h3{margin:0 0 12px;font-size:23px;font-weight:900}.summary-fun-card p{margin:0;font-size:14.5px;font-weight:700;line-height:1.7}.summary-fun-card-footer{text-align:right;margin-top:14px}.action-arrow-tag{background-color:var(--black);color:var(--white);border:2px solid var(--black);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:900;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.summary-fun-card:hover .action-arrow-tag{background-color:var(--yellow);color:var(--black);box-shadow:4px 4px 0px var(--black);transform:translate(-3px,-3px)}@media (width<=960px){.hero-layout{text-align:center;flex-direction:column-reverse;gap:40px}.hero-right-artwork{justify-content:center}.about-grid-layout{grid-template-columns:1fr}.id-card-perspective-base{justify-content:center}.about-fun-widget-wrapper{margin:0 auto}.artwork-card{aspect-ratio:380/280;width:90%;max-width:380px;height:auto}.home-summary-grid,.recent-life-grid-new,.game-progress-grid,.creations-cards-container,.diy-panel-container{grid-template-columns:1fr}.black-footer-container{padding:50px 24px}.footer-nav-grid{grid-template-columns:1fr;gap:36px}.footer-copyright-row{text-align:center;flex-direction:column;gap:16px}.hero-dynamic-playground{display:none}}