:root{--pm-1: #1a73e8;--pm-2: #2196f3}.ovl-config,.ovl-games,.ovl-utils{position:fixed;background:var(--overlay-bg, rgba(0, 0, 0, 0.95));visibility:hidden;z-index:1000;border-radius:0;transition:all .3s ease}.active.ovl-config,.active.ovl-games,.active.ovl-utils{visibility:visible}.ovl-games,.ovl-utils{width:30%;height:100%;top:0}.ovl-games{border-right:1px solid var(--border-color, #303030);left:-30%}.ovl-games.active{left:0}.ovl-utils{border-left:1px solid var(--border-color, #303030);right:-30%}.ovl-utils.active{right:0}.ovl-config{width:100%;height:35%;border-bottom:1px solid var(--border-color, #303030);top:-35%;text-align:left;transition:top .3s,visibility 0s .3s;overflow-y:auto}.ovl-config.active{top:0;transition:top .3s,visibility 0s}.ovl-config .config-options{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;max-width:none;margin:0}.ovl-config .config-options .section{background:rgba(var(--bg-2, #1a1a1a), 0.3);padding:1.25rem;border-radius:12px;border:1px solid rgba(var(--border-color, #303030), 0.2)}.ovl-config .config-options .section h3{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(var(--border-color, #303030), 0.3);color:var(--pm-2)}.ovl-config .config-options .option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:rgba(var(--bg-1, #0a0a0a), 0.2);border-radius:8px;margin-bottom:.75rem;transition:background .3s}.ovl-config .config-options .option:hover{background:rgba(var(--bg-1, #0a0a0a), 0.4)}.ovl-config .config-options .option.full-width{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center}.ovl-config .config-options .option label{font-weight:500;color:var(--text, #b0b0b0)}.ovl-config .config-options .option input[type=text]{cursor:text}.ovl-config .config-options .option select,.ovl-config .config-options .option input[type=text],.ovl-config .config-options .option input[type=color]{min-width:140px;padding:.5rem;border-radius:6px;border:1px solid var(--border-color, #303030);background:var(--bg-1, #0a0a0a)}.ovl-config .config-options .option select:focus,.ovl-config .config-options .option input[type=text]:focus,.ovl-config .config-options .option input[type=color]:focus{border-color:var(--pm-2);box-shadow:0 0 0 2px rgba(var(--pm-2), 0.2)}.ovl-config .config-options .option input[type=checkbox]{width:20px;height:20px;border-radius:4px;cursor:pointer}.ovl-config .config-options .option input[type=checkbox]:checked{background-color:var(--pm-2);border-color:var(--pm-2)}.ovl-config .config-options .option .reset-button{padding:.5rem 1rem;background:rgba(var(--bg-2, #1a1a1a), 0.5);border:1px solid var(--border-color, #303030);border-radius:6px;color:var(--text, #b0b0b0);font-weight:500;transition:all .3s}.ovl-config .config-options .option .reset-button:hover{background:rgba(var(--pm-1), 0.1);border-color:var(--pm-2);color:var(--pm-2);transform:translateY(-1px)}.ovl-button{position:absolute;top:50%;height:40px;width:40px;background:rgba(0,0,0,0);padding:8px;border:0}.ovl-button i{font-size:2em}.ovl-button:hover,.ovl-button:focus{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--pm-1)}.ovl-button.left{left:0;margin-right:-25px}.ovl-button.left.active{left:30%;transform:scaleX(-1)}.ovl-button.right{right:0;margin-left:-25px}.ovl-button.right.active{right:30%;transform:scaleX(-1)}.ovl-button.top{top:0;left:50%;transform:translateX(-50%);margin-left:0}.ovl-button.top.active{top:35%;transform:translateX(-50%) scaleY(-1)}@media(max-width: 700px){.ovl{top:0;overflow-y:auto;border:0;touch-action:pan-y}.ovl-utils,.ovl-games,.ovl-config{width:100%;height:100%}.ovl-utils{right:-100%}.ovl-games{left:-100%}.ovl-config{top:-100%}.ovl-button.active{display:none}}.overlay-search{position:sticky;top:0;padding:1rem;background:linear-gradient(to bottom, var(--overlay-bg, rgba(0, 0, 0, 0.95)) 70%, rgba(var(--overlay-bg, rgba(0, 0, 0, 0.95)), 0.8) 85%, rgba(var(--overlay-bg, rgba(0, 0, 0, 0.95)), 0) 100%);z-index:2;display:flex;align-items:center;position:relative;font-size:1.25rem}.overlay-search input{width:100%;padding:10px 40px 10px 10px;border-radius:8px;border:2px solid var(--border-color, #303030);background:var(--bg-1, #0a0a0a);color:var(--text, #b0b0b0);font-size:1rem;margin:0}.overlay-search input:hover,.overlay-search input:focus,.overlay-search input:active{background:var(--bg-2, #1a1a1a);border-color:var(--pm-2);outline:none}.overlay-search input:hover+i,.overlay-search input:focus+i,.overlay-search input:active+i{color:var(--pm-2)}.overlay-search input::placeholder{color:rgba(var(--text, #b0b0b0), 0.6)}.overlay-search i{position:absolute;right:30px;pointer-events:none;color:var(--text, #b0b0b0)}.overlay-content{padding:1rem;margin-top:-1rem;display:flex;flex-direction:column;gap:.75rem;max-height:calc(100% - 4rem);overflow-y:auto;position:relative;z-index:1}.overlay-content button{text-align:center;padding:.5rem .75rem;height:40px;transition:all .3s;border-radius:8px;font-size:1rem;font-weight:500;letter-spacing:.5px;background:var(--bg-1, #0a0a0a);border:2px solid var(--border-color, #303030)}.overlay-content button:hover{border-color:var(--pm-2);background:var(--bg-2, #1a1a1a);color:var(--pm-2);transform:scale(1.03)}*,::before,::after{box-sizing:border-box;margin:0;padding:0;outline:0;transition:all .3s;border-radius:8px}button,input,select{border:2px solid var(--text, #b0b0b0);background:var(--bg-1, #0a0a0a);color:var(--text, #b0b0b0);cursor:pointer}button:hover,button:focus,input:hover,input:focus,select:hover,select:focus{border-color:var(--pm-2);background:var(--bg-2, #1a1a1a);outline:none}html,body{height:100%;overflow:hidden}body{background:var(--bg-1, #0a0a0a);color:var(--text, #b0b0b0);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;position:fixed;width:100%}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.no-animations *,.no-animations *::before,.no-animations *::after{transition:none !important;animation:none !important}.search-container{width:100%;max-width:500px;display:flex;align-items:center;position:relative;font-size:1.25rem}.search-container input{margin:0 20px;flex-grow:1;background:var(--bg-1, #0a0a0a);border:2px solid var(--text, #b0b0b0);font-size:1rem;color:var(--text, #b0b0b0);padding:10px 20px 10px 10px}.search-container input:hover,.search-container input:focus,.search-container input:active{background:var(--bg-2, #1a1a1a);border-color:var(--pm-2)}.search-container input:hover+i,.search-container input:focus+i,.search-container input:active+i{color:var(--pm-2)}.search-container i{position:absolute;right:30px;pointer-events:none}h1{font-size:6rem;transition:color .3s;white-space:nowrap;cursor:default}h1:hover{color:var(--pm-2)}