*,*:before,*:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;min-height:100%;background-color:#1a1a1a!important;color:#fff;font-family:Arial,sans-serif}.login-fullscreen{min-height:100svh;display:grid;place-items:center;padding:0}.login-card{width:min(480px,92dvw);margin:0 auto;text-align:center}.login-card h1{font-size:clamp(1.9rem,7vw,3rem);margin:0 0 .5rem}.login-card p{font-size:clamp(1rem,4.2vw,1.125rem);margin:0 0 1.5rem;color:#ccc}button{padding:.75rem 1.5rem;font-size:1rem;background-color:#47cfb6;border:none;color:#fff;border-radius:8px;cursor:pointer}button:hover{background-color:#21b05a}.steam-login-btn{margin-top:.5rem;padding:1rem 2rem;background-color:#171a21;color:#fff;font-size:1rem;border:none;border-radius:8px;box-shadow:0 0 10px #0f0;cursor:pointer;transition:all .2s ease}@media (max-width: 640px){.login-fullscreen{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.login-card{width:min(480px,92dvw)}}.or-divider{margin:1.25rem 0;text-align:center;color:#aaa;font-size:.9rem}.demo-login-btn{margin-top:.5rem;padding:1rem 2rem;background-color:#333;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.demo-login-btn:hover{background-color:#444}:root{--neon: #00ff00;--text: #00ff00;--bg: #000}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Orbitron,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.gameai-wrapper{width:100%;min-height:100svh;padding:0 1rem;display:flex;justify-content:center;overflow-x:hidden}.gameai-content{padding-top:4.5rem;width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-rows:auto auto auto 1fr;row-gap:.35rem;background:transparent}.profile-header{position:fixed!important;top:.75rem!important;left:.75rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.4rem!important;z-index:100!important;background:#00000059!important;padding:.3rem .5rem!important;border-radius:6px!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;box-shadow:none!important;border:none!important;white-space:nowrap!important}.profile-header .avatar,.avatar{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important;border:none!important;background:none!important;box-shadow:none!important;outline:none!important}.profile-header .username,.username{font-size:.95rem!important;margin:0!important;position:relative!important;top:-1px!important;display:inline-block!important;vertical-align:middle!important;text-shadow:none!important;color:#0f0!important}.steam-games-title,.chatbot-container h1,.chatbot-subtext{text-align:center;margin:.25rem 0;text-shadow:0 0 4px var(--neon)}.steam-games-title{margin-top:0!important;margin-bottom:1rem!important}.carousel-container{position:relative;width:100%;height:clamp(170px,24vh,260px)!important;display:flex;justify-content:center!important;align-items:flex-start!important;perspective:1000px;margin-top:.25rem!important;margin-bottom:0!important;overflow:visible;height:200px!important}.carousel-wrapper{width:100%;display:flex;justify-content:center}.carousel-inner{position:relative;width:0;height:0;transform-style:preserve-3d;top:-18px!important;margin-top:0!important;padding-top:0!important}.carousel-container+.chatbot-container{margin-top:0!important}.carousel-container+.chatbot-container h1{margin-top:0!important;margin-bottom:.35rem!important}.game-card{width:120px;height:160px;position:absolute;text-align:center;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;transform-style:preserve-3d}.game-card.visible{opacity:1;pointer-events:auto}.game-image{width:120px;height:68px;object-fit:cover;border-radius:8px;display:block;margin:0 auto;box-shadow:0 0 12px var(--neon);transition:transform .2s ease,box-shadow .2s ease}.game-card.visible:hover .game-image{transform:scale(1.04);box-shadow:0 0 18px 4px #0f8}.game-info{font-size:.7rem;margin-top:.35rem;line-height:1.2}.rating-stars{margin-top:.25rem}.star{font-size:.9rem;padding:0 2px;color:#030;transition:color .2s ease}.star.filled{color:var(--neon);text-shadow:0 0 8px var(--neon),0 0 16px var(--neon)}.star.clickable{cursor:pointer}.star.disabled{pointer-events:none;opacity:.4}.submit-rating-btn{margin-top:.3rem;font-size:.75rem;padding:.25rem .6rem;border:none;background:var(--neon);color:#000;border-radius:4px;font-weight:700;cursor:pointer}.chatbot-container{width:100%;max-width:1100px;margin-top:.15rem!important;margin-bottom:.35rem!important;text-align:center}.chatbot-subtext{font-weight:700}.top-games.inside{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.top-game-large{width:160px;text-align:center;transition:transform .2s ease}.top-game-large:hover{transform:scale(1.03)}.top-game-image{width:100%;height:90px;object-fit:cover;border-radius:6px;box-shadow:0 0 6px var(--neon)}.top-game-info{margin-top:.4rem;font-size:.85rem}.cube-button-container{width:120px;height:120px;margin:1rem auto;perspective:700px;position:relative;cursor:pointer}.cube-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff;font-size:.8rem;font-weight:700;text-shadow:0 0 6px #fff;width:100%;pointer-events:none}.globe-container{width:120px;height:120px;perspective:800px;margin-top:1.25rem}.globe{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spinGlobe 6s linear infinite}.globe-container.loading .globe{animation-duration:.6s}.latitude,.longitude{position:absolute;top:0;left:0;width:120px;height:120px;border:2px solid var(--neon);border-radius:50%;opacity:.3;box-shadow:0 0 10px var(--neon)}@keyframes spinGlobe{0%{transform:rotateY(0) rotateX(20deg)}to{transform:rotateY(360deg) rotateX(20deg)}}.recommendation-output{margin:1.2rem auto 0;padding:1rem 1.25rem;border-radius:12px;max-width:900px;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1a;border:1px solid rgba(0,255,0,.25);box-shadow:0 0 12px #00ff0059,inset 0 0 10px #00ff0014;color:var(--text);text-align:left}.recommendation-header{font-weight:700;margin-bottom:.5rem}.recommendation-text{white-space:pre-wrap;word-break:break-word;line-height:1.8}.game-title{color:#0f0;font-weight:600}.game-desc{color:#a1a1aa}.customize-button,.save-button{padding:.7rem 1.2rem;background:transparent;border:2px solid var(--neon);color:var(--neon);font-weight:700;border-radius:10px;cursor:pointer;text-shadow:0 0 5px var(--neon);transition:all .2s ease}.customize-button:hover,.save-button:hover:enabled{background:var(--neon);color:#000;box-shadow:0 0 12px var(--neon)}.save-button:disabled{opacity:.45;cursor:not-allowed}.game-picker-modal{position:fixed;inset:10% auto auto 50%;transform:translate(-50%);width:min(90%,900px);max-height:80vh;overflow:auto;background:#000000e6;border:2px solid var(--neon);box-shadow:0 0 20px var(--neon);border-radius:12px;padding:1.25rem;z-index:9999;text-align:center}.game-picker-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.game-picker-item{width:150px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:2px solid transparent;border-radius:8px}.game-picker-item:hover{transform:scale(1.03)}.game-picker-item.selected{border-color:#fff;box-shadow:0 0 12px #fff}.game-picker-item img{width:100%;height:90px;object-fit:cover;border-radius:8px;box-shadow:0 0 8px var(--neon)}.game-picker-item p{font-size:.85rem;margin:.4rem 0 0}@media (max-width: 640px){.game-card{width:96px;height:140px}.game-image{width:96px;height:56px}.top-game-large{width:140px}.top-game-image{height:80px}.cube-button-container,.globe-container{width:100px;height:100px}}.globe-container.loading .latitude,.globe-container.loading .longitude{border-color:#fff!important;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff!important}.no-scroll{overflow:hidden}.rating-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rating-modal{width:min(92vw,520px);background:#000000e6;border:1px solid rgba(0,255,0,.3);border-radius:14px;box-shadow:0 0 24px #00ff0040;padding:1rem 1.25rem 1.25rem;color:#0f0;position:relative}.modal-close{position:absolute;top:6px;right:10px;font-size:1.5rem;line-height:1;background:transparent;border:none;color:#9cff9c;cursor:pointer}.modal-close:hover{color:#fff}.rating-modal-header{display:grid;grid-template-columns:120px 1fr;gap:.75rem;align-items:center;margin-bottom:.5rem}.rating-modal-header img{width:120px;height:70px;object-fit:cover;border-radius:8px;box-shadow:0 0 8px #0f0}.rating-modal-header h3{margin:0;font-size:1.05rem;line-height:1.2}.rating-modal-stars{text-align:center;font-size:1.6rem;margin:.5rem 0 .75rem}.rating-modal-stars .star{padding:0 4px;color:#030;cursor:pointer;transition:transform .1s ease,text-shadow .15s ease,color .15s ease}.rating-modal-stars .star.filled{color:#0f0;text-shadow:0 0 8px #00ff00,0 0 16px #00ff00}.rating-modal-stars .star:hover{transform:scale(1.1)}.rating-modal-actions{display:flex;gap:.5rem;justify-content:center}.submit-rating-btn{min-width:110px;padding:.5rem .9rem;border:none;background:#0f0;color:#000;font-weight:800;border-radius:8px;cursor:pointer}.submit-rating-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-rating-btn{min-width:110px;padding:.5rem .9rem;border:2px solid #00ff00;color:#0f0;background:transparent;border-radius:8px;cursor:pointer}.cancel-rating-btn:hover{background:#0f0;color:#000}.steam-privacy-instructions{margin:2rem auto;max-width:600px;padding:1.5rem;background:#222;border:1px solid #444;border-radius:10px;color:#eee;line-height:1.6}.steam-privacy-instructions h2{margin-bottom:1rem;font-size:1.2rem;color:#47cfb6}.exit-demo-btn{margin-left:0!important;background:transparent;border:2px solid var(--neon);color:var(--neon);font-weight:700;border-radius:10px;text-shadow:0 0 5px var(--neon)}.username:empty{display:none!important}.footer{margin-top:auto;width:100%;text-align:center;padding:12px 16px;color:#a1a1aa}