// ==UserScript==
// @name Klavogonki FullWidth Style
// @namespace [url="http://tampermonkey.net/"]http://tampermonkey.net/[/url]
// @version 6.0
// @description Убирает жесткие ограничения width: 740px и делает идеальный широкий экран
// @author Bulatov Alexandr
// @match [url="https://klavogonki.ru/g/*"]https://klavogonki.ru/g/*[/url]
// @grant none
// ==/UserScript==

(function() {
'use strict';

const fontLink = document.createElement('link');
fontLink.href = 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap';
fontLink.rel = 'stylesheet';
document.head.appendChild(fontLink);

const style = document.createElement('style');
style.innerHTML = `
/* 1. Глубокий темный фон всей страницы */
body, html, #page, .green-back, #content {
background-color: #1c1c1c !important;
}

/* 2. Полностью скрываем правый сайдбар (рекламу и настройки) */
#play-right {
display: none !important;
}

/* 3. Перебиваем жесткие ограничения ширин таблиц и блоков сайдбара */
.play-wrapper, .play-overall-table {
width: 100% !important;
max-width: 1300px !important;
margin: 0 auto !important;
}

.play-overall-table > tbody > tr > td:first-child {
width: 100% !important;
display: block !important;
}

/* Снимаем жесткие 740px с .gameblock и делаем их широкими */
.gameblock {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}

#play-overall, #main-block, #typeblock, #typeplayblock, #fontsize_cont {
width: 100% !important;
box-sizing: border-box !important;
}

/* 4. Широкий и просторный контейнер текста в стиле */
#typetext {
font-family: 'JetBrains Mono', monospace !important;
font-size: 32px !important;
line-height: 2.2 !important;
letter-spacing: 0.5px !important;
padding: 50px 60px !important;
background: #222222 !important;
color: #8c8c8c !important;
border-radius: 16px !important;
box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;
border: none !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: left !important;
}

/* Уже введенный текст (приглушенный) */
#beforefocus {
color: #555555 !important;
background: transparent !important;
}

/* Будущий текст (светлый и четкий) */
#typetext span span:not(#beforefocus):not(#typefocus) {
color: #d1d1d1 !important;
background: transparent !important;
}

/* Вертикальный курсор-линия */
#typefocus.highlight {
background: transparent !important;
color: #d1d1d1 !important;
border-left: 2px solid #3b82f6 !important;
margin-left: -2px !important;
padding-left: 0px !important;
}

/* Ошибки */
#typetext .error {
background-color: rgba(239, 68, 68, 0.25) !important;
color: #fca5a5 !important;
border-left: 2px solid #ef4444 !important;
}

/* Поле ввода текста */
#inputtext {
background: #181818 !important;
border: 1px solid #333 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 12px !important;
width: 100% !important;
box-sizing: border-box !important;
}
`;
document.head.appendChild(style);
})();