: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#root{font-family:monospace,Arial,sans-serif;min-height:100vh}body,html{width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background-position:center;background-size:cover;background-color:#000;background-repeat:no-repeat;background-attachment:scroll;scroll-behavior:smooth;display:flex;flex-direction:column}.center-nav{display:flex;justify-content:left;align-items:left;position:fixed;top:0;left:0;width:100%;max-width:100vw;z-index:1000;font-size:clamp(1rem,2vw,1.2rem);gap:clamp(1rem,2vw,2rem);color:#fff;text-shadow:2px 2px 4px #000000;padding:20px 0 20px 20px;background:transparent;transform:translateY(-100%);transition:transform .3s ease;overflow-x:auto;box-sizing:border-box}.center-nav.visible{transform:translateY(0)}.center-nav a{color:#fff;text-decoration:none;transition:color .2s ease}.center-nav a:hover{color:#ff0}header{font-size:clamp(2rem,12vw,250px);margin-top:0;color:#fff;text-shadow:2px 2px 4px #000000;position:sticky;text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;padding:0 2vw;box-sizing:border-box}.hero-canvas{margin-left:30px;margin-top:0;width:100%;max-width:1000px;position:relative;box-sizing:border-box}h1{font-size:clamp(2rem,12vw,80px);color:#fff;text-shadow:2px 2px 4px #000000;text-align:center;margin-top:clamp(-2rem,-12vw,-100px)}.about{width:100%;max-width:1800px;font-size:clamp(1.1rem,4vw,50px);margin-top:60px;border-radius:70px;background-color:#000;box-sizing:border-box;font-style:italic;text-align:center;left:0;right:0;position:relative}.about:hover,.more:hover{background-color:#0006;box-shadow:0 10px 20px #0000004d}.mqtext{width:100%;max-width:400px}.toggle-btn{padding:8px 16px;margin:0 4px 1rem;border:none;border-radius:4px;background:#5a4fcf;color:#fff;font-size:.95rem;cursor:pointer}#toggle-oem{background:#faa61a}#toggle-install{background:#7274cc}#toggle-motherboard{background:#72cc86}#toggle-tournament{display:none}#controllerContainer{position:relative;display:inline-block;width:100%;border-radius:4px;overflow:visible;margin-bottom:16px}#controllerImage{width:100%;height:auto;display:block}#shell-button{position:absolute;right:max(10px,calc(100% + 10px));top:calc(50% - 12px);background:#5a4fcf;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:.8rem;cursor:pointer;z-index:10;transition:transform .1s ease,background .3s ease}#phob-overlay{position:absolute;top:30%;left:65%;width:40%;transform:translate(-50%,-50%);pointer-events:none}#phob-overlay img{width:25%;height:auto;display:block}.part-overlay{padding:8px;position:absolute;cursor:pointer;transition:background .3s,outline .3s}.part-overlay:hover,.part-overlay.hovered,.part-overlay.always-highlight{outline:2px solid #5a4fcf;background:#5a4fcfb3}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.part-overlay.initial-pulse{animation:pulse 2s infinite}.modal{display:none;position:absolute;background:#f2f2f2;border:1px solid #d8d8d8;border-radius:4px;padding:12px;z-index:100;width:clamp(200px,80vw,220px);max-width:90vw;box-shadow:0 2px 6px #0003;font-size:.9rem;text-align:left;color:#000}.modal.active{display:block}.modal h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;text-align:center;border-bottom:1px solid #d8d8d8;padding-bottom:4px;color:#5a4fcf}.modal .tooltip{margin:4px 0;cursor:pointer}.modal .tooltip span{margin-right:4px}.modal .tooltip .tooltiptext{visibility:hidden;width:160px;background-color:#555;color:#fff;text-align:center;border-radius:3px;padding:4px;position:absolute;z-index:110;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.8rem}.modal .tooltip:hover .tooltiptext{visibility:visible;opacity:1}.mod-summary{margin-top:16px;background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:16px;box-shadow:0 2px 6px #00000026;font-size:.9rem;text-align:left;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;color:#000}.mod-summary h3{width:100%;margin:0 0 12px;font-size:1.2rem;font-weight:600;text-align:center;border-bottom:1px solid #d8d8d8;padding-bottom:6px;color:#5a4fcf}#mod-groups{display:flex;flex-direction:row;gap:12px;justify-content:flex-start;width:100%}.mod-group{flex:0 0 150px;color:#000}.mod-group h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#5a4fcf;border-bottom:1px solid #eee;padding-bottom:2px}.mod-group li{color:#000}.mod-group ul{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:4px;list-style:none;padding:0;margin:0}.mod-group li{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;border-bottom:1px solid #eee}.mod-group li:last-child{border-bottom:none}.mod-info{display:flex;align-items:center;gap:12px;flex:1}.remove-mod{color:#e74c3c;cursor:pointer;font-weight:600;margin-right:16px;flex-shrink:0;font-size:1.2rem}.mod-group .tooltip{font-size:1rem;cursor:pointer;margin-left:16px;position:relative}.mod-group .tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:3px;padding:4px;position:absolute;z-index:110;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.mod-group .tooltip:hover .tooltiptext{visibility:visible;opacity:1}.cart-button{background:#faa61a;color:#fff;border:none;cursor:pointer;border-radius:4px;box-shadow:0 2px 6px #0003;text-decoration:none;display:inline-block;transition:background .3s ease;animation:pulse-default 2s ease-in-out infinite}.cart-button:hover{background:#ffc447}.action-bar .cart-button{padding:8px 16px;margin:0 4px 1rem;font-size:.95rem}.main-container>.cart-button{margin-top:40px;padding:16px 32px;font-size:2rem}@keyframes pulse-default{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.main-container{width:100%;padding:0 10px;box-sizing:border-box}.hero-canvas{margin-left:10px;width:calc(100% - 20px)}#controllerContainer{overflow-x:auto;max-width:100%}#mod-groups{flex-direction:column;align-items:stretch;gap:10px}.mod-group{flex:0 0 auto;width:100%}.mod-summary{flex-direction:column;gap:12px}.mod-summary,.mod-group h4,.mod-group li{font-size:.85rem}#shell-button{position:fixed;right:10px;bottom:20px;top:auto;transform:none;z-index:50}.modal{width:90vw;max-width:90vw;left:5vw!important;top:50%!important;transform:translateY(-50%)}.center-nav{flex-wrap:wrap;padding:10px 0 10px 10px}}@media(max-width:480px){.hero-canvas{margin-left:5px;width:calc(100% - 10px)}.main-container{padding:0 5px}.toggle-btn{padding:6px 12px;font-size:.85rem;margin:0 2px .5rem}.mod-summary{padding:12px}.center-nav{gap:.5rem;padding:10px 0 10px 5px;font-size:.9rem}}.toggle-btn:active,#shell-button:active,#toggle-oem:active,#toggle-install:active,#toggle-motherboard:active .cart-button:active{transform:scale(.97)}footer{font-size:40px;color:#fff;text-align:center}footer a{color:#fff;text-decoration:none;transition:color .2s ease}@font-face{font-family:OMORI;src:url(../assets/OMORI_GAME2.ttf) format("truetype");font-weight:400;font-style:normal}.home-container{max-width:1800px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px}@media(max-width:1800px){.home-container{max-width:100vw;padding:0 10px}}@media(max-width:768px){.home-container{padding:0 5px}}@media(max-width:1200px){.preview-grid{grid-template-columns:repeat(2,1fr);max-width:1000px}.about,.more{max-width:90vw;font-size:2.2rem;margin-top:40px;padding:2vw}header{font-size:clamp(2rem,12vw,120px);margin-top:0;padding:0 2vw}h1{font-size:40px;margin-top:-40px}}@media(max-width:768px){a[href="/"]>img{height:120px!important;position:fixed;top:20px;left:20px!important;z-index:2000}#mqtext{width:100%!important;margin-left:0!important}.center-nav{font-size:1.1rem;gap:1rem;padding:10px 0 10px 10px}.preview-grid{grid-template-columns:1fr;max-width:95vw;gap:15px;padding-top:40px;padding-bottom:40px}.preview-card{min-height:200px;border-radius:10px;font-size:1rem}.preview-image{height:180px;font-size:1rem}.about,.more{max-width:95vw;font-size:1.1rem;margin-top:30px;border-radius:20px;padding:2vw}header{font-size:clamp(2rem,12vw,60px);margin-top:0;padding:0 2vw}h1{font-size:22px;margin-top:-20px}.conclusion{font-size:1.1rem}footer{font-size:1rem}nav{flex-wrap:wrap;gap:1rem!important;padding:15px!important}}@media(max-width:480px){a[href="/"]>img{height:80px!important;top:15px!important;left:15px!important}#mqtext{width:100%!important;margin-left:0!important;max-width:100%}.hero-canvas{margin-left:0!important;width:100%!important}nav{gap:.5rem!important;padding:10px!important;font-size:.9rem!important}.toggle-btn{padding:6px 8px!important;font-size:.8rem!important;margin:0 2px .5rem!important}.cart-button{padding:8px 16px!important;font-size:.85rem!important}}.about-wrapper{margin:0;padding:0;height:100vh;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;width:100%;box-sizing:border-box}.about-wrapper::-webkit-scrollbar{display:none}@media(max-width:768px){.about-wrapper{height:100vh}}@media(max-width:480px){.about-wrapper{height:100vh;display:flex;align-items:center;justify-content:center}}.gallery-wrapper{min-height:100vh;padding-top:0}.gallery-nav{position:sticky;top:0;display:flex;justify-content:center;gap:40px;padding:20px;background-color:#000;z-index:50;font-size:1.2rem;box-shadow:0 2px 8px #0000001a}.gallery-container{padding:60px 20px 40px;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:900px;margin-top:40px;auto-rows:minmax(200px,auto)}.bento-item{background-color:#f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.bento-item:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0003}.bento-item.large{grid-column:span 2;grid-row:span 2}.bento-item.medium{grid-column:span 1;grid-row:span 1}.bento-item.wide{grid-column:span 2;grid-row:span 1}@media(max-width:768px){.gallery-nav{gap:15px;font-size:.95rem;padding:15px;flex-wrap:wrap}.gallery-container{padding:40px 15px 30px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%;auto-rows:minmax(150px,auto)}.bento-item.large,.bento-item.medium{grid-column:span 1;grid-row:span 1}.bento-item.wide{grid-column:span 2;grid-row:span 1}}@media(max-width:480px){.gallery-nav{gap:10px;font-size:.85rem;padding:10px}.gallery-container{padding:30px 10px 20px}.bento-grid{grid-template-columns:1fr;gap:10px;max-width:100%;auto-rows:auto}.bento-item{min-height:250px}.bento-item.large,.bento-item.medium,.bento-item.wide{grid-column:span 1;grid-row:span 1}h1{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:20px}}.warranty-wrapper{margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none;width:100%;box-sizing:border-box}.warranty-wrapper::-webkit-scrollbar{display:none}.checkout-page{font-family:monospace,Arial,sans-serif;min-height:100vh}.checkout-header{text-align:center;margin:40px 20px 20px;padding:30px;background:#000;border-radius:20px;border:2px solid #5a4fcf;box-sizing:border-box;box-shadow:0 0 20px #5a4fcf99,inset 0 0 20px #5a4fcf33}.order-summary{background:#000;padding:30px;border-radius:20px;margin:20px;border:2px solid #5a4fcf;box-sizing:border-box;box-shadow:0 0 20px #5a4fcf99,inset 0 0 20px #5a4fcf33}.order-summary h2{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:20px;color:#fff;text-align:center}.cart-table{width:100%;border-collapse:collapse;margin-bottom:20px;background:#1a1a1a}.cart-table thead{background:#1a1a1a;color:#fff}.cart-table th{padding:12px;text-align:center;font-weight:600;border:1px solid #444444;color:#fff}.cart-table td{padding:12px;border:1px solid #444444;text-align:center;color:#fff}.cart-table tbody tr{background:#444}.cart-table tbody tr{color:#fff}.cart-table tbody tr:nth-child(2n){background:#444}.cart-table tbody tr:hover{background:#555}.totals{margin-top:20px;text-align:center}.total{font-size:1.1rem;margin:8px 0;padding:8px 12px;color:#fff}.total-grand{background:#333;color:#fff;font-size:1.3rem;font-weight:700;border-radius:4px;padding:12px;border:2px solid #5a4fcf}.option-section{background:#000;padding:30px;border-radius:20px;margin:20px;border:2px solid #5a4fcf;box-sizing:border-box;box-shadow:0 0 20px #5a4fcf99,inset 0 0 20px #5a4fcf33}.option-section h3{font-size:1.3rem;font-weight:600;margin-top:0;margin-bottom:25px;color:#fff;text-align:center}.contact-form{max-width:600px;margin:0 auto}.contact-form label{display:block;font-weight:600;margin-bottom:8px;color:#fff;font-size:.95rem;text-align:left}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:18px;border:1px solid #444444;border-radius:4px;font-family:monospace,Arial,sans-serif;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease;background:#1a1a1a;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#888}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#5a4fcf;box-shadow:0 0 8px #5a4fcf80}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{background:#5a4fcf;color:#fff;padding:12px 30px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease;width:100%;margin-top:10px;font-family:monospace,Arial,sans-serif}.contact-form button:hover{background:#6d5dd4}.contact-form button:disabled{background:#555;cursor:not-allowed}#option-stripe{background:#000;border:2px solid #5a4fcf}#option-stripe h3{color:#fff}#option-stripe p{color:#ccc;margin:0 0 20px;text-align:center}.stripe-button{background:#5a4fcf;color:#fff;padding:12px 30px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:15px;width:100%;font-family:monospace,Arial,sans-serif}.stripe-button:hover{background:#6d5dd4}.stripe-button:disabled{background:#555;cursor:not-allowed}#payment-message{margin-top:15px;padding:12px;border-radius:4px;font-size:.95rem;color:#fff}@media(max-width:768px){.checkout-page{padding:0}.checkout-header{margin:20px 10px;padding:20px}.checkout-header h1{font-size:clamp(1.5rem,6vw,1.8rem);margin-bottom:15px}.order-summary,.option-section{padding:20px;margin:15px 10px;box-sizing:border-box}.option-section h3{font-size:clamp(1.1rem,5vw,1.3rem)}.checkout-logo{height:50px}.checkout-nav{margin-top:70px;gap:15px;padding:10px;flex-wrap:wrap}.cart-table{font-size:.85rem}.cart-table th,.cart-table td{padding:8px;font-size:.9rem}.order-summary h2{font-size:1.3rem}.total{font-size:1rem}.total-grand{font-size:1.2rem}.contact-form{max-width:100%}.contact-form label{font-size:.9rem}.contact-form input,.contact-form textarea{padding:10px;font-size:.95rem;margin-bottom:15px}.stripe-button,.contact-form button{padding:10px 20px;font-size:.95rem}}@media(max-width:480px){.checkout-header{margin:15px 5px;padding:15px}.checkout-header h1{font-size:1.3rem}.order-summary,.option-section{padding:15px;margin:10px 5px}.option-section h3{font-size:1.1rem}.cart-table th,.cart-table td{padding:6px;font-size:.8rem}.contact-form input,.contact-form textarea{font-size:16px}}.payment-section,.cancel-section{background:#000;padding:40px 30px;border-radius:20px;margin:40px 20px;border:2px solid #5a4fcf;box-sizing:border-box;box-shadow:0 0 20px #5a4fcf99,inset 0 0 20px #5a4fcf33;color:#fff;text-align:center}.payment-section h2,.cancel-section h2{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:20px;color:#fff}.payment-section p,.cancel-section p{font-size:1.1rem;margin:15px 0;color:#ccc}#session-details{background:#1a1a1a;padding:20px;border-radius:8px;margin:20px 0;border:1px solid #5a4fcf;text-align:left}#session-details p{margin:10px 0;color:#fff;font-family:monospace}#session-details strong{color:#5a4fcf}@media(max-width:768px){.payment-section,.cancel-section{padding:30px 20px;margin:30px 15px}.payment-section h2,.cancel-section h2{font-size:clamp(1.3rem,5vw,1.5rem)}.payment-section p,.cancel-section p{font-size:1rem;margin:12px 0}#session-details{padding:15px;overflow-x:auto}#session-details p{font-size:.9rem}}@media(max-width:480px){.payment-section,.cancel-section{padding:20px 15px;margin:20px 10px}.payment-section h2,.cancel-section h2{font-size:1.2rem}.payment-section p,.cancel-section p{font-size:.95rem;margin:10px 0}#session-details{padding:12px}#session-details p{font-size:.85rem;word-break:break-word}}.cancel-section{background:#000;padding:40px 30px;border-radius:20px;margin:40px 20px;border:2px solid #5a4fcf;box-sizing:border-box;box-shadow:0 0 20px #5a4fcf99,inset 0 0 20px #5a4fcf33;color:#fff;text-align:center}.cancel-section h2{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:20px;color:#fff}.cancel-section p{font-size:1.1rem;margin:15px 0;color:#ccc}.cancel-section a{display:inline-block;margin-top:20px;padding:12px 30px;background:#faa61a;color:#fff;border-radius:4px;text-decoration:none;transition:background .3s ease;animation:pulse-button 2s ease-in-out infinite;font-size:1.1rem;font-weight:600}.cancel-section a:hover{background:#ffc447}@keyframes pulse-button{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.cancel-section{padding:30px 20px;margin:30px 15px}.cancel-section h2{font-size:clamp(1.3rem,5vw,1.5rem)}.cancel-section p{font-size:1rem;margin:12px 0}.cancel-section a{padding:10px 25px;font-size:1rem}}@media(max-width:480px){.cancel-section{padding:20px 15px;margin:20px 10px}.cancel-section h2{font-size:1.2rem}.cancel-section p{font-size:.95rem;margin:10px 0}.cancel-section a{padding:10px 20px;font-size:.95rem;display:block;margin:15px auto}}