@use "minima/variables";@use "minima/base";@use "minima/layout";@use "minima/syntax-highlighting";:root{--bg-color: #f7fff7;--text-color: black;--link-color: blue;--lay-bg:rgba(0,0,0,0.3);--disabled-bg: #e8e8e8;--disabled-text: #aaaaaa;--disabled-border: #dddddd}body{margin:0;padding:0;line-height:1.6;background-color:var(--bg-color);top:0 !important;font-family:system-ui !important;color:var(--text-color)}.wrapper{max-width:900px;padding:0 20px;width:70%;margin:0 auto}.site-header{border-bottom:1px solid #ccc}.site-footer{margin-top:70px;border-top:1px solid #ccc}#my_alert{display:none;position:fixed;flex-direction:column;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%, -50%);padding:20px;z-index:1000;background:var(--bg-color);border:2px solid #555555;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.25),0 4px 6px rgba(0,0,0,0.1);font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;text-align:center}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--lay-bg);z-index:999}[data-theme="dark"]{--bg-color: #121212;--text-color: #e0e0e0 !important;--link-color: #bb86fc;--disabled-bg: #252525;--lay-bg: rgba(255,255,255,0.1);--disabled-text: #888888;--disabled-border: #2d2d2d}.keyboard-key{display:inline-block;background:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:2px 6px;margin:0 2px;font-family:monospace;font-size:0.9em;color:#333}[data-theme="dark"] .keyboard-key{background:#2a2a2a;border:1px solid #555;color:#ffffff;text-shadow:0 0 1px rgba(255,255,255,0.3)}#tetris-container{color:var(--text-color);margin:0 auto}#tetris-container strong,#tetris-container small{color:var(--text-color)}.tetris-page{display:flex;flex-direction:column;align-items:center;text-align:center}.tetris-page h1,.tetris-page p,.tetris-page li{color:var(--text-color)}.tetris-page ul{text-align:left;max-width:600px;margin:0 auto}p,label,div,li{color:var(--text-color)}.site-title{color:var(--text-color) !important;text-decoration:none;font-size:2em !important}.page-link{color:var(--text-color) !important;text-decoration:none}a{color:var(--link-color)}a:hover{text-decoration:underline;color:var(--link-color)}#calculator{width:80%;max-width:800px;height:600px;padding-bottom:120px;margin:0 auto 0px;color:#333 !important}[data-theme="dark"] #calculator{color:#333 !important}#calculator p,#calculator label,#calculator div,#calculator span,#calculator strong,#calculator em{color:#333 !important}[data-theme="dark"] #calculator p,[data-theme="dark"] #calculator label,[data-theme="dark"] #calculator div,[data-theme="dark"] #calculator span,[data-theme="dark"] #calculator strong,[data-theme="dark"] #calculator em{color:#333 !important}button{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:8px 16px;border-radius:5px;cursor:pointer;transition:background 0.3s, color 0.3s, border 0.3s}[data-theme="dark"] button{background-color:#333;color:#e0e0e0;border:1px solid #555}button:hover{background-color:#ddd}[data-theme="dark"] button:hover{background-color:#444}input{background-color:#fff;color:#333;border:1px solid #ccc;padding:8px;border-radius:5px;width:5%;font-size:18px;transition:background 0.3s, color 0.3s, border 0.3s}[data-theme="dark"] input{background-color:#222;color:#e0e0e0;border:1px solid #555}input:focus{border-color:#007bff;outline:none}[data-theme="dark"] input:focus{border-color:#bb86fc}select{background-color:#fff;color:#333;margin:1%;border:2px solid darkgray;padding:8px;border-radius:5px;transition:background 0.3s, color 0.3s, border 0.3s;appearance:none}[data-theme="dark"] select{background-color:#222;color:#e0e0e0;border:1px solid #555}select option{background-color:#fff;color:#333}[data-theme="dark"] select option{background-color:#333;color:#e0e0e0}select option:hover{background-color:#ddd}[data-theme="dark"] select option:hover{background-color:#444}button:disabled,input:disabled,select:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);border:1px solid var(--disabled-border);opacity:1;cursor:not-allowed}button:disabled:hover,select:disabled:hover{background-color:var(--disabled-bg);border-color:var(--disabled-border)}[data-theme="dark"] a[href*="about"]{color:#bb86fc;transition:color 0.3s ease-in-out}[data-theme="dark"] a[href*="about"]:hover{color:#ffffff}[data-theme="dark"] a[href*="about"]:visited{color:#9b59b6}[data-theme="dark"] a[href*="/"]{color:#bb86fc;transition:color 0.3s ease-in-out}[data-theme="dark"] a[href*="/"]:hover{color:#ffffff}[data-theme="dark"] a[href*="/"]:visited{color:#9b59b6}[data-theme="dark"] footer a[href^="mailto:"]:hover{color:#ffffff;text-decoration:underline}[data-theme="dark"] footer a[href^="mailto:"]:visited{color:#9b59b6}.site-nav{position:relative}#theme-toggle{padding:0;border:0;background-color:inherit;color:var(--text-color);margin-left:20px}#theme-toggle i{display:none;font-size:20px}[data-theme="light"] #theme-toggle .fa-moon{display:inline-block}[data-theme="dark"] #theme-toggle .fa-sun{display:inline-block}.goog-te-gadget{font-family:Roboto, "Open Sans", sans-serif !important}.goog-te-gadget-simple{background-color:rgba(255,255,255,0.2) !important;border:1px solid rgba(237,230,230,0.5) !important;padding:0.5rem !important;border-radius:4px !important;font-size:0.8rem !important;line-height:0.5rem !important;display:inline-block;cursor:pointer}#google_translate_element .goog-te-gadget{display:inline-flex !important;margin-right:20px}[data-theme="dark"] .VIpgJd-ZVi9od-xl07Ob-lTBxed span{color:white !important}.goog-te-gadget-icon{background-image:url(https://placehold.it/32) !important;background-position:0 0;height:0 !important;width:0 !important;display:none}.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none}.goog-te-banner-frame.skiptranslate{display:none !important}#tetris-container{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}#tetris-container>div:first-child>div:first-child{text-align:center;margin-top:10px;margin-bottom:10px}#btn-restart{margin-left:15px}#tetris{background:#2a3a2a;border:1px solid #4a5a4a;max-width:100%;height:auto}#mobile-controls{display:flex;justify-content:space-around;width:250px;margin-top:10px}#mobile-controls button{width:auto;padding:6px 8px;font-size:0.9em}#btn-drop{padding:8px 12px}#tetris-container>div:last-child{min-width:180px;text-align:left;margin-top:50px}#tetris-container>div:last-child>div{padding-left:0;padding-bottom:10px}#tetris-container>div:last-child>div:last-child{padding-bottom:0}#tetris-container>div:last-child>div:first-child{padding-bottom:10px}#next{background:#2a3a2a;border:1px solid #4a5a4a;display:block;margin-top:6px}#tetris-container>div:last-child>div:nth-child(n+5){margin-top:10px}#volume-icon{font-size:1.2em;color:#666;min-width:20px;text-align:center;margin-right:0px}.volume-slider{flex:1;height:16px;border-radius:8px;background:#4a5a4a;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;min-width:80px;max-width:95px;position:relative;background:linear-gradient(to right, #4CAF50 0%, #4CAF50 20%, #4a5a4a 20%, #4a5a4a 100%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4CAF50;cursor:pointer;border:2px solid #2a3a2a;box-shadow:0 2px 8px rgba(0,0,0,0.4)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4CAF50;cursor:pointer;border:2px solid #2a3a2a;box-shadow:0 2px 8px rgba(0,0,0,0.4)}.volume-slider:hover::-webkit-slider-thumb{background:#66bb6a;transform:scale(1.1);transition:all 0.2s ease}.volume-slider:hover::-moz-range-thumb{background:#66bb6a;transform:scale(1.1);transition:all 0.2s ease}.volume-slider:disabled{opacity:0.5;cursor:not-allowed}.volume-slider:disabled::-webkit-slider-thumb{background:#666 !important;border-color:#444 !important;cursor:not-allowed}.volume-slider:disabled::-moz-range-thumb{background:#666 !important;border-color:#444 !important;cursor:not-allowed}@media (max-width: 768px){#tetris-container{flex-direction:column;align-items:center;gap:15px}#tetris{width:320px !important;height:640px !important;max-width:90vw;height:auto}#mobile-controls{width:320px !important;justify-content:space-between}#mobile-controls button{padding:10px 15px !important;font-size:1em !important;min-width:70px}.tetris-page h1{font-size:1.5em;margin-bottom:15px}.tetris-page ul{font-size:0.9em;padding-left:20px}}@media (max-width: 480px){#tetris{width:280px !important;height:560px !important;max-width:95vw}#mobile-controls{width:280px !important}#mobile-controls button{padding:8px 12px !important;font-size:0.9em !important;min-width:60px}}