html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
*,*::before,*::after {
  -webkit-user-select: none !important; user-select: none !important;
  -webkit-touch-callout: none; touch-action: pan-x pan-y !important;
}
input,textarea,[contenteditable="true"],[contenteditable="true"] * {
  -webkit-user-select: text !important; user-select: text !important;
}
h1,h2,h3,.cards .value,.login-card .discord-btn {
  overflow-wrap: normal !important; word-break: normal !important; hyphens: none;
}
.oc-site-topbar { justify-content: center; min-height: 84px; padding: 12px 24px; }
.oc-site-brand { justify-content: center; }
.oc-site-brand img { width: 58px; height: 58px; }
.oc-login-footer,.ore-page-footer {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 28px 16px; margin-top: 24px; border-top: 1px solid #30272c;
  color: #968b91; text-align: center; font: 400 11px/1.7 var(--ore-ui);
}
.oc-login-footer strong,.ore-page-footer strong { font-size: 12px; font-weight: 600; color: #e1d5db; }
.ore-page-footer { margin-top: 32px; }
.ore-route-view { min-height: 75dvh; max-width: 920px; margin: 0 auto; outline: none; animation: ore-view-in .2s ease-out; }
.ore-route-view > h1 { font: 400 26px/1.5 var(--ore-pixel); margin: 12px 0; }
.ore-view-description { color: #b0a3ab; font-size: 13px; margin-bottom: 24px; }
.ore-view-back { color: #cbbac3; font-size: 12px; background: none; border: 0; padding: 8px 0; }
.ore-menu-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.ore-menu-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px; color: #f2e9ee; text-decoration: none; border: 1px solid #403039; background: #171317; font-size: 13px; transition: background-color .16s,border-color .16s; }
.ore-menu-option:hover { border-color: #a84a5b; background: #28191f; }
.ore-menu-chevron { color: #ee6b73; font-size: 22px; }
.ore-settings-section { padding: 20px; margin: 16px 0; border: 1px solid #3b2c35; background: #151215; }
.ore-settings-section h2 { margin: 0 0 18px; font: 600 15px/1.5 var(--ore-ui); }
.ore-account-details { display: grid; grid-template-columns: minmax(100px,1fr) minmax(0,2fr); gap: 12px; font-size: 13px; }
.ore-account-details dt { color: #aa9ba4; }
.ore-account-details dd { margin: 0; overflow-wrap: anywhere; }
.ore-setting { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid #35282f; cursor: pointer; }
.ore-setting strong,.ore-setting small { display: block; font-size: 13px; line-height: 1.6; }
.ore-setting small { color: #ad9ca6; font-size: 11px; margin-top: 3px; }
.ore-setting input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #df4b59; cursor: pointer; }
.ore-settings-end { margin-top: 32px; }
.ore-settings-end p { color: #a6969f; font-size: 11px; }
.ore-settings-logout { display: block; padding: 13px 18px; background: #32181e; border: 1px solid #8a3547; color: #ffb8b8; text-decoration: none; text-align: center; font-size: 13px; }
.ore-settings-logout:hover { background: #4c202a; }
.ore-alert-icon { display: block; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ore-settings-actions { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.ore-settings-save { min-height: 44px; padding: 12px 28px; color: #fff; background: #ac3547; border: 1px solid #df6373; font: 600 13px var(--ore-ui); cursor: pointer; }
.ore-settings-save:disabled { opacity: .5; cursor: default; }
.ore-settings-actions .ore-settings-logout { width: auto; min-width: 140px; margin: 0; display: flex; align-items: center; justify-content: center; background: #85283a !important; border: 1px solid #d95870 !important; color: #fff !important; }
.ore-settings-actions .ore-settings-logout:hover { background: #aa3349 !important; }
.ore-alert-toast { position: fixed; z-index: 1000; right: 24px; bottom: 24px; max-width: min(380px, calc(100vw - 24px)); padding: 16px 20px; background: #24191f; border: 1px solid #b95164; color: #fff; box-shadow: 0 12px 40px #0008; font: 13px/1.6 var(--ore-ui); text-decoration: none; }
@media(max-width:1023px) { .ore-alert-toast { right: 12px; bottom: calc(var(--ore-nav-height) + 12px); } }
.ore-compact .cards .card { padding: 12px; min-height: 0; }
.ore-compact .cards .trend { margin-top: 7px; }
.ore-compact .admin-table td { padding-block: 7px; }
@keyframes ore-view-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1023px) {
  :root { --ore-nav-height: calc(56px + env(safe-area-inset-bottom,0px)); }
  body.has-bottom-nav .sidebar,body.has-bottom-nav .sidebar.collapsed { display: none !important; }
  body.has-bottom-nav .mobile-app-header { min-height: calc(52px + env(safe-area-inset-top,0px)); padding-block: 9px; padding-top: calc(9px + env(safe-area-inset-top,0px)); }
  body.has-bottom-nav .mobile-app-header span { font-size: 13px; }
  body.has-bottom-nav .mobile-bottom-nav { padding: 4px 6px max(4px,env(safe-area-inset-bottom,0px)); }
  body.has-bottom-nav .mobile-bottom-nav :is(a,button) { min-height: 44px; padding: 4px 2px; font-size: 9px; gap: 3px; }
  .mobile-bottom-nav svg { width: 19px; height: 19px; }
  body.has-bottom-nav .layout > .content,body.has-bottom-nav .sidebar.collapsed + .content {
    padding: calc(64px + env(safe-area-inset-top,0px)) 12px calc(var(--ore-nav-height) + 12px);
  }
  .stats-page.has-bottom-nav .content > .topbar { display: none; }
  .cards { gap: 8px; margin-top: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: auto; }
  .cards .card { display: grid; align-content: start; gap: 0; padding: 10px; min-height: 0 !important; height: auto !important; }
  .cards .card h3 { font-size: 10px; line-height: 1.35; margin: 0; }
  .cards .value { font-size: 21px; line-height: 1.15; margin: 7px 0 0; }
  .cards #mcCount { font-size: 16px; line-height: 1.3; }
  .cards .trend { font-size: 9px; line-height: 1.35; margin: 7px 0 0; }
  .cards .value-offline + .trend { display: none; }
  .ore-compact .cards .card { padding: 8px; }
  .ore-compact .cards .trend { margin-top: 5px; }
  .admin-section { padding: 12px !important; margin-top: 12px; }
  .admin-header { display: block; margin-bottom: 10px; }
  .admin-header h2 { font-size: 18px !important; line-height: 1.4; margin: 0 0 4px; }
  .admin-header p { margin: 0; font-size: 10px; color: #ac9da5; }
  .panel-page .profile-section { padding: 12px; gap: 10px; }
  .panel-page .profile-copy h1 { font-size: 20px; margin-bottom: 5px; }
  .panel-page .welcome { font-size: 11px; }
  .panel-page #skinCanvas,.panel-page .skin-placeholder { width: 90px !important; height: 144px !important; }
  .panel-page .owner-badge { min-height: 26px; padding: 5px 7px; font-size: 10px; }
  .ore-route-view > h1 { font-size: 23px; }
  .ore-menu-options { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .ore-menu-option { padding: 14px; }
  .ore-route-open .mobile-nav-overlay { display: none !important; }
  .ore-route-open .sidebar { pointer-events: none; }
  .ore-settings-section { padding: 16px; }
  .ore-page-footer { font-size: 10px; padding: 20px 8px; }
}
@media (max-width: 800px) {
  .login-wrap { min-height: auto; padding: 26px 18px 32px; gap: 24px; }
  .brand { text-align: center; }
  .brand .oc-eyebrow { justify-content: center; font-size: 9px; letter-spacing: .12em; }
  .brand h1 { font-size: clamp(26px,7vw,40px); line-height: 1.4; }
  .login-card { padding: 22px 18px; }
  .login-card h2 { font-size: 18px; line-height: 1.7; }
  .login-card p { font-size: 12px; line-height: 1.7; }
  .login-card .discord-btn { min-height: 48px; font-size: 11px; line-height: 1.6; letter-spacing: 0; padding: 10px; gap: 8px; }
  .login-card .discord-icon { width: 20px; height: 20px; flex-basis: 20px; }
  .login-card .oc-login-note { font-size: 10px; padding-top: 16px; margin-top: 18px; }
  .oc-login-footer { margin-top: 0; padding-bottom: 24px; font-size: 10px; }
}
@media (max-width: 700px) {
  .admin-table-scroll { overflow: visible; max-height: none; }
  .admin-table { width: 100%; min-width: 0 !important; }
  .admin-table tbody { display: grid; gap: 10px; }
  .admin-table tr.admin-row { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-auto-rows: min-content; align-content: start; height: auto; min-height: 0; padding: 10px; gap: 4px 8px; border: 1px solid #382b32; background: #141114; }
  .ore-compact .admin-table tr.admin-row { padding: 8px; gap: 3px 8px; }
  .admin-table .admin-row td { display: block; min-width: 0; min-height: 0 !important; height: auto !important; padding: 0; border: 0; font-size: 11px; line-height: 1.4; }
  .admin-table .admin-row td::before { display: none; }
  .admin-table .admin-row td:nth-child(1) { grid-column: 1; grid-row: 1; align-self: center; font-weight: 600; font-size: 12px; }
  .admin-table .admin-row td:nth-child(5) { grid-column: 2; grid-row: 1; align-self: center; }
  .admin-table .admin-row td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; color: #ac9ba5; font-size: 10px; overflow-wrap: anywhere; }
  .admin-table .admin-row td:nth-child(2)::before { content: 'ID: '; display: inline; font-size: inherit; }
  .admin-table .admin-row td:nth-child(3),.admin-table .admin-row td:nth-child(4) { grid-column: 1 / -1; color: #c4b2bc; font-size: 10px; }
  .admin-table .admin-row td:nth-child(3)::before { content: 'Minecraft: '; display: inline; font-size: inherit; text-transform: none; }
  .admin-table .admin-row td:nth-child(4)::before { content: 'Dołączył: '; display: inline; font-size: inherit; text-transform: none; }
  .admin-table .admin-user { gap: 8px; }
  .admin-table .admin-avatar { width: 28px; height: 28px; }
  .admin-table .admin-role img { width: 55px; height: 16px; object-fit: contain; }
}
@media (max-width: 420px) {
  .cards .card { padding: 9px; }
  .cards .value { font-size: 20px; }
  .cards #mcCount { font-size: 15px; }
  .cards .trend { font-size: 9px; }
  .admin-header h2 { font-size: 17px !important; }
  .ore-account-details { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .ore-account-details dd { margin-bottom: 10px; }
}
.ore-reduce-motion *,.ore-reduce-motion *::before,.ore-reduce-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
@media (prefers-reduced-motion: reduce) { .ore-route-view { animation: none; } }