body {   color: var(--text);   scrollbar-color: var(--accent) transparent; } :root[data-theme] {   --iframe-action-icon-filter: brightness(0) invert(1); } ::-webkit-scrollbar {   width: 10px;   height: 10px; } ::-webkit-scrollbar-track {   background: transparent; } ::-webkit-scrollbar-thumb {   background: color-mix(in srgb, var(--accent) 72%, var(--surface) 28%);   border: 0;   border-radius: 999px; } ::-webkit-scrollbar-thumb:hover {   background: var(--accent); } ::-webkit-scrollbar-corner {   background: transparent; } body.settings-page {   min-height: 100vh;   display: block;   align-items: initial;   justify-content: initial;   overflow-x: hidden; } html, body, body * {   cursor: var(--cursor-default, url("/cursors/truf/normal.cur")), auto !important; } :is(     a,     button,     select,     option,     input[type="button"],     input[type="submit"],     input[type="reset"],     input[type="checkbox"],     input[type="radio"],     input[type="file"],     label[for],     .clickable,     .navbar-right a,     .navbar-right a img,     .game,     .game-link,     .game-thumbnail,     .game-gallery,     .headericon-button,     .proxy-tab,     .bookmark-item,     .iframe-action-button   ):is(:hover, :focus, :active), :is(   a,   button,   select,   option,   input[type="button"],   input[type="submit"],   input[type="reset"],   input[type="checkbox"],   input[type="radio"],   input[type="file"],   label[for],   .clickable,   .navbar-right a,   .navbar-right a img,   .game,   .game-link,   .game-thumbnail,   .game-gallery,   .headericon-button,   .proxy-tab,   .bookmark-item,   .iframe-action-button ) {   cursor: var(--cursor-link, url("/cursors/truf/link.cur")), pointer !important; } :is(     input[type="text"],     input[type="password"],     input[type="email"],     input[type="search"],     input[type="url"],     input[type="tel"],     textarea   ):is(:hover, :focus, :active), :is(   input[type="text"],   input[type="password"],   input[type="email"],   input[type="search"],   input[type="url"],   input[type="tel"],   textarea ) {   cursor: var(--cursor-text, url("/cursors/truf/text.cur")), text !important; } :is(h1, h2, h3, h4, h5, h6, p, span, li, blockquote, figcaption, small, strong, em):not(     a *,     button *,     .proxy-tab *,     .bookmark-item *   ) {   cursor: var(--cursor-text, url("/cursors/truf/text.cur")), text !important; } :is(.is-loading, .loading, [aria-busy="true"]) {   cursor: var(--cursor-busy, url("/cursors/truf/busy-01.cur")), auto !important; } :is(.is-working, .working, [data-cursor="progress"]) {   cursor: var(--cursor-working, url("/cursors/truf/working-01.cur")), progress !important; } #goThemeMascot {   position: fixed;   left: 22px;   bottom: -72px;   width: min(160px, 14vw);   height: auto;   opacity: 1;   z-index: 10020;   pointer-events: none;   user-select: none;   transition: opacity 0.18s ease; } #goThemeMascot.is-faded {   opacity: 0.25; } body.proxy-browser-page #goThemeMascot {   display: block;   left: 26px;   bottom: -66px;   width: min(150px, 20vw);   z-index: 10031; } .navbar, .settings-section, #panicKeySettings, #tabCustomization, #tabbar, #footer {   background-color: color-mix(in srgb, var(--proxy-chrome-surface) 88%, transparent);   border-color: var(--proxy-chrome-border); } #tabbar {   background: var(--proxy-chrome-bg);   border-bottom: 0; } .settings-section {   box-shadow: none; } .settings-shell {   width: min(1120px, calc(100% - 48px));   margin: 76px auto 80px; } .settings-header {   margin: 0 0 22px;   padding: 0 2px; } .settings-header h1 {   margin: 0;   color: var(--text);   font-size: 34px;   font-weight: 600;   letter-spacing: 0; } .settings-header p {   width: min(560px, 100%);   margin: 8px 0 0;   color: var(--text-muted);   font-size: 15px;   line-height: 1.5; } .settings-page .settings-container {   display: grid;   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));   grid-auto-rows: minmax(232px, auto);   align-items: stretch;   gap: 16px;   width: 100%;   max-width: none;   margin: 0;   padding: 0; } .settings-page .settings-section {   max-width: none;   min-height: 232px;   height: 100%;   display: flex;   flex-direction: column;   gap: 0;   padding: 22px;   border: 0;   border-radius: var(--radius);   background: color-mix(in srgb, var(--surface) 78%, transparent);   box-shadow: none;   backdrop-filter: blur(8px) saturate(1.08); } .settings-page .settings-section h2 {   margin: 0 0 7px;   font-size: 21px;   line-height: 1.2; } .settings-page .settings-section p {   margin: 0 0 12px;   line-height: 1.45; } .settings-page .settings-section label {   margin: 10px 0 7px;   color: var(--text-muted);   font-size: 13px;   font-weight: 600; } .settings-page .settings-section select, .settings-page .settings-section input[type="url"], .settings-page .settings-section input[type="text"], .settings-page .settings-section input[type="file"] {   width: 100%;   min-height: 44px;   margin: 0 0 12px;   padding: 0 13px;   border: 1px solid var(--border);   border-radius: var(--radius);   background: var(--bg-alt);   color: var(--text);   font-size: 15px;   outline: 0; } .settings-page .settings-section select:focus, .settings-page .settings-section input[type="url"]:focus, .settings-page .settings-section input[type="text"]:focus, .settings-page .settings-section input[type="file"]:focus {   border-color: color-mix(in srgb, var(--accent) 70%, var(--text) 30%);   box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent); } .settings-page .settings-section button {   width: fit-content;   min-height: 42px;   display: inline-flex;   align-items: center;   justify-content: center;   margin: 0;   padding: 0 16px;   border: 1px solid var(--border);   border-radius: var(--radius);   background: var(--accent);   color: var(--text);   font-size: 14px;   font-weight: 600; } .settings-page .settings-section button:hover {   background: var(--highlight); } .settings-page .toggle-switch {   min-height: 48px;   display: flex;   align-items: center;   justify-content: space-between;   gap: 16px;   margin-top: 8px;   padding-top: 8px; } .settings-page .toggle-switch label {   margin: 0;   color: var(--text); } .settings-page .toggle-switch input[type="checkbox"] {   width: 48px;   height: 26px;   flex: 0 0 48px;   appearance: none;   position: relative;   margin: 0;   border: 1px solid var(--border);   border-radius: 999px;   background: var(--bg-alt); } .settings-page .toggle-switch input[type="checkbox"]::before {   content: "";   position: absolute;   top: 4px;   left: 4px;   width: 16px;   height: 16px;   border-radius: 50%;   background: var(--text-muted);   transition:     transform 0.18s ease,     background-color 0.18s ease; } .settings-page .toggle-switch input[type="checkbox"]:checked {   background: var(--accent); } .settings-page .toggle-switch input[type="checkbox"]:checked::before {   transform: translateX(22px);   background: var(--text); } .settings-status, .settings-note {   color: var(--text-muted);   font-size: 13px;   line-height: 1.4; } .settings-note {   margin-top: 12px; } .settings-actions {   display: flex;   flex-wrap: wrap;   gap: 10px;   margin-top: 10px; } .settings-page #titlesettings button, .settings-page #themesettings button, .settings-page #aboutblanksettings button, .settings-page #panickeysettings button {   margin-top: 0; } .settings-page #panickeysettings #panicUrlInput + button {   margin-top: 12px; } .settings-page #aboutblanksettings button {   margin: 4px 0 10px; } .settings-page #aboutblanksettings .settings-note {   margin: 0; } .settings-page #panickeysettings p {   margin-bottom: 10px; } .settings-page #panickeysettings button {   margin: 2px 0 12px; } .settings-page #panickeysettings #currentPanicUrl {   margin-top: 0;   margin-bottom: 8px; } .settings-page #panickeysettings #panicUrlInput {   margin-bottom: 12px; } .settings-page #panickeysettings #panicUrlInput + button {   margin-top: 0; } .theme-actions {   display: flex;   flex-wrap: wrap;   gap: 10px;   margin-top: 2px; } .settings-page #themesettings .theme-actions button {   margin-top: 0; } .settings-page #datamanager .settings-actions button {   flex: 0 1 auto;   width: auto; } .settings-page #titleSelect, .settings-page #proxySelect, .settings-page #themeSelect, .settings-page #panicUrlInput {   width: 100%;   min-height: 44px;   display: block;   margin: 0 0 12px;   padding: 0 13px;   border: 1px solid var(--border);   border-radius: var(--radius);   background: var(--bg-alt);   color: var(--text);   font-size: 15px; } .settings-page #titleSelect option, .settings-page #proxySelect option, .settings-page #themeSelect option {   background: var(--bg-alt);   color: var(--text); } .settings-page #panickeysettings button:last-of-type {   display: inline-flex;   margin-left: 0; } .settings-page #mobilesettings input[type="checkbox"] {   width: 48px;   height: 26px;   flex: 0 0 48px;   appearance: none;   position: relative;   margin: 0;   border: 1px solid var(--border);   border-radius: 999px;   background: var(--bg-alt); } .settings-page #mobilesettings input[type="checkbox"]::before {   top: 4px;   left: 4px;   width: 16px;   height: 16px;   background: var(--text-muted); } .settings-page #mobilesettings input[type="checkbox"]:checked {   background: var(--accent); } .settings-page #mobilesettings input[type="checkbox"]:checked::before {   transform: translateX(22px);   background: var(--text); } .settings-section h2, .settings-section h3, .proxy-tab.is-active {   color: var(--text); } .settings-section p, .proxy-tab, .theme-muted {   color: var(--text-muted); } .settings-section button, #new-tab-button {   background-color: var(--accent);   border-color: var(--border);   color: var(--text); } .settings-section button:hover, #new-tab-button:hover {   background-color: var(--highlight); } .settings-page input[type="text"], .settings-page input[type="file"], .settings-page input[type="url"], .settings-page select, .search-bar, .proxy-tab.is-active {   background-color: var(--surface-2);   border-color: var(--border);   color: var(--text); } .proxy-tab {   background: transparent;   border-color: transparent;   color: var(--proxy-chrome-muted); } #new-tab-button {   background: transparent;   border-color: transparent;   color: var(--proxy-chrome-muted); } #new-tab-button:hover {   background: var(--proxy-chrome-surface);   border-color: transparent;   color: var(--proxy-chrome-text); } #new-tab-button:active {   background: color-mix(in srgb, var(--proxy-chrome-surface) 80%, #000 20%);   border-color: transparent; } .proxy-tab:hover {   background: var(--proxy-chrome-surface);   border-color: transparent;   color: var(--proxy-chrome-text); } .proxy-tab.is-active {   background: var(--proxy-chrome-surface-2);   border-color: transparent;   color: var(--proxy-chrome-text);   box-shadow: none; } .proxy-tab:active {   background: color-mix(in srgb, var(--proxy-chrome-surface) 80%, #000 20%);   border-color: transparent; } .proxy-tab.is-dragging {   background: transparent;   border-color: transparent;   box-shadow: none; } .proxy-tab-drag-ghost {   background: var(--proxy-chrome-surface-2);   border-color: transparent;   color: var(--proxy-chrome-text);   box-shadow: none; } #tabs-list .proxy-tab:not(:first-child)::before {   background: color-mix(in srgb, var(--proxy-chrome-border) 54%, transparent); } .proxy-tab-icon, .proxy-tab-audio, .proxy-tab-pin, .proxy-tab-close {   color: var(--text-muted); } .proxy-tab:hover .proxy-tab-icon, .proxy-tab:hover .proxy-tab-audio, .proxy-tab:hover .proxy-tab-pin, .proxy-tab:hover .proxy-tab-close, .proxy-tab.is-active .proxy-tab-icon, .proxy-tab.is-active .proxy-tab-audio, .proxy-tab.is-active .proxy-tab-pin, .proxy-tab.is-active .proxy-tab-close {   color: var(--text); } #bookmarkbar {   background: var(--proxy-chrome-strip);   border-bottom: 0; } .bookmark-item {   background: transparent;   border-color: transparent;   color: var(--text-muted); } .bookmark-item:hover {   background: color-mix(in srgb, var(--proxy-chrome-surface) 65%, transparent);   border-color: transparent;   color: var(--proxy-chrome-text); } .bookmark-drag-ghost {   background: transparent !important;   border-color: transparent !important;   color: var(--text);   box-shadow: none !important;   opacity: 0.65; } .bookmark-folder.is-open, .bookmark-item.is-open {   background: color-mix(in srgb, var(--proxy-chrome-surface-2) 70%, transparent);   border-color: transparent;   color: var(--proxy-chrome-text); } .bookmark-item-icon {   color: var(--text-muted); } .bookmark-item:hover .bookmark-item-icon, .bookmark-folder.is-open .bookmark-item-icon {   color: var(--text); } #bookmark-toggle.headericon-button {   color: var(--text-muted); } #bookmark-toggle.headericon-button:hover, #bookmark-toggle.headericon-button.is-bookmarked {   background: color-mix(in srgb, var(--surface) 70%, transparent);   color: var(--text); } #bookmark-editor {   background: var(--surface);   border-color: var(--border);   color: var(--text); } #bookmark-editor button {   color: var(--text); } #bookmark-editor button {   background: var(--accent);   border-color: var(--border); } #bookmark-editor button:hover {   background: var(--highlight); } .bookmark-menu, .bookmark-folder-popover, .bookmark-folder-dialog {   background: color-mix(in srgb, var(--surface) 96%, var(--bg-alt) 4%);   border-color: transparent;   color: var(--text);   box-shadow: none; } .bookmark-folder-popover {   border-color: transparent; } .tab-menu, .bookmark-menu button, .tab-menu button, .bookmark-folder-dialog h2, .bookmark-folder-popover-header {   color: var(--text); } .bookmark-menu button i, .tab-menu button i {   color: var(--text-muted); } .bookmark-menu button:hover, .tab-menu button:hover, .bookmark-folder-child-remove:hover {   background: color-mix(in srgb, var(--surface-2) 48%, transparent);   color: var(--text); } .bookmark-menu button:hover i, .tab-menu button:hover i {   color: var(--text); } .bookmark-folder-dialog label, .bookmark-folder-empty, .bookmark-folder-child-remove {   color: var(--text-muted); } .bookmark-folder-dialog input {   background: var(--bg-alt);   border-color: var(--border);   color: var(--text); } .bookmark-folder-dialog input:focus {   border-color: color-mix(in srgb, var(--accent) 70%, var(--text) 18%);   box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 70%, var(--text) 18%); } .bookmark-folder-dialog-actions button {   background: transparent;   border-color: color-mix(in srgb, var(--border) 68%, transparent);   color: var(--text); } .bookmark-folder-dialog-actions button[type="submit"] {   background: var(--accent);   border-color: color-mix(in srgb, var(--accent) 78%, var(--border) 22%); } .bookmark-folder-dialog-actions button:hover {   background: color-mix(in srgb, var(--surface-2) 62%, transparent); } .bookmark-folder-dialog-actions button[type="submit"]:hover {   background: var(--highlight); } .bookmark-folder-popover-header {   border-bottom-color: transparent; } .bookmark-item.is-folder-child, .bookmark-item.is-folder-child:hover {   border-color: transparent; } .bookmark-item.is-folder-child:hover {   background: color-mix(in srgb, var(--surface-2) 62%, transparent); } .search-bar {   background: var(--library-search-bg, var(--surface));   border-color: var(--border);   color: var(--text);   box-shadow: none; } #searchInput.search-bar {   background: var(--library-search-bg, var(--surface));   border-color: var(--border);   color: var(--text); } .search-bar::placeholder {   color: var(--text-muted); } #searchInput.search-bar::placeholder {   color: var(--text-muted); } .search-bar:hover, .search-bar:focus {   background: var(--library-search-bg, var(--surface));   border-color: var(--border);   box-shadow: none; } #searchInput.search-bar:hover, #searchInput.search-bar:focus {   background: var(--library-search-bg, var(--surface));   border-color: var(--border);   box-shadow: none; } .autocomplete-list {   background: var(--library-search-bg, var(--surface));   border: 0;   box-shadow: none;   scrollbar-color: var(--border) transparent;   padding: 6px 0; } .autocomplete-list:empty {   border: 0;   box-shadow: none; } .autocomplete-list::-webkit-scrollbar-thumb {   background: var(--border);   border: 0; } .autocomplete-list::-webkit-scrollbar-thumb:hover {   background: var(--accent); } .autocomplete-item {   color: var(--text);   border-radius: 0; } .autocomplete-item:hover, .autocomplete-item.is-active {   background: color-mix(in srgb, var(--surface-2) 72%, transparent); } .autocomplete-item__title, .autocomplete-item span, .game h3, .app h3, h4, #searchCount {   color: var(--text) !important; } .autocomplete-item__meta {   color: var(--text-muted); } .legal-links {   color: color-mix(in srgb, var(--text-muted) 72%, transparent); } .legal-trigger {   background: transparent;   border: 0;   color: color-mix(in srgb, var(--text-muted) 72%, transparent);   box-shadow: none; } .legal-trigger:hover {   background: transparent;   color: var(--text); } .legal-links__divider::before {   color: color-mix(in srgb, var(--text-muted) 35%, transparent); } .info-modal__backdrop {   background: color-mix(in srgb, var(--bg) 78%, transparent);   backdrop-filter: blur(8px);   transition: none; } .info-dialog {   background: color-mix(in srgb, var(--surface) 94%, var(--bg) 6%);   border-color: var(--border);   color: var(--text);   box-shadow: 0 18px 48px color-mix(in srgb, #000 28%, transparent); } .info-dialog__header h2 {   color: var(--text); } .info-panel p {   color: var(--text-muted); } .info-panel a {   color: color-mix(in srgb, var(--accent) 45%, var(--text) 55%) !important; } .info-dialog__close {   color: var(--text-muted); } .info-dialog__close:hover {   color: var(--text); } .index-page #uv-address {   background: var(--surface);   border-color: var(--border);   color: var(--text); } .index-page #uv-address::placeholder {   color: var(--text-muted); } .index-page #uv-address:hover, .index-page #uv-address:focus {   background: var(--surface-2);   border-color: color-mix(in srgb, var(--accent) 50%, var(--text) 24%);   box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent); } #newtab-landing, #history-page {   background: var(--bg-alt);   color: var(--text); } #newtab-landing h1, #history-page-header h1 {   color: var(--text); } #newtab-landing p, #historySearchClear, .history-row-time, .history-row-icon, .history-row-delete, #historyPageClearBtn {   color: var(--text-muted); } #history-search-form {   border-bottom-color: transparent;   color: var(--text); } #history-search-form input, .history-row-title {   color: var(--text); } .history-row-url {   color: var(--text-muted); } #history-page-header, .history-row {   border-bottom-color: transparent; } .history-row {   color: var(--text); } .history-row:hover {   background: color-mix(in srgb, var(--surface) 34%, transparent); } #history-sidebar {   background: var(--bg); } #history-brand, .history-side-link:hover, .history-side-link.is-active, #historySearchClear:hover, .history-row-delete:hover {   color: var(--text); } .history-side-link, .history-empty {   color: var(--text-muted); } #history-search-form input::placeholder {   color: var(--text-muted); } #footer, #footer-toggle {   background: color-mix(in srgb, var(--proxy-chrome-surface) 92%, transparent);   border-color: transparent; } #footer {   border-top: 0; } #footer-toggle {   border: 0; } #footer input {   background: var(--bg-alt);   border-color: var(--border);   color: var(--text); } #footer input:focus, body.search-focused #footer input {   background: var(--bg-alt);   border-color: color-mix(in srgb, var(--accent) 52%, var(--text) 22%);   box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent); } #footer-toggle, #footer .headericons {   color: var(--proxy-chrome-text); } #loadingbar {   background: var(--accent);   box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 55%, transparent); } #proxy-tab-tooltip {   background: var(--proxy-tooltip-bg);   border-color: var(--proxy-chrome-border);   color: var(--proxy-chrome-text); } .proxy-tab-tooltip-url, .proxy-tab-audio, .proxy-tab-pin, .proxy-tab-close, .proxy-tab-icon {   color: var(--proxy-chrome-muted); } .proxy-tab-tooltip-title {   color: var(--proxy-chrome-text); } .proxy-tab-tooltip-status {   border-top-color: color-mix(in srgb, var(--proxy-chrome-border) 62%, transparent);   color: var(--proxy-chrome-text); } .proxy-tab-tooltip-status i {   color: var(--proxy-chrome-muted); } .iframe-container {   background: var(--surface); } .frame-loading {   background: var(--surface);   color: var(--text-muted); } .iframe-container.is-loading:hover, .iframe-container.is-loading:hover .frame-loading, .iframe-container.is-loading:hover .frame-loading *, .iframe-container[aria-busy="true"]:hover, .iframe-container[aria-busy="true"]:hover .frame-loading, .iframe-container[aria-busy="true"]:hover .frame-loading * {   cursor: var(--cursor-busy, url("/cursors/truf/busy-01.cur")), auto !important; } .gameframe {   background: var(--bg-alt); } .bottom-bar {   background-color: var(--proxy-chrome-surface);   border-top: 0;   box-shadow: none; } :root[data-theme="default"] .bottom-bar {   background-color: #172626; } #iframeicons, #fullscreen, #muteframe, #copylink, #downloadgame, #clipgame, #aboutblank, .iframe-action-button {   background-color: var(--accent);   border-color: var(--border);   color: var(--text); } #iframeicons:hover, #fullscreen:hover, #muteframe:hover, #copylink:hover, #downloadgame:hover, #clipgame:hover, #aboutblank:hover, .iframe-action-button:hover {   background-color: var(--highlight); } #muteframe.is-muted {   background-color: var(--highlight);   box-shadow: inset 0 0 0 2px var(--accent);   color: var(--text); } #muteframe.is-muted:hover {   background-color: var(--accent);   box-shadow: inset 0 0 0 2px var(--highlight); } #muteframe.is-muted .iframe-action-icon {   opacity: 0.65; } :root[data-theme="default"] #muteframe.is-muted {   background-color: #314f4f;   box-shadow: none; } :root[data-theme="default"] #muteframe.is-muted:hover {   background-color: #121e1e; } .iframe-container {   background: var(--surface);   border-color: var(--border); } #copylink.copied {   background-color: color-mix(in srgb, var(--accent) 42%, transparent) !important;   color: var(--text) !important; } .not-found-page .content, .not-found-page h1 {   color: var(--text); } .not-found-page p {   color: var(--text-muted); } .button-container button {   background: var(--accent);   border-color: var(--border);   color: var(--text); } .button-container button:hover {   background: var(--highlight);   border-color: var(--border); } body:has(#game) {   background: var(--bg-alt);   color: var(--text); } body:has(#game) #goThemeMascot {   display: none !important; } body:has(#game) .btn, body:has(#game) .settings-icon, body:has(#game) .fullscreenicon {   background: color-mix(in srgb, var(--surface) 72%, transparent);   border-color: color-mix(in srgb, var(--border) 82%, transparent);   color: var(--text); } body:has(#game) .btn.active, body:has(#game) .settings-icon:hover, body:has(#game) .fullscreenicon:hover, body:has(#game) .fullscreenicon.isactive {   background: color-mix(in srgb, var(--accent) 42%, transparent);   border-color: color-mix(in srgb, var(--accent) 70%, transparent); } body:has(#game) .btn.drag-mode {   border-color: var(--accent); } body:has(#game) .joy-stick, body:has(#game) .camera-stick {   background: color-mix(in srgb, var(--accent) 42%, transparent);   border-color: color-mix(in srgb, var(--text) 28%, transparent); } body:has(#game) .joy.active .joy-stick, body:has(#game) .camera.active .camera-stick {   background: color-mix(in srgb, var(--accent) 62%, transparent); } body:has(#game) .panel {   background: color-mix(in srgb, var(--surface) 96%, var(--bg-alt) 4%);   color: var(--text);   border-left-color: color-mix(in srgb, var(--border) 72%, transparent);   scrollbar-color: color-mix(in srgb, var(--accent) 48%, transparent) transparent; } body:has(#game) .panel::-webkit-scrollbar-thumb {   background: color-mix(in srgb, var(--accent) 52%, transparent);   border: 0; } body:has(#game) .panel-head, body:has(#game) .section {   border-color: color-mix(in srgb, var(--border) 55%, transparent); } body:has(#game) .section-title {   color: color-mix(in srgb, var(--accent) 58%, var(--text) 42%); } body:has(#game) .close-btn, body:has(#game) .toggle-btn {   color: var(--text-muted); } body:has(#game) .close-btn:hover, body:has(#game) .toggle-btn:hover {   color: var(--text); } body:has(#game) .toggle-wrap {   align-items: center; } body:has(#game) .toggle-btn, body:has(#game) .btn-action, body:has(#game) .del-btn {   display: flex;   align-items: center;   justify-content: center;   text-align: center; } body:has(#game) .toggle-btn {   min-height: 42px;   padding: 0 12px; } body:has(#game) .btn-action {   min-height: 40px;   padding: 0 12px; } body:has(#game) input[type="range"] {   background: transparent;   accent-color: var(--accent); } body:has(#game) input[type="range"]::-webkit-slider-thumb {   appearance: none;   width: 14px;   height: 14px;   margin-top: -5px;   background: var(--accent);   border: 0;   border-radius: 50%; } body:has(#game) input[type="range"]::-moz-range-thumb {   width: 14px;   height: 14px;   background: var(--accent);   border: 0;   border-radius: 50%; } body:has(#game) input[type="range"]::-webkit-slider-runnable-track {   height: 4px;   background: color-mix(in srgb, var(--text) 13%, transparent);   border: 0;   border-radius: 999px; } body:has(#game) input[type="range"]::-moz-range-track {   height: 4px;   background: color-mix(in srgb, var(--text) 13%, transparent);   border: 0;   border-radius: 999px; } body:has(#game) input[type="range"]::-moz-range-progress {   height: 4px;   background: var(--accent);   border: 0;   border-radius: 999px; } body:has(#game) input[type="text"], body:has(#game) select, body:has(#game) .toggle-btn, body:has(#game) .custom-item, body:has(#game) .btn-action, body:has(#game) .del-btn {   background: color-mix(in srgb, var(--bg-alt) 72%, transparent);   border-color: color-mix(in srgb, var(--border) 74%, transparent);   color: var(--text); } body:has(#game) input[type="text"]:focus, body:has(#game) select:focus, body:has(#game) .toggle-btn:hover, body:has(#game) .toggle-btn.active, body:has(#game) .btn-action:hover, body:has(#game) .btn-action.primary, body:has(#game) .del-btn:hover {   background: color-mix(in srgb, var(--accent) 24%, transparent);   border-color: color-mix(in srgb, var(--accent) 56%, transparent); } body:has(#game) .toggle-btn.active, body:has(#game) .btn-action.primary {   color: var(--text); } body:has(#game) .btn-action.danger {   background: color-mix(in srgb, #ff6464 14%, transparent);   border-color: color-mix(in srgb, #ff6464 34%, transparent); } body:has(#game) select option {   background: var(--surface);   color: var(--text); } :root[data-theme="frutiger-aero"] body {   --iframe-action-icon-filter: brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(1520%)     hue-rotate(183deg) brightness(93%) contrast(99%);   background-color: #8bd8ff;   color: #06386a;   font-family: "Segoe UI", "Frutiger", "Trebuchet MS", Arial, sans-serif; } :root[data-theme="frutiger-aero"] body::before {   background: linear-gradient(180deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0) 34%),     linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0 12%, transparent 12% 100%),     linear-gradient(215deg, rgba(104, 217, 31, 0.24), rgba(8, 168, 238, 0.16) 42%, transparent 74%);   opacity: 0.95; } :root[data-theme="frutiger-aero"] body::after {   filter: saturate(1.28) brightness(1.12);   opacity: 0.72; } :root[data-theme="frutiger-aero"] h1, :root[data-theme="frutiger-aero"] h2, :root[data-theme="frutiger-aero"] h3, :root[data-theme="frutiger-aero"] h4, :root[data-theme="frutiger-aero"] .game h3, :root[data-theme="frutiger-aero"] .app h3, :root[data-theme="frutiger-aero"] #searchCount {   color: #06386a !important;   text-shadow: none; } :root[data-theme="frutiger-aero"] p, :root[data-theme="frutiger-aero"] label, :root[data-theme="frutiger-aero"] .settings-status, :root[data-theme="frutiger-aero"] .settings-note, :root[data-theme="frutiger-aero"] .autocomplete-item__meta {   color: #2c718d;   text-shadow: none; } :root[data-theme="frutiger-aero"] .settings-page .settings-section, :root[data-theme="frutiger-aero"] .container, :root[data-theme="frutiger-aero"] .content, :root[data-theme="frutiger-aero"] .game-gallery, :root[data-theme="frutiger-aero"] .browser-window, :root[data-theme="frutiger-aero"] #newtab-landing, :root[data-theme="frutiger-aero"] #history-page, :root[data-theme="frutiger-aero"] .autocomplete-list, :root[data-theme="frutiger-aero"] .info-dialog, :root[data-theme="frutiger-aero"] #bookmark-editor {   background: linear-gradient(       180deg,       rgba(255, 255, 255, 0.94),       rgba(218, 250, 255, 0.78) 48%,       rgba(151, 228, 255, 0.72)     ),     linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(104, 217, 31, 0.16));   border: 0;   box-shadow: none;   backdrop-filter: blur(8px) saturate(1.35); } :root[data-theme="frutiger-aero"] .settings-page .settings-section, :root[data-theme="frutiger-aero"] .game-link, :root[data-theme="frutiger-aero"] .game-thumbnail, :root[data-theme="frutiger-aero"] .app img, :root[data-theme="frutiger-aero"] .info-dialog {   border-radius: 14px; } :root[data-theme="frutiger-aero"] .settings-page .settings-section {   position: relative;   overflow: hidden; } :root[data-theme="frutiger-aero"] .settings-page .settings-section::before, :root[data-theme="frutiger-aero"] .game-link::after, :root[data-theme="frutiger-aero"] .iframe-container::before {   content: "";   position: absolute;   inset: 0;   pointer-events: none; } :root[data-theme="frutiger-aero"] .settings-page .settings-section::before, :root[data-theme="frutiger-aero"] .iframe-container::before {   background: linear-gradient(       180deg,       rgba(255, 255, 255, 0.72),       rgba(255, 255, 255, 0.2) 28%,       transparent 29%     ),     linear-gradient(120deg, transparent 0 52%, rgba(255, 255, 255, 0.34) 53% 63%, transparent 64%); } :root[data-theme="frutiger-aero"] button, :root[data-theme="frutiger-aero"] input[type="button"], :root[data-theme="frutiger-aero"] input[type="submit"], :root[data-theme="frutiger-aero"] .settings-page .settings-section button, :root[data-theme="frutiger-aero"] .button-container button, :root[data-theme="frutiger-aero"] .btn, :root[data-theme="frutiger-aero"] .btn-action, :root[data-theme="frutiger-aero"] .toggle-btn, :root[data-theme="frutiger-aero"] .close-btn, :root[data-theme="frutiger-aero"] .headericon-button, :root[data-theme="frutiger-aero"] .navbtn, :root[data-theme="frutiger-aero"] #new-tab-button, :root[data-theme="frutiger-aero"] .iframe-action-button, :root[data-theme="frutiger-aero"] #iframeicons, :root[data-theme="frutiger-aero"] #fullscreen, :root[data-theme="frutiger-aero"] #copylink, :root[data-theme="frutiger-aero"] #downloadgame, :root[data-theme="frutiger-aero"] #clipgame, :root[data-theme="frutiger-aero"] #aboutblank {   background: linear-gradient(     180deg,     rgba(255, 255, 255, 0.9),     rgba(135, 228, 255, 0.92) 42%,     rgba(4, 150, 224, 0.94)   );   border: 1px solid rgba(6, 119, 200, 0.72);   color: #053a72;   text-shadow: none;   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.96),     inset 0 -2px 0 rgba(0, 87, 171, 0.22),     0 5px 14px rgba(8, 102, 178, 0.2); } :root[data-theme="frutiger-aero"] button:hover, :root[data-theme="frutiger-aero"] input[type="button"]:hover, :root[data-theme="frutiger-aero"] input[type="submit"]:hover, :root[data-theme="frutiger-aero"] .settings-page .settings-section button:hover, :root[data-theme="frutiger-aero"] .button-container button:hover, :root[data-theme="frutiger-aero"] .btn:hover, :root[data-theme="frutiger-aero"] .btn-action:hover, :root[data-theme="frutiger-aero"] .toggle-btn:hover, :root[data-theme="frutiger-aero"] .headericon-button:hover, :root[data-theme="frutiger-aero"] .navbtn:hover, :root[data-theme="frutiger-aero"] .iframe-action-button:hover {   background: linear-gradient(180deg, #ffffff, #b8f25b 42%, #08a8ee);   border-color: rgba(75, 180, 21, 0.82);   color: #03335e; } :root[data-theme="frutiger-aero"] input, :root[data-theme="frutiger-aero"] select, :root[data-theme="frutiger-aero"] textarea, :root[data-theme="frutiger-aero"] .search-bar, :root[data-theme="frutiger-aero"] #searchInput.search-bar, :root[data-theme="frutiger-aero"] .index-page .search-bar, :root[data-theme="frutiger-aero"] #footer input, :root[data-theme="frutiger-aero"] #teacher-setup-dialogs-container-searchbar, :root[data-theme="frutiger-aero"] #uv-address, :root[data-theme="frutiger-aero"] #history-search-form input, :root[data-theme="frutiger-aero"] .settings-page #titleSelect, :root[data-theme="frutiger-aero"] .settings-page #proxySelect, :root[data-theme="frutiger-aero"] .settings-page #themeSelect, :root[data-theme="frutiger-aero"] .settings-page #panicUrlInput {   background: linear-gradient(     180deg,     rgba(255, 255, 255, 0.96),     rgba(219, 249, 255, 0.96)   ) !important;   border: 1px solid rgba(36, 168, 232, 0.76) !important;   color: #06386a !important;   box-shadow:     inset 0 1px 2px rgba(0, 79, 146, 0.16),     0 0 0 3px rgba(255, 255, 255, 0.26) !important; } :root[data-theme="frutiger-aero"] input::placeholder, :root[data-theme="frutiger-aero"] textarea::placeholder, :root[data-theme="frutiger-aero"] .search-bar::placeholder, :root[data-theme="frutiger-aero"] #uv-address::placeholder {   color: rgba(44, 113, 141, 0.78); } :root[data-theme="frutiger-aero"] select option {   background: #e7fbff;   color: #06386a; } :root[data-theme="frutiger-aero"] .game, :root[data-theme="frutiger-aero"] .app {   background: transparent; } :root[data-theme="frutiger-aero"] .game-link, :root[data-theme="frutiger-aero"] .app a {   background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(207, 247, 255, 0.72));   border: 1px solid rgba(255, 255, 255, 0.72);   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.94),     0 10px 22px rgba(0, 101, 180, 0.28); } :root[data-theme="frutiger-aero"] .game-link::after {   background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0) 34%),     linear-gradient(145deg, transparent 0 50%, rgba(255, 255, 255, 0.28) 51% 62%, transparent 63%);   opacity: 1;   transition: opacity 0.25s ease; } :root[data-theme="frutiger-aero"] .game-link::before {   color: #ffffff;   text-shadow: none; } :root[data-theme="frutiger-aero"] .game:hover .game-link {   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.98),     0 14px 28px rgba(8, 168, 238, 0.34),     0 0 0 3px rgba(184, 242, 91, 0.38); } :root[data-theme="frutiger-aero"] .game:hover .game-link::after {   opacity: 0.72; } :root[data-theme="frutiger-aero"] .iframe-container {   position: relative;   background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(183, 238, 255, 0.78));   border: 1px solid rgba(36, 168, 232, 0.76);   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.94),     0 14px 30px rgba(0, 94, 171, 0.28); } :root[data-theme="frutiger-aero"] .gameframe, :root[data-theme="frutiger-aero"] #gameframe, :root[data-theme="frutiger-aero"] #iframeid {   background: #d7f8ff;   border: 1px solid rgba(255, 255, 255, 0.66); } :root[data-theme="frutiger-aero"] body::before {   background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 42%),     linear-gradient(135deg, rgba(92, 205, 255, 0.12), rgba(126, 220, 58, 0.1));   opacity: 0.7; } :root[data-theme="frutiger-aero"] body::after {   filter: saturate(1.12) brightness(1.04);   opacity: 0.62; } :root[data-theme="frutiger-aero"] .content, :root[data-theme="frutiger-aero"] .container, :root[data-theme="frutiger-aero"] .game-gallery {   background: transparent !important;   border: 0 !important;   box-shadow: none !important;   backdrop-filter: none; } :root[data-theme="frutiger-aero"] .settings-page .settings-section, :root[data-theme="frutiger-aero"] .browser-window, :root[data-theme="frutiger-aero"] #newtab-landing, :root[data-theme="frutiger-aero"] #history-page, :root[data-theme="frutiger-aero"] .autocomplete-list, :root[data-theme="frutiger-aero"] .info-dialog, :root[data-theme="frutiger-aero"] #bookmark-editor {   background: rgba(220, 248, 255, 0.68) !important;   border: 0;   box-shadow: none;   backdrop-filter: blur(5px) saturate(1.14); } :root[data-theme="frutiger-aero"] .settings-page .settings-section::before, :root[data-theme="frutiger-aero"] .iframe-container::before {   background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), transparent 30%); } :root[data-theme="frutiger-aero"] button, :root[data-theme="frutiger-aero"] input[type="button"], :root[data-theme="frutiger-aero"] input[type="submit"], :root[data-theme="frutiger-aero"] .settings-page .settings-section button, :root[data-theme="frutiger-aero"] .button-container button, :root[data-theme="frutiger-aero"] .btn, :root[data-theme="frutiger-aero"] .btn-action, :root[data-theme="frutiger-aero"] .toggle-btn, :root[data-theme="frutiger-aero"] .close-btn, :root[data-theme="frutiger-aero"] .headericon-button, :root[data-theme="frutiger-aero"] .navbtn, :root[data-theme="frutiger-aero"] #new-tab-button, :root[data-theme="frutiger-aero"] .iframe-action-button, :root[data-theme="frutiger-aero"] #iframeicons, :root[data-theme="frutiger-aero"] #fullscreen, :root[data-theme="frutiger-aero"] #copylink, :root[data-theme="frutiger-aero"] #downloadgame, :root[data-theme="frutiger-aero"] #clipgame, :root[data-theme="frutiger-aero"] #aboutblank {   background: linear-gradient(180deg, #dff8ff, #54c4ec) !important;   border-color: rgba(8, 116, 185, 0.62);   color: #053a72;   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.68),     0 3px 8px rgba(0, 91, 155, 0.18); } :root[data-theme="frutiger-aero"] button:hover, :root[data-theme="frutiger-aero"] input[type="button"]:hover, :root[data-theme="frutiger-aero"] input[type="submit"]:hover, :root[data-theme="frutiger-aero"] .settings-page .settings-section button:hover, :root[data-theme="frutiger-aero"] .button-container button:hover, :root[data-theme="frutiger-aero"] .btn:hover, :root[data-theme="frutiger-aero"] .btn-action:hover, :root[data-theme="frutiger-aero"] .toggle-btn:hover, :root[data-theme="frutiger-aero"] .headericon-button:hover, :root[data-theme="frutiger-aero"] .navbtn:hover, :root[data-theme="frutiger-aero"] .iframe-action-button:hover {   background: linear-gradient(180deg, #ecfbff, #75d33d) !important; } :root[data-theme="frutiger-aero"] input, :root[data-theme="frutiger-aero"] select, :root[data-theme="frutiger-aero"] textarea, :root[data-theme="frutiger-aero"] .search-bar, :root[data-theme="frutiger-aero"] #searchInput.search-bar, :root[data-theme="frutiger-aero"] .index-page .search-bar, :root[data-theme="frutiger-aero"] #footer input, :root[data-theme="frutiger-aero"] #teacher-setup-dialogs-container-searchbar, :root[data-theme="frutiger-aero"] #uv-address, :root[data-theme="frutiger-aero"] #history-search-form input, :root[data-theme="frutiger-aero"] .settings-page #titleSelect, :root[data-theme="frutiger-aero"] .settings-page #proxySelect, :root[data-theme="frutiger-aero"] .settings-page #themeSelect, :root[data-theme="frutiger-aero"] .settings-page #panicUrlInput {   background: rgba(224, 249, 255, 0.78) !important;   border-color: rgba(36, 168, 232, 0.54) !important;   box-shadow:     inset 0 1px 2px rgba(0, 79, 146, 0.12),     0 0 0 2px rgba(255, 255, 255, 0.18) !important; } :root[data-theme="frutiger-aero"] .game-link, :root[data-theme="frutiger-aero"] .app a {   background: rgba(198, 239, 248, 0.32) !important;   border-color: rgba(232, 254, 255, 0.54);   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.42),     0 7px 16px rgba(0, 98, 168, 0.18); } :root[data-theme="frutiger-aero"] .game-link::after {   background: rgba(255, 255, 255, 0.12);   opacity: 1; } :root[data-theme="frutiger-aero"] .iframe-container {   background: rgba(205, 243, 250, 0.34) !important;   border-color: rgba(36, 168, 232, 0.5);   box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.46),     0 10px 22px rgba(0, 94, 171, 0.2); } :root[data-theme="frutiger-aero"] .gameframe, :root[data-theme="frutiger-aero"] #gameframe, :root[data-theme="frutiger-aero"] #iframeid {   background: rgba(215, 248, 255, 0.5) !important; } :root[data-theme="wii"] body {   background-color: #f7f7f5; } :root[data-theme="wii"] body::after {   filter: saturate(1.08) brightness(1.14); } :root[data-theme="wii"] .settings-header h1, :root[data-theme="wii"] .settings-header p {   text-shadow: 0 1px 0 #ffffff; } :root[data-theme="wii"] .settings-page .settings-section button, :root[data-theme="wii"] #new-tab-button, :root[data-theme="wii"] .iframe-action-button {   background: linear-gradient(180deg, #24b9e4, #0d88b6);   color: #ffffff;   border-color: #0d78a3; } :root[data-theme="cut-the-rope"] .settings-page .settings-section {   border-color: #d39a55;   background: linear-gradient(     180deg,     color-mix(in srgb, #8ed400 18%, transparent),     color-mix(in srgb, var(--surface) 84%, transparent)   );   box-shadow: none; } :root[data-theme="cut-the-rope"] .settings-page .settings-section select, :root[data-theme="cut-the-rope"] .settings-page .settings-section input[type="url"], :root[data-theme="cut-the-rope"] .settings-page .settings-section input[type="text"], :root[data-theme="cut-the-rope"] .settings-page .settings-section input[type="file"] {   background: color-mix(in srgb, #eaf8ff 86%, transparent);   border-color: #9c6935;   color: #39230f; } :root[data-theme="cut-the-rope"] .settings-page #titleSelect, :root[data-theme="cut-the-rope"] .settings-page #proxySelect, :root[data-theme="cut-the-rope"] .settings-page #themeSelect, :root[data-theme="cut-the-rope"] .settings-page #panicUrlInput {   background: color-mix(in srgb, #eaf8ff 86%, transparent);   border-color: #9c6935;   color: #39230f; } :root[data-theme="cut-the-rope"] .settings-page #titleSelect option, :root[data-theme="cut-the-rope"] .settings-page #proxySelect option, :root[data-theme="cut-the-rope"] .settings-page #themeSelect option {   background: #eaf8ff;   color: #39230f; } :root[data-theme="cut-the-rope"] .settings-page .settings-section button, :root[data-theme="cut-the-rope"] #new-tab-button {   background: linear-gradient(180deg, #b1ec1b, #5f9b12);   color: #ffffff;   border-color: #78471f;   box-shadow: inset 0 -2px 0 color-mix(in srgb, #4d2d14 54%, transparent); } :root[data-theme="cut-the-rope"] body::after {   filter: saturate(1.08) brightness(1.04); } :root[data-theme="cut-the-rope"] .settings-page .settings-section {   background: linear-gradient(     180deg,     color-mix(in srgb, #6d9f1d 22%, transparent),     color-mix(in srgb, #5b3a20 84%, transparent)   );   border: 0;   box-shadow: none; } :root[data-theme="cut-the-rope"] .settings-page .settings-section button, :root[data-theme="cut-the-rope"] #new-tab-button {   background: linear-gradient(180deg, #9de01f, #6d9f1d);   border-color: #4a2d18;   color: #ffffff;   box-shadow: inset 0 -2px 0 color-mix(in srgb, #4a2d18 42%, transparent); } :root[data-theme="cut-the-rope"] .settings-page #titleSelect, :root[data-theme="cut-the-rope"] .settings-page #proxySelect, :root[data-theme="cut-the-rope"] .settings-page #themeSelect, :root[data-theme="cut-the-rope"] .settings-page #panicUrlInput {   background: color-mix(in srgb, #f4ecd9 90%, transparent);   border-color: #bd8a4b;   color: #39230f; } :root[data-theme] .proxy-tab, :root[data-theme] .proxy-tab:hover, :root[data-theme] .proxy-tab.is-active, :root[data-theme] .proxy-tab:active, :root[data-theme] #new-tab-button, :root[data-theme] #new-tab-button:hover, :root[data-theme] #new-tab-button:active {   border-color: transparent !important; } :root[data-theme] .proxy-tab, :root[data-theme] .bookmark-item {   cursor: grab !important; } :root[data-theme] .proxy-tab:active, :root[data-theme] .proxy-tab-drag-ghost, :root[data-theme] .bookmark-item:active, :root[data-theme] .bookmark-drag-ghost {   cursor: grabbing !important; } :root[data-theme] .proxy-tab-close, :root[data-theme] .proxy-tab-pin, :root[data-theme] #new-tab-button, :root[data-theme] #bookmark-toggle.headericon-button, :root[data-theme] .sidebar-tool-button, :root[data-theme] .side-collapse-toggle, :root[data-theme] .bookmark-folder-child-remove {   cursor: var(--cursor-link, url("/cursors/truf/link.cur")), pointer !important; } :root[data-theme] .bookmark-menu, :root[data-theme] .tab-menu, :root[data-theme] .bookmark-folder-dialog {   border: 0 !important; } :root[data-theme] .bookmark-menu, :root[data-theme] .tab-menu {   min-width: 168px !important;   padding: 6px !important; } :root[data-theme] .tab-menu {   min-width: 132px !important;   padding: 5px !important;   background: color-mix(in srgb, var(--surface) 92%, var(--bg-alt) 8%) !important; } :root[data-theme] .bookmark-menu button, :root[data-theme] .tab-menu button, :root[data-theme] .bookmark-menu button:hover, :root[data-theme] .tab-menu button:hover, :root[data-theme] .bookmark-menu button:active, :root[data-theme] .tab-menu button:active, :root[data-theme] .bookmark-menu button:focus, :root[data-theme] .tab-menu button:focus {   height: 30px !important;   margin: 0 !important;   padding: 0 9px !important;   border: 0 !important;   border-radius: 6px !important;   box-shadow: none !important;   text-shadow: none !important; } :root[data-theme] .bookmark-menu button i, :root[data-theme] .tab-menu button i {   width: 14px !important;   font-size: 12px !important;   opacity: 0.78; } :root[data-theme] .bookmark-folder-dialog {   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-sidebar-collapsed #bookmark-list, :root[data-theme] .proxy-sidebar-collapsed #bookmark-list {   display: flex !important;   align-items: center !important;   gap: 7px !important;   overflow-x: hidden !important;   overflow-y: auto !important; } :root[data-theme] body.proxy-sidebar-collapsed .bookmark-item, :root[data-theme] .proxy-sidebar-collapsed .bookmark-item, :root[data-theme] body.proxy-sidebar-collapsed .bookmark-folder, :root[data-theme] .proxy-sidebar-collapsed .bookmark-folder {   width: 38px !important;   height: 38px !important;   min-width: 38px !important;   max-width: 38px !important;   flex: 0 0 38px !important;   display: flex !important;   justify-content: center !important;   align-items: center !important;   padding: 0 !important; } :root[data-theme] body.proxy-sidebar-collapsed .bookmark-item-icon, :root[data-theme] .proxy-sidebar-collapsed .bookmark-item-icon {   width: 18px !important;   height: 18px !important;   display: grid !important;   place-items: center !important;   margin: 0 !important;   line-height: 1 !important; } :root[data-theme] body.proxy-sidebar-collapsed .bookmark-item-title, :root[data-theme] .proxy-sidebar-collapsed .bookmark-item-title {   display: none !important; } :root[data-theme] body.proxy-sidebar-collapsed .proxy-tab, :root[data-theme] .proxy-sidebar-collapsed .proxy-tab {   width: 38px !important;   height: 38px !important;   min-width: 38px !important;   max-width: 38px !important;   flex: 0 0 38px !important;   display: flex !important;   justify-content: center !important;   align-items: center !important;   padding: 0 !important;   border-radius: 8px !important;   text-align: center !important; } :root[data-theme] body.proxy-sidebar-collapsed .proxy-tab-icon, :root[data-theme] .proxy-sidebar-collapsed .proxy-tab-icon {   width: 18px !important;   height: 18px !important;   flex: 0 0 18px !important;   display: grid !important;   place-items: center !important;   margin: 0 !important;   line-height: 1 !important;   text-align: center !important; } :root[data-theme] body.proxy-sidebar-collapsed .proxy-tab-icon img, :root[data-theme] .proxy-sidebar-collapsed .proxy-tab-icon img {   width: 16px !important;   height: 16px !important;   display: block !important;   margin: 0 !important; } :root[data-theme] body.proxy-sidebar-collapsed .proxy-tab-icon i, :root[data-theme] .proxy-sidebar-collapsed .proxy-tab-icon i, :root[data-theme] body.proxy-sidebar-collapsed .proxy-tab-icon > *, :root[data-theme] .proxy-sidebar-collapsed .proxy-tab-icon > *, :root[data-theme] body.proxy-sidebar-collapsed .bookmark-item-icon i, :root[data-theme] .proxy-sidebar-collapsed .bookmark-item-icon i, :root[data-theme] body.proxy-sidebar-collapsed .bookmark-item-icon > *, :root[data-theme] .proxy-sidebar-collapsed .bookmark-item-icon > *, :root[data-theme] body.proxy-sidebar-collapsed #new-tab-button i, :root[data-theme] .proxy-sidebar-collapsed #new-tab-button i, :root[data-theme] body.proxy-sidebar-collapsed #bookmark-toggle.headericon-button i, :root[data-theme] .proxy-sidebar-collapsed #bookmark-toggle.headericon-button i, :root[data-theme] body.proxy-sidebar-collapsed .side-collapse-toggle i, :root[data-theme] .proxy-sidebar-collapsed .side-collapse-toggle i {   display: grid !important;   place-items: center !important;   width: 16px !important;   height: 16px !important;   min-width: 16px !important;   min-height: 16px !important;   flex: 0 0 16px !important;   margin: 0 !important;   line-height: 1 !important;   text-align: center !important; } :root[data-theme] body.proxy-sidebar-collapsed #tabs-list .proxy-tab::before, :root[data-theme] .proxy-sidebar-collapsed #tabs-list .proxy-tab::before {   display: none !important; } :root[data-theme] body.proxy-sidebar-collapsed .proxy-tab.has-pin-separator::after, :root[data-theme] .proxy-sidebar-collapsed .proxy-tab.has-pin-separator::after {   top: auto !important;   left: 4px !important;   right: 4px !important;   bottom: -6px !important;   width: auto !important;   height: 2px !important;   border-radius: 999px !important;   background: color-mix(in srgb, var(--proxy-chrome-text) 62%, transparent) !important; } :root[data-theme] .sidebar-tool-button {   width: 32px !important;   height: 32px !important;   min-width: 32px !important;   min-height: 32px !important;   display: grid !important;   place-items: center !important;   padding: 0 !important;   margin: 0 !important;   border-color: transparent !important;   box-shadow: none !important;   color: var(--proxy-chrome-muted) !important; } :root[data-theme] .sidebar-tool-button:hover, :root[data-theme] .sidebar-tool-button.is-active {   background: color-mix(in srgb, var(--proxy-chrome-surface) 66%, transparent) !important;   color: var(--proxy-chrome-text) !important; } :root[data-theme] .proxy-sidebar-collapsed .sidebar-tool-button {   width: 38px !important;   height: 38px !important;   min-width: 38px !important;   min-height: 38px !important; } :root[data-theme] .sidebar-tool-button i {   width: 16px !important;   height: 16px !important;   display: grid !important;   place-items: center !important;   line-height: 1 !important; } :root[data-theme] #history-search-form, :root[data-theme] #history-page-header, :root[data-theme] .history-row {   border-bottom: 0 !important; } :root[data-theme] #iframeicons, :root[data-theme] #fullscreen, :root[data-theme] #muteframe, :root[data-theme] #copylink, :root[data-theme] #downloadgame, :root[data-theme] #clipgame, :root[data-theme] #aboutblank, :root[data-theme] .iframe-action-button {   font-size: 18px !important;   cursor: var(--cursor-link, url("/cursors/truf/link.cur")), pointer !important;   transition: all ease-in-out 0.2s !important;   padding: 10px !important;   border-radius: 6px !important;   margin: 0 !important;   text-decoration: none !important;   display: flex !important;   align-items: center !important;   justify-content: center !important;   width: 38px !important;   height: 38px !important;   min-width: 38px !important;   min-height: 38px !important;   max-width: 38px !important;   max-height: 38px !important;   flex: 0 0 38px !important; } :root[data-theme] #iframeicons:hover, :root[data-theme] #fullscreen:hover, :root[data-theme] #muteframe:hover, :root[data-theme] #copylink:hover, :root[data-theme] #aboutblank:hover, :root[data-theme] #downloadgame:hover, :root[data-theme] #clipgame:hover, :root[data-theme] .iframe-action-button:hover {   cursor: var(--cursor-link, url("/cursors/truf/link.cur")), pointer !important; } .iframe-container.is-loading, .iframe-container.is-loading *, .iframe-container[aria-busy="true"], .iframe-container[aria-busy="true"] * {   cursor: var(--cursor-busy, url("/cursors/truf/busy-01.cur")), auto !important; } :root[data-theme] body {   background: var(--bg) !important;   color: var(--text); } :root[data-theme] body::after {   background-image: var(--theme-bg-image, none);   background-position: center;   background-repeat: no-repeat;   background-size: cover;   opacity: var(--theme-bg-opacity, 0); } :root[data-theme] :is(h1, h2, h3, h4, h5, h6) {   color: var(--text); } :root[data-theme] p {   color: var(--text-muted); } :root[data-theme] .navbar-right::before {   background: color-mix(in srgb, var(--surface) 82%, transparent) !important;   border: 1px solid color-mix(in srgb, var(--border) 74%, transparent); } :root[data-theme] .navbar-right a {   color: var(--text); } :root[data-theme] .navbar-right img {   filter: var(--iframe-action-icon-filter, brightness(0) invert(1)); } :root[data-theme] .navbar-right .label {   background: var(--surface);   color: var(--text); } :root[data-theme] #random-text {   color: var(--text-muted) !important; } :root[data-theme] #loading-screen {   background: color-mix(in srgb, var(--bg) 72%, transparent); } :root[data-theme] #loading-bar-container {   background: var(--surface); } :root[data-theme] #loading-bar {   background: var(--accent); } :root[data-theme] button {   background-color: var(--surface);   border-color: var(--border);   color: var(--text); } :root[data-theme] button:hover {   background-color: var(--surface-2);   border-color: var(--accent);   color: var(--text); } :root[data-theme] .legal-trigger, :root[data-theme] .legal-trigger:hover, :root[data-theme] .legal-trigger:focus, :root[data-theme] .legal-trigger:active {   width: auto;   min-height: 0;   margin: 0;   padding: 0;   background: transparent;   border: 0;   box-shadow: none;   transform: none; } :root[data-theme] .legal-trigger {   color: color-mix(in srgb, var(--text-muted) 72%, transparent); } :root[data-theme] .legal-trigger:hover, :root[data-theme] .legal-trigger:focus-visible {   color: var(--text); } :root[data-theme] body:has(#game) {   --control-bg: color-mix(in srgb, var(--surface) 88%, transparent);   --control-pressed: color-mix(in srgb, var(--accent) 88%, transparent);   --control-line: color-mix(in srgb, var(--border) 78%, transparent);   --panel-bg: var(--surface);   --muted: var(--text-muted);   --joystick-base: color-mix(in srgb, var(--surface-2) 68%, transparent);   --joystick-thumb: color-mix(in srgb, var(--accent) 82%, transparent); } :root[data-theme] #settings-page {   --settings-bg: var(--bg);   --settings-sidebar: var(--bg-alt);   --settings-card: var(--surface);   --settings-card-2: var(--surface-2);   --settings-card-hover: color-mix(in srgb, var(--surface-2) 78%, var(--surface) 22%);   --settings-border: color-mix(in srgb, var(--border) 72%, transparent);   --settings-divider: color-mix(in srgb, var(--border) 58%, transparent);   --settings-text: var(--text);   --settings-muted: var(--text-muted);   --settings-soft: color-mix(in srgb, var(--text-muted) 72%, transparent);   --settings-blue: var(--accent);   --settings-lavender: var(--accent);   --settings-teal: var(--accent);   background: var(--bg);   color: var(--text); } :root[data-theme] #settings-sidebar {   background: var(--bg-alt);   border-right-color: var(--settings-border); } :root[data-theme] .settings-group {   background: var(--surface);   border-color: var(--settings-border); } :root[data-theme] .settings-nav-item {   color: var(--text-muted); } :root[data-theme] .settings-nav-item:hover, :root[data-theme] .settings-nav-item.is-active {   background: var(--surface-2);   color: var(--text); } :root[data-theme] .settings-field select, :root[data-theme] #settings-page .region-picker-button, :root[data-theme] #settings-page .region-picker-option, :root[data-theme]   #settings-page   button:not(.settings-nav-item):not(.region-picker-button):not(.region-picker-option):not(     .settings-action-row   ) {   background: color-mix(in srgb, var(--surface-2) 72%, transparent);   border-color: var(--settings-border);   color: var(--text); } :root[data-theme] .settings-field select option, :root[data-theme] #settings-page .region-picker-list {   background: var(--surface);   color: var(--text); } :root[data-theme] #settings-page input[type="text"] {   background: var(--bg-alt);   border-color: var(--settings-border);   color: var(--text); } :root[data-theme] #settings-page input[type="text"]:focus {   border-color: color-mix(in srgb, var(--accent) 70%, var(--text) 18%); } :root[data-theme="wii"] body {   --iframe-action-icon-filter: brightness(0); } :root[data-theme="cat"] body {   --iframe-action-icon-filter: brightness(0);   background-color: #cfe7f2; } :root[data-theme="cat"] body::after {   background-position: right top;   background-size: 100% 100%; } :root[data-theme="cat"] .settings-page .settings-section button, :root[data-theme="cat"] #new-tab-button, :root[data-theme="cat"] .iframe-action-button {   background: #d9708f;   color: #ffffff;   border-color: #b9577a; } :root[data-theme="catppuccin"] .iframe-action-icon {   filter: brightness(0); } :root[data-theme] .library-search .search-bar, :root[data-theme] .library-search .autocomplete-list {   --library-search-bg: var(--surface);   background: var(--library-search-bg) !important;   border: 0 !important;   box-shadow: none !important; }  @supports not (display: grid) {   body.settings-page .settings-shell {     width: min(920px, calc(100% - 40px));     margin: 82px auto 72px;   }   .settings-page .settings-header {     margin-bottom: 28px;   }   .settings-page .settings-header h1 {     font-size: clamp(30px, 4vw, 40px);     letter-spacing: -0.04em;   }   .settings-page .settings-header p {     margin-top: 6px;   }   body.settings-page .settings-container {     display: block;     width: 100%;     max-width: none;     margin: 0;     padding: 0;   }   .settings-page .settings-group {     margin-bottom: 26px;     overflow: hidden;     border: 1px solid color-mix(in srgb, var(--border) 82%, var(--text) 18%);     border-radius: 12px;     background: color-mix(in srgb, var(--surface) 86%, var(--bg) 14%);     box-shadow: 0 10px 28px color-mix(in srgb, #000 14%, transparent);   }   .settings-page .settings-group-title {     margin: 0;     padding: 15px 20px;     border-bottom: 1px solid color-mix(in srgb, var(--border) 68%, transparent);     color: var(--text-muted);     font-size: 12px;     font-weight: 600;     letter-spacing: 0.08em;     text-transform: uppercase;   }   :root[data-theme] .settings-page .settings-group .settings-section {     min-height: 0;     height: auto;     display: grid;     grid-template-columns: minmax(0, 1fr) minmax(240px, 330px);     align-items: center;     gap: 28px;     margin: 0;     padding: 19px 20px;     border: 0;     border-bottom: 1px solid color-mix(in srgb, var(--border) 62%, transparent) !important;     border-radius: 0 !important;     background: transparent !important;     box-shadow: none;     backdrop-filter: none !important;     overflow: visible;   }   :root[data-theme] .settings-page .settings-group .settings-section:last-child {     border-bottom: 0 !important;   }   :root[data-theme] .settings-page .settings-group .settings-section::before {     display: none !important;   }   .settings-page .settings-copy,   .settings-page .settings-control {     min-width: 0;   }   .settings-page .settings-copy h3 {     margin: 0 0 4px;     color: var(--text);     font-size: 15px;     font-weight: 600;   }   .settings-page .settings-copy p,   .settings-page .settings-copy .settings-status,   .settings-page .settings-copy .settings-note {     margin: 0;     color: var(--text-muted);     font-size: 13px;     line-height: 1.45;   }   .settings-page .settings-copy .settings-status:not(:empty),   .settings-page .settings-copy .settings-note:not(:empty) {     margin-top: 5px;   }   .settings-page .settings-control {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: flex-end;     gap: 8px;   }   .settings-page .settings-control > label:not(.toggle-switch label) {     width: 100%;     margin: 0;     color: var(--text-muted);     font-size: 11px;     font-weight: 600;     letter-spacing: 0.05em;     text-transform: uppercase;   }   .settings-page .settings-control select,   .settings-page .settings-control input[type="url"],   .settings-page .settings-control input[type="text"] {     min-width: 180px;     flex: 1 1 190px;     min-height: 40px;     margin: 0;     border-radius: 8px;     background: var(--bg-alt);   }   :root[data-theme] .settings-page .settings-group .settings-section button {     min-height: 38px;     margin: 0 !important;     padding: 0 14px;     border-radius: 8px;     box-shadow: none;   }   .settings-page .settings-section button.secondary-button {     background: transparent;     color: var(--text);     border-color: var(--border);   }   .settings-page .settings-section button.secondary-button:hover {     background: color-mix(in srgb, var(--surface-2) 65%, transparent);   }   .settings-page .settings-section button.danger-button {     background: transparent;     color: #ff8d8d;     border-color: color-mix(in srgb, #ff6868 55%, var(--border));   }   .settings-page .settings-section button.danger-button:hover {     background: color-mix(in srgb, #ff6868 16%, transparent);   }   .settings-page .settings-control.toggle-switch {     min-height: 0;     margin: 0;     padding: 0;   }   .settings-page .settings-control.toggle-switch label {     margin: 0;     color: var(--text-muted);     font-size: 13px;   }   .settings-page .settings-actions {     margin-top: 0;   }   .settings-page #wispserversettings .settings-control,   .settings-page #panickeysettings .settings-control {     align-items: flex-end;   }   .settings-page #panickeysettings .settings-control > button:first-child {     margin-right: auto !important;   } } .autocomplete-item {   min-height: 44px; }  :root[data-theme] body.proxy-browser-page #tabbar, :root[data-theme] body.proxy-browser-page #bookmarkbar, :root[data-theme] body.proxy-browser-page #footer {   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page #tabbar {   background: var(--proxy-chrome-bg) !important; } :root[data-theme] body.proxy-browser-page #bookmarkbar {   background: var(--proxy-chrome-strip) !important; } :root[data-theme] body.proxy-browser-page #footer, :root[data-theme] body.proxy-browser-page #footer-toggle {   background: var(--proxy-chrome-surface) !important;   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page #footer-toggle {   top: -30px; } :root[data-theme] body.proxy-browser-page .proxy-tab-pin {   display: none !important; } :root[data-theme] body.proxy-browser-page .proxy-tab-close, :root[data-theme] body.proxy-browser-page .proxy-tab-close:hover, :root[data-theme] body.proxy-browser-page .proxy-tab-close:focus, :root[data-theme] body.proxy-browser-page .proxy-tab-close:active {   background: transparent !important;   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page .bookmark-item, :root[data-theme] body.proxy-browser-page .bookmark-folder, :root[data-theme] body.proxy-browser-page .bookmark-item:hover, :root[data-theme] body.proxy-browser-page .bookmark-item.is-open, :root[data-theme] body.proxy-browser-page .bookmark-folder.is-open, :root[data-theme] body.proxy-browser-page .bookmark-item.is-folder-child, :root[data-theme] body.proxy-browser-page .bookmark-menu, :root[data-theme] body.proxy-browser-page .bookmark-folder-popover, :root[data-theme] body.proxy-browser-page .bookmark-folder-dialog {   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page .bookmark-item, :root[data-theme] body.proxy-browser-page .bookmark-folder {   background: transparent !important;   outline: 0 !important; } :root[data-theme] body.proxy-browser-page #bookmark-toggle.headericon-button, :root[data-theme] body.proxy-browser-page #bookmark-toggle.headericon-button:hover, :root[data-theme] body.proxy-browser-page #bookmark-toggle.headericon-button:focus, :root[data-theme] body.proxy-browser-page #bookmark-toggle.headericon-button:active, :root[data-theme] body.proxy-browser-page #bookmark-toggle.headericon-button.is-bookmarked {   background: transparent !important;   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page #new-tab-button, :root[data-theme] body.proxy-browser-page .pinned-extension-button, :root[data-theme] body.proxy-browser-page .sidebar-tool-button, :root[data-theme] body.proxy-browser-page .side-collapse-toggle {   border: 0 !important;   box-shadow: none !important;   color: var(--proxy-chrome-muted) !important; } :root[data-theme] body.proxy-browser-page #new-tab-button:hover, :root[data-theme] body.proxy-browser-page .pinned-extension-button:hover, :root[data-theme] body.proxy-browser-page .sidebar-tool-button:hover, :root[data-theme] body.proxy-browser-page .side-collapse-toggle:hover {   color: var(--proxy-chrome-text) !important; } :root[data-theme] .navbar-right, :root[data-theme] .navbar-right::before {   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page .proxy-tab, :root[data-theme] body.proxy-browser-page #proxy-tab-tooltip, :root[data-theme] body.proxy-browser-page .proxy-tab-tooltip-status, :root[data-theme] body.proxy-browser-page .pinned-extension-button, :root[data-theme] body.proxy-browser-page #extensions-menu-button, :root[data-theme] body.proxy-browser-page #extensions-popover, :root[data-theme] body.proxy-browser-page .tab-menu {   border: 0 !important;   box-shadow: none !important; } :root[data-theme] body.proxy-browser-page .pinned-extension-button, :root[data-theme] body.proxy-browser-page .pinned-extension-button:hover, :root[data-theme] body.proxy-browser-page .pinned-extension-button:focus, :root[data-theme] body.proxy-browser-page .pinned-extension-button:active, :root[data-theme] body.proxy-browser-page #extensions-menu-button, :root[data-theme] body.proxy-browser-page #extensions-menu-button:hover, :root[data-theme] body.proxy-browser-page #extensions-menu-button:focus, :root[data-theme] body.proxy-browser-page #extensions-menu-button:active {   background: transparent !important; } .autocomplete-item__meta {   width: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .privacy-panel .privacy-intro {   margin-bottom: 16px;   color: var(--text) !important;   font-size: 0.92rem; } .privacy-list {   margin: 0; } .privacy-list > div {   display: grid;   grid-template-columns: 112px minmax(0, 1fr);   gap: 14px;   padding: 12px 0;   border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent); } .privacy-list dt {   color: var(--text);   font-size: 0.82rem;   font-weight: 600; } .privacy-list dd {   margin: 0;   color: var(--text-muted);   font-size: 0.84rem;   line-height: 1.5; } .privacy-panel .privacy-contact {   margin: 16px 0 0;   padding-top: 14px;   border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent);   font-size: 0.82rem; } @media (max-width: 680px) {   body.settings-page .settings-shell {     width: min(100% - 24px, 920px);     margin-top: 68px;   }   :root[data-theme] .settings-page .settings-group .settings-section {     grid-template-columns: 1fr;     gap: 14px;     padding: 17px 16px;   }   .settings-page .settings-control {     justify-content: flex-start;   }   .settings-page .settings-control select,   .settings-page .settings-control input[type="url"],   .settings-page .settings-control input[type="text"] {     width: 100%;   }   .privacy-list > div {     grid-template-columns: 1fr;     gap: 4px;   } }  #footer input, #footer input:focus, body.search-focused #footer input {   border-color: transparent;   box-shadow: none; }  :root[data-theme]   body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed)   #bookmark-list, :root[data-theme]   body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed)   #bookmark-list, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #bookmark-list, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #bookmark-list {   width: 100% !important;   height: auto !important;   min-height: 0 !important;   flex: 1 1 auto !important;   display: flex !important;   flex-direction: column !important;   align-items: stretch !important;   justify-content: flex-start !important;   gap: 4px !important;   padding: 2px 2px 6px !important;   overflow-x: hidden !important;   overflow-y: auto !important;   text-align: left !important; } :root[data-theme]   body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed)   .bookmark-item, :root[data-theme]   body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed)   .bookmark-item, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) .bookmark-item, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) .bookmark-item {   width: 100% !important;   min-width: 0 !important;   max-width: none !important;   flex: 0 0 36px !important;   height: 36px !important;   display: flex !important;   align-items: center !important;   justify-content: flex-start !important;   text-align: left !important;   margin: 0 !important;   padding: 0 8px 0 10px !important; } :root[data-theme]   body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed)   .bookmark-item-title, :root[data-theme]   body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed)   .bookmark-item-title, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) .bookmark-item-title, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) .bookmark-item-title {   text-align: left !important; } :root[data-theme] body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #tabs-list, :root[data-theme] body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #tabs-list, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #tabs-list, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #tabs-list {   align-items: stretch !important;   text-align: left !important; } :root[data-theme] body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) .proxy-tab, :root[data-theme] body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) .proxy-tab, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) .proxy-tab, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) .proxy-tab {   justify-content: flex-start !important;   text-align: left !important; } :root[data-theme] body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #footer, :root[data-theme] body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #footer, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #footer, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #footer {   align-items: stretch !important;   text-align: left !important; } :root[data-theme]   body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed)   #footer   > input, :root[data-theme]   body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed)   #footer   > input, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #footer > input, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #footer > input {   width: 100% !important;   margin: 0 !important;   text-align: left !important; } :root[data-theme]   body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed)   #bookmarkbar-actions, :root[data-theme]   body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed)   #bookmarkbar-actions, body.proxy-browser-page.proxy-bar-left:not(.proxy-sidebar-collapsed) #bookmarkbar-actions, body.proxy-browser-page.proxy-bar-right:not(.proxy-sidebar-collapsed) #bookmarkbar-actions {   justify-content: flex-end !important; }  :root[data-theme] body.settings-page .settings-section {   border: 0;   box-shadow: none; } :root[data-theme="mexi"] body {   background: linear-gradient(to bottom, var(--bg), var(--bg-alt)) fixed !important; } :root[data-theme="mexi"] body::before {   display: none; } #mexiParticles {   position: fixed;   inset: 0;   width: 100%;   height: 100%;   z-index: -997;   pointer-events: none; } :root[data-theme="mexi"] .game {   transition: transform 0.25s ease; } :root[data-theme="mexi"] .game:hover {   transform: scale(1.08);   z-index: 2; } :root[data-theme="mexi"] .game-link {   border-radius: 15px;   outline: 3px solid transparent;   transition:     outline-color 0.25s ease,     box-shadow 0.25s ease,     filter 0.25s ease; } :root[data-theme="mexi"] .game-thumbnail {   border-radius: 15px;   background: var(--surface); } :root[data-theme="mexi"] .game:hover .game-link {   outline-color: var(--text);   box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);   filter: brightness(1.15); } :root[data-theme="mexi"] .game:hover .game-thumbnail {   transform: none; } :root[data-theme="mexi"] .game-link::before, :root[data-theme="mexi"] .game-link::after {   display: none; } .mexi-tooltip {   position: fixed;   top: 0;   left: 0;   z-index: 10030;   padding: 5px 10px;   border-radius: 12px;   background: rgba(255, 255, 255, 0.9);   backdrop-filter: blur(2px);   color: #000;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   text-transform: capitalize;   pointer-events: none;   opacity: 0;   transform: translateY(5px);   transition:     opacity 0.2s ease,     transform 0.1s ease; } .mexi-tooltip.is-visible {   opacity: 1;   transform: translateY(0); } :where(:root[data-theme="lucide"]) * {   font-family:     "Geist",     ui-sans-serif,     system-ui,     -apple-system,     "Segoe UI",     Roboto,     Helvetica,     Arial,     sans-serif; } :root[data-theme="lucide"] body {   background: #000 !important;   letter-spacing: -0.005em; } :root[data-theme="lucide"] body::before {   display: none; } #lucideBackdrop {   position: fixed;   inset: 0;   z-index: -997;   pointer-events: none;   background: radial-gradient(circle at 18% 22%, #08204a 0, transparent 42%),     radial-gradient(circle at 82% 16%, #101b3d 0, transparent 38%),     radial-gradient(circle at 58% 88%, #062b38 0, transparent 46%), #010309; } #lucideBackdrop.is-live {   background: #000; } #lucideBackdrop canvas {   display: block;   width: 100%;   height: 100%; } #lucideBackdrop::after {   content: "";   position: absolute;   inset: 0;   background: rgba(0, 0, 0, 0.3); } :root[data-theme="lucide"] .game {   transition: transform 0.12s ease; } :root[data-theme="lucide"] .game:hover {   transform: translateY(-2px); } :root[data-theme="lucide"] .game-link {   border: 1px solid color-mix(in srgb, #fff 8%, var(--border));   border-radius: var(--radius);   background: var(--surface-2);   box-shadow: none;   transition:     border-color 0.15s ease,     box-shadow 0.15s ease; } :root[data-theme="lucide"] .game:hover .game-link {   border-color: color-mix(in srgb, #fff 16%, #34343b);   box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.7); } :root[data-theme="lucide"] .game-thumbnail {   border-radius: 0; } :root[data-theme="lucide"] .game:hover .game-thumbnail {   transform: none; } :root[data-theme="lucide"] .game-link::after {   background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent 55%);   transition: opacity 0.15s ease; } :root[data-theme="lucide"] .game-link::before {   top: auto;   bottom: 0;   left: 0;   transform: none;   padding: 0 0.6rem 0.55rem;   font-size: 13px;   font-weight: 600;   line-height: 1.25;   text-align: left;   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   transition: opacity 0.15s ease; } :root[data-theme="lucide"] .library-search .search-bar, :root[data-theme="lucide"] .library-toolbar .library-category-select {   border: 1px solid var(--border) !important;   background: color-mix(in srgb, var(--surface) 80%, transparent) !important;   backdrop-filter: blur(12px); } :where(:root[data-theme="stelight"]) * {   font-family:     "Nunito",     system-ui,     -apple-system,     "Segoe UI",     Roboto,     "Helvetica Neue",     Arial,     sans-serif; } :root[data-theme="stelight"] {   --stelight-crust: #11111b;   --stelight-line-soft: #313244;   --stelight-lavender: #b4befe;   --stelight-overlay: #7f849c; } :root[data-theme="stelight"] body {   -webkit-font-smoothing: antialiased;   font-variant-numeric: tabular-nums; } :root[data-theme="stelight"] body::before {   display: none; } :root[data-theme="stelight"] ::selection {   background: color-mix(in srgb, #9399b2 25%, transparent); } :root[data-theme="stelight"] :focus-visible {   outline: 2px solid var(--stelight-lavender);   outline-offset: 2px; } :root[data-theme="stelight"] ::-webkit-scrollbar-thumb {   background: var(--border);   border: 3px solid var(--bg);   border-radius: var(--radius);   background-clip: padding-box; } :root[data-theme="stelight"] ::-webkit-scrollbar-thumb:hover {   background: #585b70;   background-clip: padding-box; } :root[data-theme="stelight"] .navbar-right::before {   background: var(--bg-alt) !important;   border: 1px solid var(--stelight-line-soft); } :root[data-theme="stelight"] .game {   width: 200px; } :root[data-theme="stelight"] .game:hover {   transform: none; } :root[data-theme="stelight"] .game::after {   content: attr(data-name);   display: block;   margin-top: 9px;   overflow: hidden;   color: var(--text-muted);   font-size: 13px;   font-weight: 600;   line-height: 1.4;   text-align: left;   text-overflow: ellipsis;   white-space: nowrap;   transition: color 0.12s ease; } :root[data-theme="stelight"] .game:hover::after {   color: var(--text); } :root[data-theme="stelight"] .game-link {   border-radius: 4px;   background: var(--surface-2);   box-shadow: none;   outline: 1px solid transparent;   outline-offset: 2px;   transition: outline-color 0.12s ease; } :root[data-theme="stelight"] .game:hover .game-link {   outline-color: var(--border); } :root[data-theme="stelight"] .game-thumbnail {   border-radius: 0; } :root[data-theme="stelight"] .game:hover .game-thumbnail {   transform: none; } :root[data-theme="stelight"] .game-link::before, :root[data-theme="stelight"] .game-link::after {   display: none; } :root[data-theme="stelight"] .game-gallery .game .fav {   border-radius: 4px; } :root[data-theme="stelight"] .library-search .search-bar, :root[data-theme="stelight"] .library-toolbar .library-category-select {   border: 1px solid var(--border) !important;   border-radius: var(--radius) !important;   background: var(--stelight-crust) !important;   color: var(--text); } :root[data-theme="stelight"] .library-search .search-bar::placeholder {   color: var(--stelight-overlay); } :root[data-theme="stelight"] .library-search .search-bar:focus, :root[data-theme="stelight"] .library-toolbar .library-category-select:focus {   border-color: var(--stelight-lavender) !important;   outline: 2px solid var(--stelight-lavender);   outline-offset: 2px; } :root[data-theme="marin"] body {   --iframe-action-icon-filter: brightness(0);   background-color: #efe8dc; } :root[data-theme="marin"] body::after {   background-position: right center;   background-size: cover;   filter: none;   opacity: 1; } :root[data-theme="marin"] .settings-page .settings-section button, :root[data-theme="marin"] #new-tab-button, :root[data-theme="marin"] .iframe-action-button {   background: #e85d7f;   color: #ffffff;   border-color: #c94062; } :root[data-theme="marin"] .settings-page .settings-section button:hover, :root[data-theme="marin"] #new-tab-button:hover, :root[data-theme="marin"] .iframe-action-button:hover {   background: #c94062;   color: #ffffff;   border-color: #a93350; }
html body.settings-page .settings-section, html body.settings-page .settings-group { border: 0 !important; box-shadow: none !important; }
html body :is(.game, .game-link, .game-thumbnail) { border: 0 !important; }