@font-face { font-family:"JetBrains Mono"; src:url("/assets/font/JetBrainsMono-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("/assets/font/JetBrainsMono-Medium.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("/assets/font/JetBrainsMono-SemiBold.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("/assets/font/JetBrainsMono-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("/assets/font/JetBrainsMono-Italic.woff2") format("woff2"); font-weight:400; font-style:italic; font-display:swap; }
:root { --nav-btn-width:130px; --nav-btn-height:32px; }
* { box-sizing:border-box; }
*::before { box-sizing:border-box; }
*::after { box-sizing:border-box; }
html, body { overflow-x:hidden; }
html { scrollbar-width:thin; scrollbar-color:#d6be96 #3d2817; }
html::-webkit-scrollbar { width:18px; }
html::-webkit-scrollbar-button { display:none; height:0; }
html::-webkit-scrollbar-track { background:linear-gradient(to bottom, #d6be96 0%, #d6be96 80px, #3d2817 80px, #3d2817 100%); border-left:2px solid #2d1f0f; }
html::-webkit-scrollbar-thumb { background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border:2px solid #8b6a3e; border-radius:0; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0,0,0,0.3); }
html::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg, #f5ebd3 0%, #e8d4ae 100%); border-color:#6b4423; }
body { font-family:"JetBrains Mono",system-ui,sans-serif; font-weight:400; background:url("/assets/img/background.webp") no-repeat center/cover fixed; color:#ddd; min-height:125vh; margin:0; padding-top:80px; display:flex; flex-direction:column; }
body.admin-page { padding-top:0; }
body.map-page { min-height:100vh; }
body.map-page .footer { display:none; }
strong { font-weight:700; }
b { font-weight:700; }
h1 { font-weight:600; }
h2 { font-weight:600; }
h3 { font-weight:600; }
h4 { font-weight:600; }
::placeholder { color:#bbb; opacity:1; }
.form-container input[type="text"] { width:100%; padding:10px; border-radius:6px; border:2px solid #8b6a3e; background:#f5ebd3; color:#2d1f0f; font-size:15px; margin-bottom:14px; display:block; }
.form-container input[type="text"]:focus { border-color:#5c4422; box-shadow:0 0 0 2px rgba(92,68,34,0.2); outline:none; }
.form-container input[type="text"]::placeholder { color:#8b6a3e; }
input:focus { outline:none; }
button:focus { outline:none; }
.form-container { padding:2.5rem; width:400px; text-align:center; max-width:90%; }
.form-container h2 { margin:0 0 1.5rem; color:#3d2817; font-weight:600; }
.form-container form { display:flex; flex-direction:column; align-items:center; width:100%; }
.form-container .input-wrapper { display:flex; width:100%; margin-bottom:14px; border:2px solid #8b6a3e; border-radius:6px; overflow:hidden; background:#f5ebd3; }
.form-container .input-wrapper:focus-within { border-color:#5c4422; box-shadow:0 0 0 2px rgba(92,68,34,0.2); }
.form-container .input-wrapper input { flex:1; padding:10px; border:none; background:#f5ebd3; color:#2d1f0f; font-size:15px; }
.form-container .input-wrapper input::placeholder { color:#8b6a3e; }
.form-container .input-wrapper button { width:42px; border:none; background:#d6be96; color:#5c4422; cursor:pointer; transition:background 0.2s; }
.form-container .input-wrapper button:hover { background:#c4ac84; }
.register-btn { width:100%; padding:12px; background:#6b4423; color:#f5e6c8; font-weight:700; cursor:pointer; border-radius:6px; border:2px solid #5c4422; transition:all 0.2s; }
.register-btn:hover { background:#5c4422; transform:translateY(-1px); box-shadow:0 4px 8px rgba(61,40,23,0.3); }
.register-btn:active { transform:translateY(0); }
@keyframes borderFlow { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.message { margin-top:15px; color:#5c4422; font-weight:500; background:#f5ebd3; padding:10px; border-radius:6px; border:2px solid #8b6a3e; }
.message a { color:#6b4423; font-weight:600; text-decoration:underline; }
.form-footer { margin-top:20px; padding-top:15px; border-top:2px solid #8b6a3e; color:#5c4422; font-size:14px; }
.form-footer a { color:#6b4423; font-weight:600; text-decoration:none; }
.form-footer a:hover { text-decoration:underline; }
.navbar { position:fixed; top:0; left:0; width:100%; background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border-bottom:3px solid #8b6a3e; border-top:2px solid #f5ebd3; box-shadow:0 4px 0 #6b4423, 0 6px 15px rgba(107, 68, 35, 0.3), inset 0 -1px 0 rgba(139, 106, 62, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); z-index:100; image-rendering:pixelated; }
.navbar::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(139, 106, 62, 0.08) 2px, rgba(139, 106, 62, 0.08) 3px), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 106, 62, 0.05) 2px, rgba(139, 106, 62, 0.05) 3px); pointer-events:none; }
.nav-inner { max-width:1200px; margin:0 auto; padding:0.7rem 1.5rem; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; position:relative; max-height:64px; overflow:visible; }
.nav-left { display:flex; justify-content:flex-start; align-items:center; grid-column:1; gap:0.5rem; }
.nav-left .nav-btn { width:var(--nav-btn-height); min-width:var(--nav-btn-height); padding:0; aspect-ratio:1; display:flex; align-items:center; justify-content:center; }
.nav-center { display:flex; justify-content:center; gap:0.8rem; grid-column:2; align-items:center; }
.nav-right { display:flex; justify-content:flex-end; align-items:center; grid-column:3; }
.nav-btn { width:var(--nav-btn-width); height:var(--nav-btn-height); display:flex; align-items:center; justify-content:center; position:relative; padding:0; background:linear-gradient(180deg, #c4ac84 0%, #a89968 100%); border:2px solid #8b6a3e; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); color:#5c4422; font-weight:700; font-size:clamp(1rem,1.3vw,1.15rem); text-decoration:none; white-space:nowrap; box-sizing:border-box; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; cursor:pointer; }
.nav-btn::before { display:none; }
.nav-btn::after { content:""; position:absolute; top:2px; left:4px; right:4px; height:40%; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; }
.nav-btn:hover { background:linear-gradient(180deg, #d6be96 0%, #c4ac84 100%); box-shadow:0 2px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 8px rgba(139, 106, 62, 0.4); color:#3d2817; }
.nav-btn:active { box-shadow:0 0 0 #6b4423, inset 0 2px 3px rgba(107, 68, 35, 0.4); }
.nav-auth-btn { width:var(--nav-btn-width); height:var(--nav-btn-height); display:flex; align-items:center; justify-content:center; padding:0; background:linear-gradient(180deg, #f5ebd3 0%, #e8d4ae 100%); border:2px solid #8b6a3e; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 0 10px rgba(139, 106, 62, 0.2); color:#5c4422; font-weight:700; font-size:clamp(0.85rem,1.1vw,1.05rem); text-decoration:none; white-space:nowrap; box-sizing:border-box; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); transition:all 0.15s ease; position:relative; }
.nav-auth-btn::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:45%; background:linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, transparent 100%); border-radius:2px; pointer-events:none; }
.nav-auth-btn:hover { background:linear-gradient(180deg, #ffffff 0%, #f5ebd3 100%); transform:translateY(1px); box-shadow:0 2px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 15px rgba(139, 106, 62, 0.3); text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7), 0 0 5px rgba(139, 106, 62, 0.3); color:#3d2817; }
.nav-dropdown-wrapper { position:relative; display:inline-block; }
.nav-split-btn { display:inline-flex; }
.nav-btn-toggle { display:none; }
.nav-dropdown-wrapper:hover .nav-btn { border-radius:4px 4px 0 0; }
.nav-btn-dropdown { position:absolute; top:100%; left:0; transform:translateY(-10px); background:#f5ebd3; border:2px solid #8b6a3e; border-top:2px solid #8b6a3e; border-radius:0 0 6px 6px; box-shadow:0 4px 0 #6b4423, 0 6px 12px rgba(107, 68, 35, 0.3), inset 0 -1px 0 rgba(139, 106, 62, 0.2); width:100%; margin-top:0; opacity:0; visibility:hidden; transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; z-index:1000; overflow:hidden; }
.nav-dropdown-wrapper:hover .nav-btn-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.nav-btn-dropdown-item { display:flex; align-items:center; gap:6px; padding:10px 12px; color:#5c4422; text-decoration:none; font-size:0.8rem; font-weight:600; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.5); transition:all 0.15s ease; border-top:1px solid #d6be96; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nav-btn-dropdown-item::before { content:"▸"; position:absolute; left:8px; opacity:0; transition:opacity 0.2s, left 0.2s; color:#6b4423; font-size:0.7rem; }
.nav-btn-dropdown-item:first-child { border-top:2px solid #8b6a3e; }
.nav-btn-dropdown-item:hover { background:#d6be96; padding-left:22px; color:#3d2817; }
.nav-btn-dropdown-item:hover::before { opacity:1; left:10px; }
.nav-btn-dropdown-item i { width:14px; min-width:14px; text-align:center; color:#8b6a3e; filter:drop-shadow(0.5px 0.5px 0 rgba(255, 255, 255, 0.4)); font-size:0.75rem; }
.nav-dropdown-small { font-size:0.72rem !important; letter-spacing:-0.02em; }
.nav-icon { height:42px; width:auto; object-fit:contain; margin:0 8px; transform:scale(1.74); animation:nav-icon-sway 4s ease-in-out infinite; }
@keyframes nav-icon-sway { 0%, 100% { transform:scale(1.74) rotate(-2deg); } 50% { transform:scale(1.74) rotate(2deg); } }
.user-profile-box { display:flex; align-items:center; gap:10px; background:#f5ebd3; padding:4px 14px 4px 4px; border:2px solid #8b6a3e; border-radius:6px; box-shadow:0 3px 0 #6b4423, inset 0 1px 0 rgba(255, 255, 255, 0.5); position:absolute; right:1rem; min-width:180px; top:50%; transform:translateY(-50%); cursor:pointer; transition:all 0.15s ease; }
.user-profile-box:hover { border-radius:6px 6px 0 0; transform:translateY(-50%); box-shadow:0 3px 0 #6b4423, inset 0 1px 0 rgba(255, 255, 255, 0.5); background:#ffffff; }
.user-avatar { height:32px; width:32px; border-radius:4px; border:2px solid #8b6a3e; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); object-fit:cover; image-rendering:pixelated; }
.user-name { color:#5c4422; font-weight:700; font-size:0.95rem; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
.user-dropdown { position:absolute; top:100%; left:-2px; background:#f5ebd3; border:2px solid #8b6a3e; border-top:2px solid #8b6a3e; border-radius:0 0 6px 6px; box-shadow:0 4px 0 #6b4423, 0 6px 12px rgba(107, 68, 35, 0.3), inset 0 -1px 0 rgba(139, 106, 62, 0.2); width:calc(100% + 4px); margin-top:0; opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; z-index:1000; overflow:hidden; box-sizing:border-box; }
.user-profile-box:hover .user-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.user-dropdown-item { display:flex; align-items:center; gap:8px; padding:12px 16px; color:#5c4422; text-decoration:none; font-size:0.9rem; font-weight:600; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.5); transition:all 0.15s ease; border-top:1px solid #d6be96; position:relative; }
.user-dropdown-item::before { content:"▸"; position:absolute; left:10px; opacity:0; transition:opacity 0.2s, left 0.2s; color:#6b4423; }
.user-dropdown-item:first-child { border-top:2px solid #8b6a3e; }
.user-dropdown-item:hover { background:#d6be96; padding-left:26px; color:#3d2817; }
.user-dropdown-item:hover::before { opacity:1; left:12px; }
.user-dropdown-item i { width:16px; text-align:center; color:#8b6a3e; filter:drop-shadow(0.5px 0.5px 0 rgba(255, 255, 255, 0.4)); }
.main-content { margin-top:120px; margin-left:auto; margin-right:auto; padding:2.5rem; border-radius:20px; color:#2d1f0f; text-align:center; width:500px; max-width:90%; display:flex; justify-content:center; align-items:center; }
.main-content h1 { color:#fafafa; font-size:2.2rem; margin:0; }
.player-stats .player-stats-main-content { margin-top:20px; padding:2rem; border-radius:20px; color:#ddd; width:100%; max-width:1100px; margin-inline:auto; }
.player-stats .player-stats-table-container { overflow:hidden!important; margin-top:1rem; }
.player-stats .player-stats-table { width:100%; border-collapse:collapse; color:#000; font-size:.9rem; }
.player-stats .player-stats-th { padding:12px 10px; border-bottom:1px solid rgba(255,255,255,.1); text-align:center; cursor:pointer; position:sticky; top:0; }
.player-stats .player-stats-td { padding:12px 10px; border-bottom:1px solid rgba(255,255,255,.1); text-align:center; }
.player-stats .player-stats-th:first-child { text-align:left; }
.player-stats .player-stats-td:first-child { text-align:left; }
.player-stats .player-stats-name-cell { display:flex; align-items:center; gap:10px; }
.player-stats .player-stats-player-head { width:24px; height:24px; border-radius:4px; image-rendering:pixelated; background:rgba(255,255,255,.05); }
.player-stats .player-stats-name-link { color:inherit; text-decoration:none; }
.player-stats .player-stats-loading { text-align:center; padding:15px; color:#fff; }
@keyframes player-stats-fadeInRow { from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none} }
.player-stats .player-stats-fade-in { animation:player-stats-fadeInRow .8s cubic-bezier(.33,1,.68,1) forwards; }
.player-stats .player-stats-th.player-stats-active { color:#378105; }
.player-stats html { scrollbar-width:none; }
.player-stats body { scrollbar-width:none; }
.player-stats html::-webkit-scrollbar { display:none!important; }
.player-stats body::-webkit-scrollbar { display:none!important; }
.player-stats-table-container::-webkit-scrollbar { display:none!important; }
.card-map { border:16px solid transparent; border-image:url("/assets/img/map-frame.webp") 16 round; background:#d6be96 !important; opacity:1 !important; background-clip:padding-box; image-rendering:pixelated; border-radius:0; }
.player-stats thead { background:transparent!important; }
.player-stats thead tr { background:transparent!important; }
.player-stats thead th { background:transparent!important; }
.player-stats .player-stats-th { background:transparent!important; }
.card-map { border:16px solid transparent; border-image:url("/assets/img/map-frame.webp") 16 round; background:#d6be96 !important; opacity:1 !important; background-clip:padding-box !important; -webkit-background-clip:padding-box !important; image-rendering:pixelated; border-radius:0; padding:12px 6px !important; }
.card-map h3 { color:#000; }
.card-map h2 { border-bottom-color:#8b6a3e; color:#000; }
.card-map h3 { border-bottom-color:#8b6a3e; }
.card-map .stat-row { color:#000; }
.card-map .stat-label { color:#000; text-align:left; }
.card-map .stat-value { color:#000; }
.card-map .player-name-header { color:#000; margin-top:-4px !important; }
.card-map .about-me-text { color:#000; }
.card-map .player-joined-date { color:#666; }
.card-map .player-info-icon { color:#555; }
.card-map .player-info-icon:hover { color:#333; }
.card-map .online-status { color:#1a5a2e; font-weight:700; text-shadow:0 0 3px rgba(255, 255, 255, 1), 1px 1px 2px rgba(255, 255, 255, 0.9); }
.card-map a, .card-map span { color:#2d1f0f; }
.card-grass { padding:26px 20px; text-align:center; position:relative; background:url("/assets/img/dirt_block.webp"); background-repeat:repeat; background-size:64px 64px; border:2px solid #2d2218; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #1a1410, inset 0 -1px 0 rgba(26, 20, 16, 0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.card-grass::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.card-grass::after { content:""; position:absolute; top:0; left:0; right:0; height:64px; background:url("/assets/img/grass_block.webp") repeat-x; background-size:64px 64px; image-rendering:pixelated; z-index:0; pointer-events:none; }
.card-grass > * { position:relative; z-index:1; }
.card-grass:hover { background:url("/assets/img/dirt_block.webp"); background-repeat:repeat; background-size:64px 64px; box-shadow:0 2px 0 #1a1410, inset 0 -1px 0 rgba(26, 20, 16, 0.3); border-bottom-width:2px; transform:translateY(1px); filter:brightness(1.08); }
.card-grass:active { background:url("/assets/img/dirt_block.webp"); background-repeat:repeat; background-size:64px 64px; box-shadow:0 0 0 #1a1410, inset 0 2px 3px rgba(26, 20, 16, 0.4); transform:translateY(3px); filter:brightness(0.95); }
.card-grass .stat-card-icon { color:#fff; filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.9)); }
.card-grass .stat-card-title { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .stat-card-value { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .stat-card-subtitle { color:#ddd; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass a, .card-grass span { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .player-stats-name-link { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass h3 { color:#fff !important; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9) !important; }
.card-grass h2 { border-bottom:3px solid #3a3028 !important; color:#fff !important; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9) !important; padding-bottom:10px !important; margin-bottom:15px !important; }
.card-grass h3 { border-bottom:3px solid #3a3028 !important; padding-bottom:10px !important; margin-bottom:15px !important; }
.card-grass .stat-row { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .player-name-header span { all:unset !important; }
.card-grass .stat-label { color:#fff; text-align:left; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .stat-value { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .player-name-header { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); margin-top:18px !important; }
.card-grass .about-me-text { color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .player-joined-date { color:#ddd; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.9), 1px 1px 2px rgba(0, 0, 0, 0.9); }
.card-grass .player-info-icon { color:#ddd; filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8)); }
.card-grass .player-info-icon:hover { color:#fff; }
.card-grass .online-status { color:#8fea9f; font-weight:700; text-shadow:0 0 3px rgba(0, 255, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.7); }
.card-grass .block-mined-item { color:#fff; }
.card-grass .block-mined-item .stat-label { color:#fff; }
.card-grass .block-mined-item .stat-value { color:#fff; }
.card-grass .stat-row { border-bottom:1px solid #2a1f14 !important; }
.card-grass .block-mined-item { border-bottom:1px solid #2a1f14 !important; }
.card-grass .edit-card-btn { top:14px !important; }
.card-grass.player-advancements-card h3 { margin-top:-10px !important; }
.settings-container { max-width:1600px; margin:0 auto; margin-top:20px; padding:2rem; }
.settings-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; }
.settings-section { padding:25px; display:flex; flex-direction:column; height:100%; }
.settings-section h2 { margin-top:0; margin-bottom:15px; color:#d0e0f0; font-size:1.4em; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.settings-section.tm-card-green h2 { color:#d0f0d0; }
.settings-form { display:flex; flex-direction:column; gap:15px; }
.settings-form.link-form { flex-direction:row; gap:10px; align-items:stretch; }
.settings-form.link-form input { flex:1; margin-bottom:0; }
.settings-form.link-form button { flex-shrink:0; align-self:stretch; border-bottom-width:2px !important; box-shadow:0 2px 0 #1a5a2a, inset 0 -1px 0 rgba(42,106,58,0.3), inset 0 1px 0 rgba(255,255,255,0.3) !important; }
.highlight-command { color:#4a8a5a; font-weight:700; font-family:"JetBrains Mono",monospace; }
.settings-form input[type="file"] { padding:12px; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.2); border-radius:4px; color:#fff; font-size:14px; }
.message.success { padding:12px 40px 12px 12px; border-radius:4px; background:#4CAF50; border:2px solid #388E3C; color:#fff; font-weight:600; position:relative; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.message.error { padding:12px 40px 12px 12px; border-radius:4px; background:#f44336; border:2px solid #d32f2f; color:#fff; font-weight:600; position:relative; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.message .close-btn { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:transparent; border:none; color:rgba(255,255,255,0.8); cursor:pointer; font-size:18px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; transition:color 0.2s; }
.message .close-btn:hover { color:#fff; }
.info-text { color:rgba(255,255,255,0.7); font-size:13px; margin-top:5px; }
.warning-text { color:#ff9800; font-size:13px; margin-top:5px; }
.current-avatar { width:100px; height:100px; border-radius:50%; margin-bottom:15px; border:3px solid rgba(255,255,255,0.2); }
.avatar-preview-container { display:flex; flex-direction:column; align-items:center; gap:15px; margin-bottom:15px; }
.settings-form .input-wrapper { position:relative; }
.settings-form .input-wrapper button { position:absolute; right:5px; top:50%; transform:translateY(-50%); background:transparent; border:none; color:rgba(255,255,255,0.5); cursor:pointer; padding:8px 12px; font-size:16px; }
.settings-form .input-wrapper button:hover { color:#fff; }
.profile-avatar-section { display:flex; gap:20px; align-items:flex-start; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.1); }
.profile-avatar-left { flex-shrink:0; }
.profile-current-avatar { width:120px; height:120px; border-radius:12px; border:3px solid rgba(255,255,255,0.2); object-fit:cover; }
.profile-avatar-right { flex:1; display:flex; flex-direction:column; gap:10px; }
.profile-avatar-form { display:flex; flex-direction:column; gap:10px; }
.profile-avatar-form input[type="file"] { padding:12px; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.2); border-radius:4px; color:#fff; font-size:14px; }
.profile-username-section { display:flex; flex-direction:column; }
#minecraft-link-section { padding:15px; background:rgba(0,0,0,0.2); border-radius:8px; border:1px solid rgba(255,255,255,0.1); }
#minecraft-link-section .linked-account-info { display:flex; align-items:center; gap:15px; position:relative; }
#minecraft-link-section #link-account-form .info-text { margin-top:8px; margin-bottom:0; }
#discord-link-section { margin-top:15px; padding:15px; background:rgba(0,0,0,0.2); border-radius:8px; border:1px solid rgba(255,255,255,0.1); }
.discord-link-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #5865F2 0%, #4752C4 100%); border:2px solid #3c45a5; border-bottom-width:3px; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #2e3687, inset 0 -1px 0 rgba(60,69,165,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.discord-link-btn:hover { background:linear-gradient(180deg, #6875f5 0%, #5865F2 100%); box-shadow:0 4px 0 #2e3687, inset 0 -1px 0 rgba(60,69,165,0.3), inset 0 1px 0 rgba(255,255,255,0.4); transform:translateY(-2px); }
.discord-link-btn:active { box-shadow:0 0 0 #2e3687, inset 0 2px 3px rgba(46,54,135,0.4); transform:translateY(3px); }
.linked-section-heading { color:#d0f0d0; font-size:1.1em; margin:0; font-weight:600; text-shadow:1px 1px 0 rgba(0,0,0,0.4); }
.linked-section-heading:not(:first-of-type) { margin-top:20px; }
#minecraft-link-section, #discord-link-section { margin-top:8px; }
.minecraft-avatar { width:64px; height:64px; border-radius:8px; image-rendering:pixelated; flex-shrink:0; }
.minecraft-info { flex:1; display:flex; flex-direction:column; gap:4px; }
.minecraft-username { color:#d0f0d0; font-size:18px; font-weight:bold; margin:0; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.minecraft-uuid { color:rgba(208,240,208,0.7); font-size:12px; font-family:monospace; margin:0; }
.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); align-items:center; justify-content:center; }
.modal *, .modal *::before, .modal *::after { scrollbar-width:thin !important; scrollbar-color:#4a4a4a #1a1a1a !important; }
.modal *::-webkit-scrollbar { width:12px !important; height:12px !important; background:#1a1a1a !important; }
.modal *::-webkit-scrollbar-track { background:#1a1a1a !important; border-radius:6px !important; border:none !important; box-shadow:none !important; }
.modal *::-webkit-scrollbar-thumb { background:#4a4a4a !important; border-radius:6px !important; border:2px solid #1a1a1a !important; box-shadow:none !important; }
.modal *::-webkit-scrollbar-thumb:hover { background:#5a5a5a !important; border-color:#1a1a1a !important; }
.modal *::-webkit-scrollbar-button { display:none !important; height:0 !important; }
.modal-content { background:#2d2d2d; padding:30px; border-radius:8px; border:2px solid rgba(255,255,255,0.2); max-width:400px; width:90%; text-align:center; }
.modal-content h3 { color:#fff; margin-top:0; margin-bottom:15px; }
#profileSettingsModal .modal-body { height:350px; overflow:hidden; }
.modal-content p { color:rgba(255,255,255,0.8); margin-bottom:25px; }
.modal-buttons { display:flex; gap:15px; justify-content:center; }
.sessions-list { display:flex; flex-direction:column; gap:12px; }
.session-item { background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.1); border-radius:6px; padding:15px; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.session-item.current-session { border-color:#4CAF50; background:rgba(76,175,80,0.1); }
.session-info { flex:1; }
.session-device { display:flex; align-items:center; gap:10px; margin-bottom:8px; color:#fff; font-size:15px; }
.session-device i { color:#4CAF50; font-size:18px; }
.badge-current { background:#4CAF50; color:#fff; font-size:11px; font-weight:bold; padding:3px 8px; border-radius:12px; text-transform:uppercase; }
.session-details { display:flex; flex-direction:column; gap:4px; }
.session-details p { margin:0; color:rgba(255,255,255,0.7); font-size:13px; display:flex; align-items:center; gap:6px; }
.session-details i { color:rgba(255,255,255,0.5); font-size:12px; width:14px; }
.btn-revoke { padding:8px 16px; background:#f44336; color:white; border:none; border-radius:4px; cursor:pointer; font-size:13px; font-weight:bold; transition:background 0.3s; white-space:nowrap; }
.btn-revoke:hover { background:#d32f2f; }
.btn-revoke-all { width:100%; padding:12px; background:#ff5722; color:white; border:none; border-radius:4px; cursor:pointer; font-size:14px; font-weight:bold; transition:background 0.3s; }
.btn-revoke-all:hover { background:#e64a19; }
.claim-alert { margin:2rem auto 1rem auto; max-width:1200px; padding:0 4rem; animation:slideDown 0.3s ease; }
.claim-alert-content { background:linear-gradient(135deg, #4a90e2 0%, #357abd 100%); color:#fff; padding:1rem 1.5rem; border-radius:8px; display:flex; align-items:center; gap:1rem; box-shadow:0 4px 12px rgba(0,0,0,0.3); border:2px solid #2d5a8f; }
.claim-alert-content span { flex:1; font-size:1rem; font-weight:500; }
.claim-alert-content a { color:#ffd700; font-weight:700; text-decoration:underline; transition:color 0.2s; }
.claim-alert-content a:hover { color:#ffed4e; }
.claim-alert-close { background:transparent; border:none; color:#fff; font-size:1.8rem; cursor:pointer; padding:0; width:30px; height:30px; display:flex; align-items:center; justify-content:center; transition:transform 0.2s; line-height:1; }
.claim-alert-close:hover { transform:scale(1.2); }
@keyframes slideDown { from { opacity:0; transform:translateY(-20px); } to { opacity:1; transform:translateY(0); } }
@keyframes slideUp { from { opacity:1; transform:translateY(0); } to { opacity:0; transform:translateY(-20px); } }
.player-stats-container { margin-top:0; padding:2rem 4rem; width:100%; max-width:1200px; margin-inline:auto; display:flex; flex-direction:column; gap:1.5rem; }
.player-top-row { display:grid; grid-template-columns:350px 1fr; gap:1.5rem; }
.player-bottom-row { display:grid; grid-template-columns:350px 1fr; gap:1.5rem; }
.player-avatar-card { padding:0 1.5rem 1rem 1.5rem; text-align:center; }
.player-avatar-card h2 { margin:0; padding:0.5rem 0 0.5rem 0; color:#000; border-bottom:2px solid #8b6a3e; margin-bottom:0.5rem; font-size:1.3rem; text-align:left; }
.player-info-top { display:flex; gap:1.5rem; align-items:center; margin-top:0.75rem; }
.player-avatar-wrapper { width:120px; height:120px; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:0; margin-left:-0.5rem; flex-shrink:0; border-radius:8px; }
.player-avatar-wrapper.has-shadow { box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.player-avatar-wrapper img { width:auto; height:240px; object-fit:contain; object-position:center; max-width:100%; max-height:100%; }
.player-about-section { flex:1; text-align:left; display:flex; align-items:center; min-height:120px; }
.about-me-text { margin:0; font-size:0.9rem; line-height:1.5; color:#000; word-wrap:break-word; overflow-wrap:break-word; }
.online-status-wrapper { display:flex; align-items:center; gap:8px; margin-top:0.5rem; }
.online-status { display:flex; align-items:center; justify-content:flex-start; gap:8px; color:#000; font-weight:700; font-size:1rem; text-shadow:0 1px 2px rgba(255, 255, 255, 0.8); }
.player-info-icon-wrapper { position:relative; display:flex; align-items:center; }
.player-info-icon { font-size:0.9rem; color:#999; cursor:pointer; opacity:1; transition:all 0.2s; }
.player-info-icon:hover { opacity:1; color:#bbb; }
.player-info-tooltip { position:absolute; bottom:100%; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.9); color:#fff; padding:0.5rem 0.75rem; border-radius:4px; white-space:nowrap; font-size:0.85rem; pointer-events:none; opacity:0; transition:opacity 0.2s; z-index:10001; margin-bottom:8px; font-weight:400; }
.player-info-icon-wrapper:hover .player-info-tooltip { opacity:1; }
.player-joined-date { font-size:0.85rem; color:#666; margin-top:0.25rem; margin-bottom:0.5rem; text-align:left; }
.status-dot { width:12px; height:12px; border-radius:50%; display:inline-block; box-shadow:0 0 8px currentColor; animation:pulse 2s infinite; }
.status-dot.online { background:#22c55e; color:#22c55e; }
.status-dot.offline { background:#ef4444; color:#ef4444; animation:none; }
@keyframes pulse { 0%, 100% { opacity:1; } 50% { opacity:0.6; } }
.player-info-card { padding:1.5rem; }
.player-info-card h3 { margin:0 0 0.75rem 0; color:#000; border-bottom:2px solid #8b6a3e; padding-bottom:0.5rem; text-align:left; }
.stat-row { display:flex; justify-content:space-between; padding:0.5rem 0; border-bottom:1px solid rgba(0,0,0,0.1); color:#000; }
.stat-label { font-weight:600; }
.stat-value { font-weight:400; }
.stats-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:0 2rem; }
.block-mined-item { align-items:center; gap:0.75rem; }
.block-icon { width:32px; height:32px; image-rendering:pixelated; flex-shrink:0; }
.block-mined-item .stat-label { flex:1; }
.block-mined-item .stat-value { flex-shrink:0; }
.tm-card-tan .block-mined-item { color:#000; }
.tm-card-tan .block-mined-item .stat-label { color:#000; }
.tm-card-tan .block-mined-item .stat-value { color:#000; }
.player-placeholder-card { padding:2rem; min-height:400px; display:flex; align-items:center; justify-content:center; color:#666; }
.loading-message { text-align:center; padding:2rem; color:#000; }
.error-message { text-align:center; padding:2rem; color:#8b0000; }
.player-not-found-card { max-width:500px; margin:auto; padding:3rem 2rem; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:400px; }
.player-advancements-card { padding:2rem; min-height:400px; position:relative; }
.player-advancements-card h3 { margin:0 0 1rem 0; color:#000; border-bottom:2px solid #8b6a3e; padding-bottom:0.5rem; text-align:left; }
.advancements-grid { display:grid; grid-template-columns:repeat(auto-fit,48px); gap:10px; margin-top:1rem; justify-content:space-evenly; }
.advancement-item { width:48px; height:48px; position:relative; cursor:pointer; image-rendering:pixelated; background-size:contain; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; }
.advancement-item img { width:100%; height:100%; image-rendering:pixelated; display:block; }
.advancement-item img[data-src] { opacity:0; }
.advancement-item img.loaded { opacity:1; transition:opacity 0.2s; }
.advancement-tooltip { position:absolute; bottom:100%; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.9); color:#fff; padding:0.5rem; border-radius:4px; white-space:nowrap; font-size:0.85rem; pointer-events:none; opacity:0; transition:opacity 0.2s; z-index:1000; margin-bottom:8px; }
.advancement-item:hover .advancement-tooltip { opacity:1; }
.advancement-progress { position:absolute; bottom:-20px; right:12px; color:#000; font-size:0.9rem; font-weight:600; z-index:2; text-align:right; }
/* Advancement page - wide layout for player grid */
.advancement-container { margin-top:0; padding:2rem; max-width:2000px; width:95%; margin-inline:auto; display:grid; grid-template-columns:360px 1fr; grid-template-rows:auto auto; gap:2.5rem; }
.advancement-info-card { padding:1.25rem; grid-column:1; grid-row:1; text-align:center; }
.advancement-info-card h2 { margin:0 0 0.5rem 0; color:#e0f5f5; border-bottom:none; padding-bottom:0; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); font-size:1.1rem; }
.advancement-horizontal { display:flex; flex-direction:column; align-items:center; gap:0.75rem; }
.advancement-icon-wrapper { display:flex; justify-content:center; }
.advancement-icon { width:64px; height:64px; background-size:contain; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; image-rendering:pixelated; }
.advancement-icon img { width:60%; height:60%; image-rendering:pixelated; }
.advancement-text { text-align:center; }
.advancement-description { color:#e0f5f5; margin:0.5rem 0 0 0; font-size:0.85rem; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); line-height:1.4; }
.advancement-unlock-count { color:#e0f5f5; font-weight:600; font-size:1.1rem; margin-top:1rem; }
.first-achiever-card { padding:1.25rem; grid-column:1; grid-row:2; }
.first-achiever-card h3 { margin:0 0 1rem 0; color:#e0f5f5; border-bottom:2px solid rgba(255, 255, 255, 0.3); padding-bottom:0.5rem; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); font-size:1rem; }
.first-achiever-link { display:flex; align-items:center; gap:1rem; text-decoration:none; color:#e0f5f5; transition:opacity 0.2s; }
.first-achiever-link:hover { opacity:0.9; }
.first-achiever-head { width:48px; height:48px; image-rendering:pixelated; border-radius:4px; flex-shrink:0; }
.first-achiever-text { flex:1; text-align:left; }
.first-achiever-name { font-size:1rem; font-weight:600; color:#e0f5f5; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); margin-bottom:0.25rem; }
.first-achiever-date { font-size:0.8rem; color:#b8d8d8; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); }
.players-card { padding:2rem; grid-column:2; grid-row:1 / span 2; }
.players-card h3 { margin:0 0 1rem 0; color:#000; border-bottom:2px solid #8b6a3e; padding-bottom:0.5rem; }
.players-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(48px,48px)); gap:12px; margin-top:1rem; }
.player-face { width:48px; height:48px; position:relative; cursor:pointer; }
.player-face img { width:100%; height:100%; image-rendering:pixelated; }
.player-face-tooltip { position:absolute; bottom:100%; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.9); color:#fff; padding:0.5rem; border-radius:4px; white-space:nowrap; font-size:0.85rem; pointer-events:none; opacity:0; transition:opacity 0.2s; z-index:1000; margin-bottom:8px; }
.player-face:hover .player-face-tooltip { opacity:1; }
html.map-page, body.map-page { height:100%; margin:0; padding-top:0; }
.map-page-container { position:fixed; top:70px; left:0; right:0; bottom:0; }
.map-page-container iframe { width:100%; height:100%; border:none; display:block; }
.mobile-nav-bar { position:fixed; top:0; left:0; right:0; width:100%; height:56px; background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border-bottom:3px solid #8b6a3e; border-top:2px solid #f5ebd3; box-shadow:0 4px 0 #6b4423, 0 6px 15px rgba(107, 68, 35, 0.3); image-rendering:pixelated; z-index:200; display:none; align-items:center; justify-content:space-between; padding:0 1rem; }
.mobile-nav-left { display:flex; align-items:center; gap:0.5rem; }
.nav-toggle { background:linear-gradient(180deg, #c4ac84 0%, #a89968 100%); border:2px solid #8b6a3e; border-radius:4px; box-shadow:0 2px 0 #6b4423, inset 0 1px 0 rgba(255, 255, 255, 0.3); color:#5c4422; width:44px; height:44px; display:flex; justify-content:center; align-items:center; font-size:1.4em; cursor:pointer; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); transition:all 0.15s ease; }
.nav-toggle:hover { background:linear-gradient(180deg, #d6be96 0%, #c4ac84 100%); transform:translateY(1px); box-shadow:0 1px 0 #6b4423, inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.nav-toggle i { pointer-events:none; }
.mobile-nav-bar .user-profile-box { border:2px solid #8b6a3e; }
.mobile-stat-selector { display:none; padding:1rem; background:rgba(0,0,0,0.3); border-radius:8px; margin-bottom:1rem; align-items:center; gap:10px; }
.mobile-stat-selector label { color:#f5e6c8; font-weight:600; font-size:0.95rem; }
.stat-dropdown { flex:1; padding:8px 12px; background:#f5ebd3; border:2px solid #8b6a3e; border-radius:6px; color:#2d1f0f; font-size:0.95rem; font-weight:500; cursor:pointer; }
.stat-dropdown:focus { outline:none; border-color:#5c4422; }
@media (max-width:1200px) {
.settings-grid { grid-template-columns:1fr; }
}
.mobile-nav-social { display:none; gap:0.5rem; align-items:center; }
.mobile-nav-social .nav-btn { width:44px; min-width:44px; height:44px; padding:0; display:flex; align-items:center; justify-content:center; }
.mobile-nav-user { display:flex; align-items:center; height:100%; }
@media (max-width:768px) {
body { padding-top:66px; }
body.admin-page { padding-top:0; }
body.has-subnav { padding-top:114px; }
.mobile-nav-bar { display:flex; }
.mobile-nav-social { display:flex; }
.nav-icon { display:none; }
.nav-section-label { display:none; }
.navbar { position:fixed; top:56px; left:0; width:100%; max-height:0; overflow:hidden; transition:max-height 0.4s ease, opacity 0.3s ease; opacity:0; z-index:150; border-top:none; background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); }
.navbar.nav-active { max-height:500px; opacity:1; }
.nav-inner { grid-template-columns:1fr; grid-template-rows:auto; padding:1rem; max-height:none; overflow:visible; }
.nav-left { display:none; }
.nav-center { grid-column:1; grid-row:1; flex-direction:column; gap:0.5rem; margin-top:0; }
.nav-right { display:none; }
.nav-dropdown-wrapper { width:100%; }
.nav-dropdown-wrapper .nav-btn { width:100%; }
.nav-dropdown-wrapper:hover .nav-btn { border-radius:4px; }
.nav-dropdown-wrapper:hover .nav-btn-dropdown { opacity:0; visibility:hidden; }
.nav-dropdown-wrapper .nav-btn-dropdown { position:static !important; transform:none !important; left:auto !important; width:100% !important; margin-top:0 !important; opacity:0 !important; visibility:hidden !important; max-height:0 !important; overflow:hidden !important; transition:max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease !important; border-radius:4px !important; box-shadow:none !important; border:none !important; background:transparent !important; }
.nav-dropdown-wrapper .nav-btn-dropdown .nav-btn-dropdown-item { border:2px solid #8b6a3e; border-bottom:3px solid #8b6a3e; box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(139, 106, 62, 0.2); background:#f5ebd3; margin-bottom:0.5rem; border-radius:4px; }
.nav-dropdown-wrapper .nav-btn-dropdown .nav-btn-dropdown-item:first-child { border-top:2px solid #8b6a3e; }
.nav-dropdown-wrapper.mobile-dropdown-active .nav-btn-dropdown { opacity:1 !important; visibility:visible !important; max-height:200px !important; margin-top:0.5rem !important; }
.nav-dropdown-wrapper.mobile-dropdown-active .nav-btn-toggle i { transform:rotate(180deg); }
.nav-split-btn { display:flex; width:100%; }
.nav-btn-main { flex:1; border-radius:4px 0 0 4px !important; border-right:1px solid rgba(107, 68, 35, 0.3) !important; min-width:0; }
.nav-btn-toggle { width:36px; min-width:36px; max-width:36px; padding:0; border-radius:0 4px 4px 0 !important; display:flex !important; align-items:center; justify-content:center; flex-shrink:0; }
.nav-btn-toggle i { transition:transform 0.3s ease; font-size:0.75rem; }
.nav-btn { width:100%; height:44px; font-size:1rem; }
.nav-btn::before, .nav-btn::after { display:none; }
.nav-auth-btn { position:static; }
.mobile-nav-bar .user-profile-box { position:static; transform:none; min-width:auto; top:auto; right:auto; }
.mobile-nav-bar .nav-auth-btn { position:static; right:auto; }
.user-profile-box:hover { border-radius:6px; transform:none; }
.user-profile-box:hover .user-avatar { border-radius:4px; }
.user-profile-box:hover .user-dropdown { opacity:0; visibility:hidden; transform:translateY(-10px); }
.user-profile-box.mobile-dropdown-active { border-radius:6px 6px 0 0; }
.user-profile-box.mobile-dropdown-active .user-avatar { border-radius:4px 0 0 0; }
.user-profile-box.mobile-dropdown-active .user-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.player-stats-container { margin-top:20px !important; padding:1rem 5% !important; max-width:none !important; margin-inline:0 !important; }
.player-top-row { grid-template-columns:1fr; }
.player-bottom-row { grid-template-columns:1fr; }
.stats-grid { grid-template-columns:1fr; }
.advancement-container { grid-template-columns:1fr; margin-top:20px; }
.player-advancements-card { max-width:100%; overflow-x:hidden; }
.player-name-header { word-wrap:break-word; overflow-wrap:break-word; }
.player-advancements-card { max-width:100%; overflow-x:hidden; }
.player-name-header { word-wrap:break-word; overflow-wrap:break-word; }
.main-content { margin-top:20px; width:90%; }
.player-stats .player-stats-table-container { overflow-x:auto; }
.mobile-stat-selector { display:flex; }
.map-page-container { top:56px; }
}
@media (max-width:480px) {
.settings-container { padding:1rem; margin-top:0; }
.settings-grid { gap:15px; }
.settings-section { padding:20px; }
.profile-avatar-section { flex-direction:column; align-items:center; text-align:center; }
.profile-current-avatar { width:100px; height:100px; }
.form-container { padding:1.5rem; width:100%; }
.nav-center { margin-top:50px; }
.advancements-grid { grid-template-columns:repeat(auto-fill,minmax(48px,48px)); gap:8px; }
.advancement-item { width:48px; height:48px; }
.players-grid { grid-template-columns:repeat(auto-fill,minmax(40px,40px)); gap:10px; }
.player-face { width:40px; height:40px; }
}
.homepage-container { max-width:1200px; margin:0 auto; margin-top:20px; padding:2rem; }
@keyframes float { 0%, 100% { transform:translateY(0px); } 50% { transform:translateY(-10px); } }
.hero-logo { display:block; max-width:700px; width:100%; height:auto; margin:0 auto 2rem auto; animation:float 3s ease-in-out infinite; }
.server-info-container { display:flex; gap:1rem; justify-content:center; align-items:center; margin:0 auto 2rem auto; flex-wrap:wrap; }
.server-ip-box { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 20px; background:linear-gradient(180deg, #f5ebd3 0%, #e8d4ae 100%); border:2px solid #8b6a3e; border-bottom-width:3px; border-radius:6px; box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107,68,35,0.2), inset 0 1px 0 rgba(255,255,255,0.6); color:#5c4422; font-weight:700; font-size:1rem; cursor:pointer; transition:all 0.2s ease; text-shadow:1px 1px 0 rgba(255,255,255,0.5); min-width:280px; }
.server-ip-box:hover { background:linear-gradient(180deg, #ffffff 0%, #f5ebd3 100%); transform:translateY(-2px); box-shadow:0 5px 0 #6b4423, inset 0 -1px 0 rgba(107,68,35,0.2), inset 0 1px 0 rgba(255,255,255,0.7); }
.server-ip-box:active { transform:translateY(1px); box-shadow:0 2px 0 #6b4423, inset 0 -1px 0 rgba(107,68,35,0.2), inset 0 1px 0 rgba(255,255,255,0.6); }
.server-ip-box i { color:#8b6a3e; }
.server-ip-text { user-select:all; }
.player-count-box { display:inline-flex; align-items:center; gap:8px; padding:12px 18px; background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border:2px solid #8b6a3e; border-bottom-width:3px; border-radius:6px; box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107,68,35,0.2), inset 0 1px 0 rgba(255,255,255,0.4); color:#5c4422; font-weight:600; font-size:0.9rem; text-shadow:1px 1px 0 rgba(255,255,255,0.4); }
.player-count-box i { color:#8b6a3e; }
.hero-section { padding:4rem 2.5rem; text-align:center; margin-bottom:3rem; }
.hero-content { max-width:800px; margin:0 auto; }
.hero-title { color:#fff; font-size:3rem; margin:0 0 1rem; font-weight:700; text-shadow:2px 2px 4px rgba(0,0,0,0.3); }
.hero-subtitle { color:#fff; font-size:1.3rem; margin:0 0 2rem; font-weight:500; }
.hero-buttons { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; align-items:center; margin-bottom:3rem; }
.hero-buttons a { display:inline-flex; align-items:center; gap:0.5rem; padding:1rem 2rem; font-size:1.1rem; text-decoration:none; }
.hero-btn { display:inline-flex; align-items:center; gap:0.5rem; padding:1rem 2rem; font-size:1.1rem; font-weight:700; text-decoration:none; border-radius:8px; transition:all 0.3s ease; border:none; cursor:pointer; }
.hero-btn-primary { background:#5865F2; color:#fff; }
.hero-btn-primary:hover { background:#4752C4; transform:translateY(-2px); box-shadow:0 6px 12px rgba(88,101,242,0.3); }
.hero-btn-secondary { background:#6b4423; color:#f5e6c8; border:2px solid #5c4422; }
.hero-btn-secondary:hover { background:#5c4422; transform:translateY(-2px); box-shadow:0 6px 12px rgba(107,68,35,0.3); }
.features-section { margin-bottom:3rem; }
.features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.feature-card { padding:2rem; text-align:center; transition:transform 0.3s ease, box-shadow 0.3s ease; }
.feature-card:hover { transform:translateY(-5px); box-shadow:0 8px 16px rgba(61,40,23,0.2); }
.feature-icon { font-size:3rem; color:#6b4423; margin-bottom:1rem; }
.feature-card h3 { color:#3d2817; margin:0 0 0.75rem; font-size:1.4rem; font-weight:700; }
.feature-card p { color:#5c4422; margin:0; line-height:1.6; font-size:0.95rem; }
.quick-links-section { margin-bottom:3rem; }
.quick-links-container { padding:2.5rem; }
.quick-links-container h2 { color:#fff; text-align:center; margin:0 0 2rem; font-size:2rem; display:flex; align-items:center; gap:0.75rem; justify-content:center; }
.quick-links-container h2 i { color:#fff; }
.quick-links-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.quick-link { display:flex; flex-direction:column; align-items:center; gap:0.75rem; padding:1.5rem; border-radius:8px; text-decoration:none; color:#fff; font-weight:600; transition:all 0.3s ease; }
.quick-link:hover { transform:translateY(-3px); }
.quick-link i { font-size:2rem; color:#fff; }
.quick-link span { font-size:1rem; }
@media (max-width:768px) {
.homepage-container { margin-top:0; padding:1rem; }
.hero-section { padding:2.5rem 1.5rem; margin-bottom:2rem; }
.hero-title { font-size:2rem; }
.hero-subtitle { font-size:1.1rem; }
.hero-buttons { flex-direction:column; align-items:stretch; }
.hero-btn { width:100%; justify-content:center; }
.features-grid { grid-template-columns:1fr; gap:1rem; }
.quick-links-grid { grid-template-columns:repeat(2,1fr); gap:0.75rem; }
}
@media (max-width:480px) {
.hero-title { font-size:1.75rem; }
.hero-subtitle { font-size:1rem; }
.feature-icon { font-size:2.5rem; }
.feature-card h3 { font-size:1.2rem; }
.quick-links-container h2 { font-size:1.5rem; }
.quick-links-grid { grid-template-columns:1fr; }
}
.sub-navbar { position:fixed; top:64px; left:0; width:100%; background:linear-gradient(180deg, #2d2d2d 0%, #1a1a1a 100%); border-bottom:3px solid #444; border-top:1px solid #3d3d3d; box-shadow:0 4px 0 #111, 0 6px 15px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(68, 68, 68, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1); z-index:90; }
.sub-nav-inner { max-width:1200px; margin:0 auto; padding:0.85rem 1.5rem 0.65rem 1.5rem; display:flex; justify-content:center; align-items:center; gap:0.8rem; position:relative; }
.nav-section-label { color:#d4c4a8; font-weight:700; font-size:0.95rem; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); position:absolute; left:1.5rem; }
.sub-navbar .nav-btn { width:var(--nav-btn-width); height:var(--nav-btn-height); display:flex; align-items:center; justify-content:center; position:relative; padding:0; background:linear-gradient(180deg, #5a4a3a 0%, #3d2f22 100%); border:2px solid #2d2218; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15); color:#d4c4a8; font-weight:700; font-size:0.9rem; text-decoration:none; white-space:nowrap; box-sizing:border-box; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); transition:all 0.15s ease; image-rendering:pixelated; }
.sub-navbar .nav-btn::after { content:""; position:absolute; top:2px; left:4px; right:4px; height:40%; background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%); border-radius:2px; pointer-events:none; }
.sub-navbar .nav-btn:hover { background:linear-gradient(180deg, #6b5744 0%, #4a3828 100%); box-shadow:0 2px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom-width:2px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 8px rgba(212, 196, 168, 0.3); color:#e8dcc0; }
.sub-navbar .nav-btn:active { box-shadow:0 0 0 #1a1410, inset 0 2px 3px rgba(0, 0, 0, 0.6); }
.sub-navbar .nav-btn.active { background:linear-gradient(180deg, #7d6a52 0%, #5a4a3a 100%); border-color:#3d2f22; box-shadow:0 3px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 10px rgba(212, 196, 168, 0.2); color:#f5ebd3; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.sub-navbar .nav-btn.active::after { background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%); }
.mobile-subnav-bar { position:fixed; top:56px; left:0; right:0; width:100%; height:48px; background:linear-gradient(180deg, #2d2d2d 0%, #1a1a1a 100%); border-bottom:3px solid #444; border-top:1px solid #3d3d3d; box-shadow:0 4px 0 #111, 0 6px 15px rgba(0, 0, 0, 0.5); z-index:89; display:none; align-items:center; justify-content:center; padding:0 1rem; }
.subnav-toggle { background:linear-gradient(180deg, #5a4a3a 0%, #3d2f22 100%); border:2px solid #2d2218; border-radius:4px; box-shadow:0 2px 0 #1a1410, inset 0 1px 0 rgba(255, 255, 255, 0.15); color:#d4c4a8; width:40px; height:40px; display:flex; justify-content:center; align-items:center; font-size:1.2em; cursor:pointer; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); transition:all 0.15s ease; position:absolute; left:1rem; }
.subnav-toggle:hover { background:linear-gradient(180deg, #6b5744 0%, #4a3828 100%); transform:translateY(1px); box-shadow:0 1px 0 #1a1410, inset 0 1px 0 rgba(255, 255, 255, 0.2); }
.subnav-toggle i { pointer-events:none; }
.mobile-subnav-title { color:#d4c4a8; font-weight:700; font-size:1rem; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); text-align:center; }
@media (max-width:768px) {
body { padding-top:114px; }
body.admin-page { padding-top:0; }
.mobile-subnav-bar { display:flex; }
.sub-navbar { top:104px; max-height:0; overflow:hidden; transition:max-height 0.4s ease, opacity 0.3s ease; opacity:0; }
.sub-navbar.subnav-active { max-height:300px; opacity:1; }
.sub-nav-inner { flex-direction:column; gap:0.5rem; padding:1rem; }
.sub-navbar .nav-btn { width:100%; height:44px; font-size:1rem; }
.nav-section-label { display:none; }
}
@media (max-width:480px) {
.sub-nav-inner { padding:0.5rem; gap:0.4rem; }
.sub-navbar .nav-btn { height:40px; font-size:0.95rem; }
}
.tm-card-tan { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #c4ac84 0%, #a89968 100%); border:2px solid #8b6a3e; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-tan::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-tan > * { position:relative; z-index:1; }
.tm-card-tan:hover { background:linear-gradient(180deg, #d6be96 0%, #c4ac84 100%); box-shadow:0 2px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.3); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-tan:active { box-shadow:0 0 0 #6b4423, inset 0 2px 3px rgba(107, 68, 35, 0.4); transform:translateY(3px); }
#advancementsContainer .tm-card-blue:hover, #advancementsContainer .tm-card-pink:hover, #advancementsContainer .tm-card-white:hover, #killsContainer .tm-card-blue:hover, #killsContainer .tm-card-pink:hover, #killsContainer .tm-card-white:hover { transform: none !important; filter: brightness(1.08); border-bottom-width:3px; }
#advancementsContainer .tm-card-blue:active, #advancementsContainer .tm-card-pink:active, #advancementsContainer .tm-card-white:active, #killsContainer .tm-card-blue:active, #killsContainer .tm-card-pink:active, #killsContainer .tm-card-white:active { transform: none !important; filter: brightness(0.95); }
.tm-card-tan .stat-card-icon { color:#1a1410; filter:drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.3)); }
.tm-card-tan .stat-card-title { color:#2d1f0f; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); }
.tm-card-tan .stat-card-value { color:#1a1410; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); }
.tm-card-tan .stat-card-subtitle { color:#3d2817; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.2); }
.tm-card-tan a, .tm-card-tan span { color:#2d1f0f; }
.tm-card-tan .player-stats-name-link { color:#2d1f0f; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); }
.tm-card-tan h2 { color:#000; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); border-bottom-color:#8b6a3e; }
.tm-card-tan h3 { color:#000; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); }
.tm-card-tan p { color:#000; }
.tm-card-tan ul { color:#000; }
.tm-card-tan li { color:#000; }
.tm-card-tan h3 { border-bottom-color:#8b6a3e; }
.tm-card-tan .stat-row { color:#000; }
.tm-card-tan .stat-label { color:#000; text-align:left; }
.tm-card-tan .stat-value { color:#000; }
.tm-card-tan .player-name-header { color:#000; margin-top:-8px !important; }
.tm-card-tan .about-me-text { color:#000; }
.tm-card-tan .player-joined-date { color:#666; }
.tm-card-tan .player-info-icon { color:#555; }
.tm-card-tan .player-info-icon:hover { color:#333; }
.tm-card-tan .online-status { color:#1a5a2e; font-weight:700; text-shadow:0 0 3px rgba(255, 255, 255, 1), 1px 1px 2px rgba(255, 255, 255, 0.9); }
.tm-card-dark { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #5a4a3a 0%, #3d2f22 100%); border:2px solid #2d2218; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-dark::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-dark > * { position:relative; z-index:1; }
.tm-card-dark:hover { background:linear-gradient(180deg, #6b5744 0%, #4a3828 100%); box-shadow:0 2px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-dark:active { box-shadow:0 0 0 #1a1410, inset 0 2px 3px rgba(0, 0, 0, 0.6); transform:translateY(3px); }
.tm-card-dark .stat-card-icon { color:#d4c4a8; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5)); }
.tm-card-dark .stat-card-title { color:#d4c4a8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-dark .stat-card-value { color:#f5ebd3; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-dark .stat-card-subtitle { color:#a89968; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.4); }
.tm-card-dark a, .tm-card-dark span { color:#d4c4a8; }
.tm-card-dark .player-stats-name-link { color:#d4c4a8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-dark h3 { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-dark h2 { border-bottom-color:#2d2218; }
.tm-card-dark h3 { border-bottom-color:#2d2218; }
.tm-card-dark .stat-row { color:#fff; }
.tm-card-dark .stat-label { color:#fff; text-align:left; }
.tm-card-dark .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-dark .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); margin-top:-8px !important; }
.tm-card-dark .about-me-text { color:#fff; }
.tm-card-dark .player-joined-date { color:#aaa; }
.tm-card-dark .player-info-icon { color:#ddd; }
.tm-card-dark .player-info-icon:hover { color:#fff; }
.tm-card-dark .online-status { color:#8fea9f; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.7); }
.tm-card-blue { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #5a7fb8 0%, #3d5a88 100%); border:2px solid #2a4060; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-blue::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-blue > * { position:relative; z-index:1; }
.tm-card-blue:hover { background:linear-gradient(180deg, #6a8fc8 0%, #4d6a98 100%); box-shadow:0 2px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-blue:active { box-shadow:0 0 0 #1a2838, inset 0 2px 3px rgba(42, 64, 96, 0.4); transform:translateY(3px); }
.tm-card-blue .stat-card-icon, .tm-card-blue .leaderboard-card-icon { color:#e8f4ff; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-blue .stat-card-title, .tm-card-blue .leaderboard-card-title { color:#e8f4ff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-blue .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-blue .stat-card-subtitle { color:#d0e0f0; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-blue a, .tm-card-blue span { color:#e8f4ff; }
.tm-card-blue .player-stats-name-link { color:#e8f4ff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-blue h3 { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-blue h2 { border-bottom-color:#2a4a70; }
.tm-card-blue h3 { border-bottom-color:#2a4a70; }
.tm-card-blue .stat-row { color:#e8f4ff; }
.tm-card-blue .stat-label { color:#e8f4ff; text-align:left; }
.tm-card-blue .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-blue .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); margin-top:-8px !important; }
.tm-card-blue .about-me-text { color:#fff; }
.tm-card-blue .player-joined-date { color:#aaa; }
.tm-card-blue .player-info-icon { color:#ddd; }
.tm-card-blue .player-info-icon:hover { color:#fff; }
.tm-card-blue .online-status { color:#90ffa0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.6); }
.tm-card-green { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #5a9b5a 0%, #3d7a3d 100%); border:2px solid #2a5a2a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #1a3a1a, inset 0 -1px 0 rgba(42, 90, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-green::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-green > * { position:relative; z-index:1; }
.tm-card-green:hover { background:linear-gradient(180deg, #6aab6a 0%, #4d8a4d 100%); box-shadow:0 2px 0 #1a3a1a, inset 0 -1px 0 rgba(42, 90, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-green:active { box-shadow:0 0 0 #1a3a1a, inset 0 2px 3px rgba(42, 90, 42, 0.4); transform:translateY(3px); }
.tm-card-green .stat-card-icon, .tm-card-green .leaderboard-card-icon { color:#e8ffe8; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-green .stat-card-title, .tm-card-green .leaderboard-card-title { color:#e8ffe8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-green .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-green .stat-card-subtitle { color:#a0d0a0; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-green a, .tm-card-green span { color:#e8ffe8; }
.tm-card-green .player-stats-name-link { color:#e8ffe8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-green h3 { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); }
.tm-card-green h2 { border-bottom-color:#2a5a3a; }
.tm-card-green h3 { border-bottom-color:#2a5a3a; }
.tm-card-green .stat-row { color:#fff; }
.tm-card-green .stat-label { color:#fff; text-align:left; }
.tm-card-green .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); }
.tm-card-green .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); margin-top:-8px !important; }
.tm-card-green .about-me-text { color:#fff; }
.tm-card-green .player-joined-date { color:#aaa; }
.tm-card-green .player-info-icon { color:#ddd; }
.tm-card-green .player-info-icon:hover { color:#fff; }
.tm-card-green .online-status { color:#f0fff5; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.7); }
.tm-card-purple { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #8b5a9b 0%, #6a3d7a 100%); border:2px solid #5a2a6a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #3a1a4a, inset 0 -1px 0 rgba(90, 42, 106, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-purple::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-purple > * { position:relative; z-index:1; }
.tm-card-purple:hover { background:linear-gradient(180deg, #9b6aab 0%, #7a4d8a 100%); box-shadow:0 2px 0 #3a1a4a, inset 0 -1px 0 rgba(90, 42, 106, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-purple:active { box-shadow:0 0 0 #3a1a4a, inset 0 2px 3px rgba(90, 42, 106, 0.4); transform:translateY(3px); }
.tm-card-purple .stat-card-icon, .tm-card-purple .leaderboard-card-icon { color:#f0e8ff; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-purple .stat-card-title, .tm-card-purple .leaderboard-card-title { color:#f0e8ff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-purple .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-purple .stat-card-subtitle { color:#c8a0d8; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-purple a, .tm-card-purple span { color:#f0e8ff; }
.tm-card-purple .player-stats-name-link { color:#f0e8ff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-purple h3 { color:#f0e8ff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-purple h2 { border-bottom-color:#4a2a6a; }
.tm-card-purple h3 { border-bottom-color:#4a2a6a; }
.tm-card-purple .stat-row { color:#f0e8ff; }
.tm-card-purple .stat-label { color:#f0e8ff; text-align:left; }
.tm-card-purple .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-purple .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); margin-top:-8px !important; }
.tm-card-purple .about-me-text { color:#fff; }
.tm-card-purple .player-joined-date { color:#aaa; }
.tm-card-purple .player-info-icon { color:#ddd; }
.tm-card-purple .player-info-icon:hover { color:#fff; }
.tm-card-purple .online-status { color:#a0ffb0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.7); }
.tm-card-red { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #b85a5a 0%, #883d3d 100%); border:2px solid #702a2a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #481a1a, inset 0 -1px 0 rgba(112, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-red::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-red > * { position:relative; z-index:1; }
.tm-card-red:hover { background:linear-gradient(180deg, #c86a6a 0%, #984d4d 100%); box-shadow:0 2px 0 #481a1a, inset 0 -1px 0 rgba(112, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-red:active { box-shadow:0 0 0 #481a1a, inset 0 2px 3px rgba(112, 42, 42, 0.4); transform:translateY(3px); }
.tm-card-red .stat-card-icon, .tm-card-red .leaderboard-card-icon { color:#ffe8e8; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-red .stat-card-title, .tm-card-red .leaderboard-card-title { color:#ffe8e8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-red .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-red .stat-card-subtitle { color:#e0a0a0; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-red a, .tm-card-red span { color:#ffe8e8; }
.tm-card-red .player-stats-name-link { color:#ffe8e8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-red h3 { color:#ffe8e8; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-red h2 { border-bottom-color:#782a2a; }
.tm-card-red h3 { border-bottom-color:#782a2a; }
.tm-card-red .stat-row { color:#ffe8e8; }
.tm-card-red .stat-label { color:#ffe8e8; text-align:left; }
.tm-card-red .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-red .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); margin-top:-8px !important; }
.tm-card-red .about-me-text { color:#fff; }
.tm-card-red .player-joined-date { color:#aaa; }
.tm-card-red .player-info-icon { color:#ddd; }
.tm-card-red .player-info-icon:hover { color:#fff; }
.tm-card-red .online-status { color:#a0ffb0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.7); }
.tm-card-teal { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #5a9b9b 0%, #3d7a7a 100%); border:2px solid #2a6060; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #1a4040, inset 0 -1px 0 rgba(42, 96, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-teal::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-teal > * { position:relative; z-index:1; }
.tm-card-teal:hover { background:linear-gradient(180deg, #6aabab 0%, #4d8a8a 100%); box-shadow:0 2px 0 #1a4040, inset 0 -1px 0 rgba(42, 96, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-teal:active { box-shadow:0 0 0 #1a4040, inset 0 2px 3px rgba(42, 96, 96, 0.4); transform:translateY(3px); }
.tm-card-teal .stat-card-icon, .tm-card-teal .leaderboard-card-icon { color:#e0f5f5; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-teal .stat-card-title, .tm-card-teal .leaderboard-card-title { color:#e0f5f5; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-teal .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-teal .stat-card-subtitle { color:#a0d8d8; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-teal a, .tm-card-teal span { color:#e0f5f5; }
.tm-card-teal .player-stats-name-link { color:#e0f5f5; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-teal h3 { color:#e0f5f5; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-teal h2 { border-bottom-color:#1a5a5a; }
.tm-card-teal h3 { border-bottom-color:#1a5a5a; }
.tm-card-teal .stat-row { color:#e0f5f5; }
.tm-card-teal .stat-label { color:#e0f5f5; text-align:left; }
.tm-card-teal .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-teal .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); margin-top:-8px !important; }
.tm-card-teal .about-me-text { color:#fff; }
.tm-card-teal .player-joined-date { color:#aaa; }
.tm-card-teal .player-info-icon { color:#ddd; }
.tm-card-teal .player-info-icon:hover { color:#fff; }
.tm-card-teal .online-status { color:#e0fff0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.6); }
.tm-card-tan.no-hover:hover { background:linear-gradient(180deg, #c4ac84 0%, #a89968 100%); box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-tan.no-hover:active { background:linear-gradient(180deg, #c4ac84 0%, #a89968 100%); box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(107, 68, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-blue.no-hover:hover { background:linear-gradient(180deg, #5a7fb8 0%, #3d5a88 100%); box-shadow:0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-blue.no-hover:active { background:linear-gradient(180deg, #5a7fb8 0%, #3d5a88 100%); box-shadow:0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-green.no-hover:hover { background:linear-gradient(180deg, #5a9b5a 0%, #3d7a3d 100%); box-shadow:0 3px 0 #1a3a1a, inset 0 -1px 0 rgba(42, 90, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-green.no-hover:active { background:linear-gradient(180deg, #5a9b5a 0%, #3d7a3d 100%); box-shadow:0 3px 0 #1a3a1a, inset 0 -1px 0 rgba(42, 90, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-purple.no-hover:hover { background:linear-gradient(180deg, #8b5a9b 0%, #6a3d7a 100%); box-shadow:0 3px 0 #3a1a4a, inset 0 -1px 0 rgba(90, 42, 106, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-purple.no-hover:active { background:linear-gradient(180deg, #8b5a9b 0%, #6a3d7a 100%); box-shadow:0 3px 0 #3a1a4a, inset 0 -1px 0 rgba(90, 42, 106, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-red.no-hover:hover { background:linear-gradient(180deg, #b85a5a 0%, #883d3d 100%); box-shadow:0 3px 0 #481a1a, inset 0 -1px 0 rgba(112, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-red.no-hover:active { background:linear-gradient(180deg, #b85a5a 0%, #883d3d 100%); box-shadow:0 3px 0 #481a1a, inset 0 -1px 0 rgba(112, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-teal.no-hover:hover { background:linear-gradient(180deg, #5a9b9b 0%, #3d7a7a 100%); box-shadow:0 3px 0 #1a4040, inset 0 -1px 0 rgba(42, 96, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-teal.no-hover:active { background:linear-gradient(180deg, #5a9b9b 0%, #3d7a7a 100%); box-shadow:0 3px 0 #1a4040, inset 0 -1px 0 rgba(42, 96, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-pink.no-hover:hover { background:linear-gradient(180deg, #b85a8b 0%, #883d6a 100%); box-shadow:0 3px 0 #481a3a, inset 0 -1px 0 rgba(112, 42, 90, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-pink.no-hover:active { background:linear-gradient(180deg, #b85a8b 0%, #883d6a 100%); box-shadow:0 3px 0 #481a3a, inset 0 -1px 0 rgba(112, 42, 90, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-orange.no-hover:hover { background:linear-gradient(180deg, #b8855a 0%, #88633d 100%); box-shadow:0 3px 0 #48301a, inset 0 -1px 0 rgba(112, 72, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.tm-card-orange.no-hover:active { background:linear-gradient(180deg, #b8855a 0%, #88633d 100%); box-shadow:0 3px 0 #48301a, inset 0 -1px 0 rgba(112, 72, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-white.no-hover:hover { background:linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%); box-shadow:0 3px 0 #909090, inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8); border-bottom-width:3px; transform:none; }
.tm-card-white.no-hover:active { background:linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%); box-shadow:0 3px 0 #909090, inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform:none; }
.tm-card-black.no-hover:hover { background:linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); box-shadow:0 3px 0 #0a0a0a, inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); border-bottom-width:3px; transform:none; }
.tm-card-black.no-hover:active { background:linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); box-shadow:0 3px 0 #0a0a0a, inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); transform:none; }
.tm-card-dark.no-hover:hover { background:linear-gradient(180deg, #5a4a3a 0%, #3d2f22 100%); box-shadow:0 3px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15); border-bottom-width:3px; transform:none; }
.tm-card-dark.no-hover:active { background:linear-gradient(180deg, #5a4a3a 0%, #3d2f22 100%); box-shadow:0 3px 0 #1a1410, inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15); transform:none; }
.card-grass.no-hover:hover { filter:none; box-shadow:0 3px 0 #1a1410, inset 0 1px 0 rgba(255, 255, 255, 0.1); border-bottom-width:3px; transform:none; }
.card-grass.no-hover:active { filter:none; box-shadow:0 3px 0 #1a1410, inset 0 1px 0 rgba(255, 255, 255, 0.1); transform:none; }
.tm-card-pink { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #b85a8b 0%, #883d6a 100%); border:2px solid #702a5a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #481a3a, inset 0 -1px 0 rgba(112, 42, 90, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-pink::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-pink > * { position:relative; z-index:1; }
.tm-card-pink:hover { background:linear-gradient(180deg, #c86a9b 0%, #984d7a 100%); box-shadow:0 2px 0 #481a3a, inset 0 -1px 0 rgba(112, 42, 90, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-pink:active { box-shadow:0 0 0 #481a3a, inset 0 2px 3px rgba(112, 42, 90, 0.4); transform:translateY(3px); }
.tm-card-pink .stat-card-icon, .tm-card-pink .leaderboard-card-icon { color:#ffe0f5; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-pink .stat-card-title, .tm-card-pink .leaderboard-card-title { color:#ffe0f5; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-pink .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-pink .stat-card-subtitle { color:#e0a0c8; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-pink a, .tm-card-pink span { color:#ffe0f5; }
.tm-card-pink .player-stats-name-link { color:#ffe0f5; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-pink h3 { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-pink h2 { border-bottom-color:#9a5878; }
.tm-card-pink h3 { border-bottom-color:#9a5878; }
.tm-card-pink .stat-row { color:#fff; }
.tm-card-pink .stat-label { color:#fff; text-align:left; }
.tm-card-pink .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-pink .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); margin-top:-8px !important; }
.tm-card-pink .about-me-text { color:#fff; }
.tm-card-pink .player-joined-date { color:#aaa; }
.tm-card-pink .player-info-icon { color:#ddd; }
.tm-card-pink .player-info-icon:hover { color:#fff; }
.tm-card-pink .online-status { color:#a0ffb0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.7); }
.tm-card-orange { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #b8855a 0%, #88633d 100%); border:2px solid #70482a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #48301a, inset 0 -1px 0 rgba(112, 72, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-orange::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-orange > * { position:relative; z-index:1; }
.tm-card-orange:hover { background:linear-gradient(180deg, #c8956a 0%, #98734d 100%); box-shadow:0 2px 0 #48301a, inset 0 -1px 0 rgba(112, 72, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-orange:active { box-shadow:0 0 0 #48301a, inset 0 2px 3px rgba(112, 72, 42, 0.4); transform:translateY(3px); }
.tm-card-orange .stat-card-icon, .tm-card-orange .leaderboard-card-icon { color:#ffede0; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4)); }
.tm-card-orange .stat-card-title, .tm-card-orange .leaderboard-card-title { color:#ffede0; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-orange .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-orange .stat-card-subtitle { color:#e0bca0; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.3); }
.tm-card-orange a, .tm-card-orange span { color:#ffede0; }
.tm-card-orange .player-stats-name-link { color:#ffede0; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-orange h3 { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-orange h2 { border-bottom-color:#78452a; }
.tm-card-orange h3 { border-bottom-color:#78452a; }
.tm-card-orange .stat-row { color:#fff; }
.tm-card-orange .stat-label { color:#fff; text-align:left; }
.tm-card-orange .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); }
.tm-card-orange .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); margin-top:-8px !important; }
.tm-card-orange .about-me-text { color:#fff; }
.tm-card-orange .player-joined-date { color:#aaa; }
.tm-card-orange .player-info-icon { color:#ddd; }
.tm-card-orange .player-info-icon:hover { color:#fff; }
.tm-card-orange .online-status { color:#90ffa0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.6); }
.player-stats-container .tm-card-orange:hover { background:linear-gradient(180deg, #b8855a 0%, #88633d 100%); box-shadow:0 3px 0 #48301a, inset 0 -1px 0 rgba(112, 72, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-bottom-width:3px; transform:none; }
.player-stats-container .tm-card-orange:active { box-shadow:0 3px 0 #48301a, inset 0 -1px 0 rgba(112, 72, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); transform:none; }
.tm-card-white { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%); border:2px solid #c0c0c0; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #909090, inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-white::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-white > * { position:relative; z-index:1; }
.tm-card-white:hover { background:linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%); box-shadow:0 2px 0 #909090, inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-white:active { box-shadow:0 0 0 #909090, inset 0 2px 3px rgba(0, 0, 0, 0.15); transform:translateY(3px); }
.tm-card-white .stat-card-icon { color:#2d2d2d; filter:drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.5)); }
.tm-card-white .stat-card-title { color:#2d2d2d; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
.tm-card-white .stat-card-value { color:#1a1a1a; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.6); }
.tm-card-white .stat-card-subtitle { color:#505050; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.4); }
.tm-card-white a, .tm-card-white span { color:#2d2d2d; }
.tm-card-white .player-stats-name-link { color:#2d2d2d; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
.tm-card-white h3 { color:#000; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
.tm-card-white h2 { border-bottom-color:#a0a0a0; }
.tm-card-white h3 { border-bottom-color:#a0a0a0; }
.tm-card-white .stat-row { color:#000; }
.tm-card-white .stat-label { color:#000; text-align:left; }
.tm-card-white .stat-value { color:#000; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.6); }
.tm-card-white .player-name-header { color:#000; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); margin-top:-8px !important; }
.tm-card-white .about-me-text { color:#000; }
.tm-card-white .player-joined-date { color:#666; }
.tm-card-white .player-info-icon { color:#555; }
.tm-card-white .player-info-icon:hover { color:#333; }
.tm-card-white .online-status { color:#1a5a2e; font-weight:700; text-shadow:0 0 3px rgba(255, 255, 255, 1), 1px 1px 2px rgba(255, 255, 255, 0.9); }
.tm-card-white a, .tm-card-white span { color:#2d2d2d; }
.tm-card-white .player-stats-name-link { color:#2d2d2d; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
.tm-card-black { padding:26px 20px; text-align:center; position:relative; background:linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); border:2px solid #0a0a0a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #000000, inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-card-black::before { content:""; position:absolute; top:2px; left:4px; right:4px; height:60px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%); border-radius:2px; pointer-events:none; z-index:0; }
.tm-card-black > * { position:relative; z-index:1; }
.tm-card-black:hover { background:linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%); box-shadow:0 2px 0 #000000, inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15); border-bottom-width:2px; transform:translateY(1px); }
.tm-card-black:active { box-shadow:0 0 0 #000000, inset 0 2px 3px rgba(0, 0, 0, 0.7); transform:translateY(3px); }
.tm-card-black .stat-card-icon, .tm-card-black .leaderboard-card-icon { color:#e0e0e0; filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5)); }
.tm-card-black .stat-card-title, .tm-card-black .leaderboard-card-title { color:#e0e0e0; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-black .stat-card-value { color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.6); }
.tm-card-black .stat-card-subtitle { color:#b0b0b0; text-shadow:0.5px 0.5px 0 rgba(0, 0, 0, 0.4); }
.tm-card-black a, .tm-card-black span { color:#e0e0e0; }
.tm-card-black h3 { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
.tm-card-black h2 { border-bottom-color:#0a0a0a; }
.tm-card-black h3 { border-bottom-color:#0a0a0a; }
.tm-card-black .stat-row { color:#fff; }
.tm-card-black .stat-label { color:#fff; text-align:left; }
.tm-card-black .stat-value { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.6); }
.tm-card-black .player-name-header { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); margin-top:-8px !important; }
.tm-card-black .about-me-text { color:#fff; }
.tm-card-black .player-joined-date { color:#aaa; }
.tm-card-black .player-info-icon { color:#ddd; }
.tm-card-black .player-info-icon:hover { color:#fff; }
.tm-card-black .online-status { color:#90ffa0; font-weight:700; text-shadow:0 1px 3px rgba(0, 0, 0, 0.8); }

/* Themed Inputs */
.tm-input-tan { width:100%; padding:10px; border-radius:4px; border:2px solid #8b6a3e; background:#f5ebd3; color:#2d1f0f; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-tan:focus { border-color:#5c4422; box-shadow:0 0 0 2px rgba(92,68,34,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#fffef8; }
.tm-input-tan::placeholder { color:#8b6a3e; opacity:0.7; }

.tm-input-dark { width:100%; padding:10px; border-radius:4px; border:2px solid #4a4a4a; background:#2d2d2d; color:#f0f0f0; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-dark:focus { border-color:#606060; box-shadow:0 0 0 2px rgba(96,96,96,0.3), inset 0 1px 2px rgba(0,0,0,0.3); outline:none; background:#353535; }
.tm-input-dark::placeholder { color:#808080; opacity:0.7; }

.tm-input-blue { width:100%; padding:10px; border-radius:4px; border:2px solid #2a5a8a; background:#e0f0ff; color:#1a3a5a; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-blue:focus { border-color:#1a4a7a; box-shadow:0 0 0 2px rgba(26,74,122,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#f0f8ff; }
.tm-input-blue::placeholder { color:#4a7aaa; opacity:0.7; }

.tm-input-green { width:100%; padding:10px; border-radius:4px; border:2px solid #2a6a3a; background:#e0f0e8; color:#1a3a2a; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-green:focus { border-color:#1a5a2a; box-shadow:0 0 0 2px rgba(26,90,42,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#f0fff8; }
.tm-input-green::placeholder { color:#4a8a5a; opacity:0.7; }

.tm-input-purple { width:100%; padding:10px; border-radius:4px; border:2px solid #5a3a7a; background:#f0e8ff; color:#2a1a3a; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-purple:focus { border-color:#4a2a6a; box-shadow:0 0 0 2px rgba(74,42,106,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#f8f0ff; }
.tm-input-purple::placeholder { color:#7a5a9a; opacity:0.7; }

.tm-input-red { width:100%; padding:10px; border-radius:4px; border:2px solid #8a3a3a; background:#ffe8e8; color:#3a1a1a; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-red:focus { border-color:#7a2a2a; box-shadow:0 0 0 2px rgba(122,42,42,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#fff0f0; }
.tm-input-red::placeholder { color:#aa5a5a; opacity:0.7; }

.tm-input-teal { width:100%; padding:10px; border-radius:4px; border:2px solid #2a6060; background:#e0f5f5; color:#1a3535; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-teal:focus { border-color:#1a5050; box-shadow:0 0 0 2px rgba(26,80,80,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#f0ffff; }
.tm-input-teal::placeholder { color:#4a8585; opacity:0.7; }

.tm-input-pink { width:100%; padding:10px; border-radius:4px; border:2px solid #9a4a6a; background:#ffe8f0; color:#3a1a2a; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-pink:focus { border-color:#8a3a5a; box-shadow:0 0 0 2px rgba(138,58,90,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#fff0f8; }
.tm-input-pink::placeholder { color:#ba6a8a; opacity:0.7; }

.tm-input-orange { width:100%; padding:10px; border-radius:4px; border:2px solid #88633d; background:#f5e8d8; color:#2a1a0a; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-orange:focus { border-color:#78532d; box-shadow:0 0 0 2px rgba(120,83,45,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#fff8f0; }
.tm-input-orange::placeholder { color:#a8835d; opacity:0.7; }

.tm-input-white { width:100%; padding:10px; border-radius:4px; border:2px solid #c0c0c0; background:#ffffff; color:#2d2d2d; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-white:focus { border-color:#909090; box-shadow:0 0 0 2px rgba(144,144,144,0.2), inset 0 1px 2px rgba(0,0,0,0.1); outline:none; background:#f8f8f8; }
.tm-input-white::placeholder { color:#808080; opacity:0.7; }

.tm-input-black { width:100%; padding:10px; border-radius:4px; border:2px solid #0a0a0a; background:#1a1a1a; color:#c0c0c0; font-size:15px; font-family:"JetBrains Mono",monospace; image-rendering:pixelated; transition:all 0.15s ease; }
.tm-input-black:focus { border-color:#2a2a2a; box-shadow:0 0 0 2px rgba(42,42,42,0.5), inset 0 1px 2px rgba(0,0,0,0.5); outline:none; background:#252525; }
.tm-input-black::placeholder { color:#606060; opacity:0.7; }

/* Themed Buttons */
.tm-button-tan { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border:2px solid #8b6a3e; border-bottom-width:3px; color:#3d2817; text-shadow:1px 1px 0 rgba(255,255,255,0.3); box-shadow:0 3px 0 #6b4423, inset 0 -1px 0 rgba(139,106,62,0.3), inset 0 1px 0 rgba(255,255,255,0.5); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-tan:hover { background:linear-gradient(180deg, #f5ebd3 0%, #e8d4ae 100%); box-shadow:0 2px 0 #6b4423, inset 0 -1px 0 rgba(139,106,62,0.3), inset 0 1px 0 rgba(255,255,255,0.6); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-tan:active { box-shadow:0 0 0 #6b4423, inset 0 2px 3px rgba(107,68,35,0.3); transform:translateY(3px); }

.tm-button-dark { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #4a4a4a 0%, #2d2d2d 100%); border:2px solid #1a1a1a; border-bottom-width:3px; color:#f0f0f0; text-shadow:1px 1px 0 rgba(0,0,0,0.5); box-shadow:0 3px 0 #0a0a0a, inset 0 -1px 0 rgba(26,26,26,0.3), inset 0 1px 0 rgba(255,255,255,0.1); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-dark:hover { background:linear-gradient(180deg, #5a5a5a 0%, #3d3d3d 100%); box-shadow:0 2px 0 #0a0a0a, inset 0 -1px 0 rgba(26,26,26,0.3), inset 0 1px 0 rgba(255,255,255,0.15); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-dark:active { box-shadow:0 0 0 #0a0a0a, inset 0 2px 3px rgba(0,0,0,0.5); transform:translateY(3px); }

.tm-button-blue { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #6a9ac8 0%, #4a7aaa 100%); border:2px solid #2a5a8a; border-bottom-width:3px; color:#e8f4ff; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #1a4a7a, inset 0 -1px 0 rgba(42,90,138,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-blue:hover { background:linear-gradient(180deg, #7aaad8 0%, #5a8aba 100%); box-shadow:0 2px 0 #1a4a7a, inset 0 -1px 0 rgba(42,90,138,0.3), inset 0 1px 0 rgba(255,255,255,0.4); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-blue:active { box-shadow:0 0 0 #1a4a7a, inset 0 2px 3px rgba(26,74,122,0.4); transform:translateY(3px); }

.tm-button-green { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #6aaa7a 0%, #4a8a5a 100%); border:2px solid #2a6a3a; border-bottom-width:3px; color:#e8ffe8; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #1a5a2a, inset 0 -1px 0 rgba(42,106,58,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-green:hover { background:linear-gradient(180deg, #7aba8a 0%, #5a9a6a 100%); box-shadow:0 2px 0 #1a5a2a, inset 0 -1px 0 rgba(42,106,58,0.3), inset 0 1px 0 rgba(255,255,255,0.4); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-green:active { box-shadow:0 0 0 #1a5a2a, inset 0 2px 3px rgba(26,90,42,0.4); transform:translateY(3px); }

.tm-button-purple { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #8a6aaa 0%, #6a4a8a 100%); border:2px solid #5a3a7a; border-bottom-width:3px; color:#f0e8ff; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #4a2a6a, inset 0 -1px 0 rgba(90,58,122,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-purple:hover { background:linear-gradient(180deg, #9a7aba 0%, #7a5a9a 100%); box-shadow:0 2px 0 #4a2a6a, inset 0 -1px 0 rgba(90,58,122,0.3), inset 0 1px 0 rgba(255,255,255,0.4); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-purple:active { box-shadow:0 0 0 #4a2a6a, inset 0 2px 3px rgba(74,42,106,0.4); transform:translateY(3px); }

.tm-button-red { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #c86a6a 0%, #aa4a4a 100%); border:2px solid #8a3a3a; border-bottom-width:3px; color:#ffe8e8; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #7a2a2a, inset 0 -1px 0 rgba(138,58,58,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-red:hover { background:linear-gradient(180deg, #d87a7a 0%, #ba5a5a 100%); box-shadow:0 2px 0 #7a2a2a, inset 0 -1px 0 rgba(138,58,58,0.3), inset 0 1px 0 rgba(255,255,255,0.4); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-red:active { box-shadow:0 0 0 #7a2a2a, inset 0 2px 3px rgba(122,42,42,0.4); transform:translateY(3px); }

.tm-button-teal { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #5a9b9b 0%, #3d7a7a 100%); border:2px solid #2a6060; border-bottom-width:3px; color:#e0f5f5; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #1a5050, inset 0 -1px 0 rgba(42,96,96,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-teal:hover { background:linear-gradient(180deg, #6aabab 0%, #4d8a8a 100%); box-shadow:0 4px 0 #1a5050, inset 0 -1px 0 rgba(42,96,96,0.3), inset 0 1px 0 rgba(255,255,255,0.4); transform:translateY(-2px); }
.tm-button-teal:active { box-shadow:0 0 0 #1a5050, inset 0 2px 3px rgba(26,80,80,0.4); transform:translateY(3px); }

.tm-button-pink { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #ca7a9a 0%, #aa5a7a 100%); border:2px solid #9a4a6a; border-bottom-width:3px; color:#ffe8f0; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #8a3a5a, inset 0 -1px 0 rgba(154,74,106,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-pink:hover { background:linear-gradient(180deg, #da8aaa 0%, #ba6a8a 100%); box-shadow:0 2px 0 #8a3a5a, inset 0 -1px 0 rgba(154,74,106,0.3), inset 0 1px 0 rgba(255,255,255,0.4); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-pink:active { box-shadow:0 0 0 #8a3a5a, inset 0 2px 3px rgba(138,58,90,0.4); transform:translateY(3px); }

.tm-button-orange { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #c89866 0%, #a87848 100%); border:2px solid #88633d; border-bottom-width:3px; color:#f5e8d8; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 #78532d, inset 0 -1px 0 rgba(136,99,61,0.3), inset 0 1px 0 rgba(255,255,255,0.3); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-orange:hover { background:linear-gradient(180deg, #d8a876 0%, #b88858 100%); box-shadow:0 2px 0 #78532d, inset 0 -1px 0 rgba(136,99,61,0.3), inset 0 1px 0 rgba(255,255,255,0.4); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-orange:active { box-shadow:0 0 0 #78532d, inset 0 2px 3px rgba(120,83,45,0.4); transform:translateY(3px); }

.tm-button-white { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%); border:2px solid #c0c0c0; border-bottom-width:3px; color:#2d2d2d; text-shadow:1px 1px 0 rgba(255,255,255,0.5); box-shadow:0 3px 0 #909090, inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.8); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-white:hover { background:linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%); box-shadow:0 2px 0 #909090, inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.9); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-white:active { box-shadow:0 0 0 #909090, inset 0 2px 3px rgba(0,0,0,0.15); transform:translateY(3px); }

.tm-button-black { padding:10px 20px; font-size:15px; font-weight:600; font-family:"JetBrains Mono",monospace; cursor:pointer; border-radius:4px; position:relative; background:linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); border:2px solid #0a0a0a; border-bottom-width:3px; color:#c0c0c0; text-shadow:1px 1px 0 rgba(0,0,0,0.5); box-shadow:0 3px 0 #000000, inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1); transition:all 0.15s ease; image-rendering:pixelated; }
.tm-button-black:hover { background:linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%); box-shadow:0 2px 0 #000000, inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.15); border-bottom-width:2px; transform:translateY(1px); }
.tm-button-black:active { box-shadow:0 0 0 #000000, inset 0 2px 3px rgba(0,0,0,0.7); transform:translateY(3px); }

/* Themed File Inputs */
.tm-file-wrapper { position:relative; display:inline-block; width:100%; }
.tm-file-wrapper input[type="file"] { position:absolute; opacity:0; width:0.1px; height:0.1px; }
.tm-file-wrapper .tm-file-label { display:flex; align-items:center; gap:8px; padding:6px; border-radius:4px; cursor:pointer; font-family:"JetBrains Mono",monospace; font-size:13px; transition:all 0.15s ease; image-rendering:pixelated; }
.tm-file-wrapper .tm-file-btn { padding:6px 12px; font-size:13px; font-weight:600; border-radius:4px; flex-shrink:0; transition:all 0.15s ease; }
.tm-file-wrapper .tm-file-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }

.tm-file-tan .tm-file-label { background:#e8d4ae; border:2px solid #8b6a3e; color:#2d1f0f; }
.tm-file-tan .tm-file-name { color:#5c4422; }
.tm-file-tan .tm-file-label:hover { background:#f5ebd3; }
.tm-file-tan .tm-file-btn { background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border:2px solid #8b6a3e; border-bottom-width:3px; color:#3d2817; text-shadow:1px 1px 0 rgba(255,255,255,0.3); box-shadow:0 2px 0 #6b4423, inset 0 -1px 0 rgba(139,106,62,0.3), inset 0 1px 0 rgba(255,255,255,0.5); }
.tm-file-tan .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #f5ebd3 0%, #e8d4ae 100%); }

.tm-file-dark .tm-file-label { background:#1a1a1a; border:2px solid #4a4a4a; color:#f0f0f0; }
.tm-file-dark .tm-file-name { color:#808080; }
.tm-file-dark .tm-file-label:hover { background:#2d2d2d; }
.tm-file-dark .tm-file-btn { background:linear-gradient(180deg, #4a4a4a 0%, #2d2d2d 100%); border:2px solid #1a1a1a; border-bottom-width:3px; color:#f0f0f0; text-shadow:1px 1px 0 rgba(0,0,0,0.5); box-shadow:0 2px 0 #0a0a0a, inset 0 -1px 0 rgba(26,26,26,0.3), inset 0 1px 0 rgba(255,255,255,0.1); }
.tm-file-dark .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #5a5a5a 0%, #3d3d3d 100%); }

.tm-file-blue .tm-file-label { background:#c8e0f5; border:2px solid #2a5a8a; color:#1a3a5a; }
.tm-file-blue .tm-file-name { color:#2a5a8a; }
.tm-file-blue .tm-file-label:hover { background:#e0f0ff; }
.tm-file-blue .tm-file-btn { background:linear-gradient(180deg, #6a9ac8 0%, #4a7aaa 100%); border:2px solid #2a5a8a; border-bottom-width:3px; color:#e8f4ff; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #1a4a7a, inset 0 -1px 0 rgba(42,90,138,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-blue .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #7aaad8 0%, #5a8aba 100%); }

.tm-file-green .tm-file-label { background:#c8e0d0; border:2px solid #2a6a3a; color:#1a3a2a; }
.tm-file-green .tm-file-name { color:#2a6a3a; }
.tm-file-green .tm-file-label:hover { background:#e0f0e8; }
.tm-file-green .tm-file-btn { background:linear-gradient(180deg, #6aaa7a 0%, #4a8a5a 100%); border:2px solid #2a6a3a; border-bottom-width:3px; color:#e8ffe8; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #1a5a2a, inset 0 -1px 0 rgba(42,106,58,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-green .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #7aba8a 0%, #5a9a6a 100%); }

.tm-file-purple .tm-file-label { background:#d8c8f0; border:2px solid #5a3a7a; color:#2a1a3a; }
.tm-file-purple .tm-file-name { color:#5a3a7a; }
.tm-file-purple .tm-file-label:hover { background:#f0e8ff; }
.tm-file-purple .tm-file-btn { background:linear-gradient(180deg, #8a6aaa 0%, #6a4a8a 100%); border:2px solid #5a3a7a; border-bottom-width:3px; color:#f0e8ff; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #4a2a6a, inset 0 -1px 0 rgba(90,58,122,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-purple .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #9a7aba 0%, #7a5a9a 100%); }

.tm-file-red .tm-file-label { background:#f0c8c8; border:2px solid #8a3a3a; color:#3a1a1a; }
.tm-file-red .tm-file-name { color:#8a3a3a; }
.tm-file-red .tm-file-label:hover { background:#ffe8e8; }
.tm-file-red .tm-file-btn { background:linear-gradient(180deg, #c86a6a 0%, #aa4a4a 100%); border:2px solid #8a3a3a; border-bottom-width:3px; color:#ffe8e8; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #7a2a2a, inset 0 -1px 0 rgba(138,58,58,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-red .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #d87a7a 0%, #ba5a5a 100%); }

.tm-file-teal .tm-file-label { background:#c0e0e0; border:2px solid #2a6060; color:#1a3535; }
.tm-file-teal .tm-file-name { color:#2a6060; }
.tm-file-teal .tm-file-label:hover { background:#e0f5f5; }
.tm-file-teal .tm-file-btn { background:linear-gradient(180deg, #5a9b9b 0%, #3d7a7a 100%); border:2px solid #2a6060; border-bottom-width:3px; color:#e0f5f5; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #1a5050, inset 0 -1px 0 rgba(42,96,96,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-teal .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #6aabab 0%, #4d8a8a 100%); }

.tm-file-pink .tm-file-label { background:#f0c8d8; border:2px solid #9a4a6a; color:#3a1a2a; }
.tm-file-pink .tm-file-name { color:#9a4a6a; }
.tm-file-pink .tm-file-label:hover { background:#ffe8f0; }
.tm-file-pink .tm-file-btn { background:linear-gradient(180deg, #ca7a9a 0%, #aa5a7a 100%); border:2px solid #9a4a6a; border-bottom-width:3px; color:#ffe8f0; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #8a3a5a, inset 0 -1px 0 rgba(154,74,106,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-pink .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #da8aaa 0%, #ba6a8a 100%); }

.tm-file-orange .tm-file-label { background:#e0d0c0; border:2px solid #88633d; color:#2a1a0a; }
.tm-file-orange .tm-file-name { color:#88633d; }
.tm-file-orange .tm-file-label:hover { background:#f5e8d8; }
.tm-file-orange .tm-file-btn { background:linear-gradient(180deg, #c89866 0%, #a87848 100%); border:2px solid #88633d; border-bottom-width:3px; color:#f5e8d8; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow:0 2px 0 #78532d, inset 0 -1px 0 rgba(136,99,61,0.3), inset 0 1px 0 rgba(255,255,255,0.3); }
.tm-file-orange .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #d8a876 0%, #b88858 100%); }

.tm-file-white .tm-file-label { background:#e8e8e8; border:2px solid #c0c0c0; color:#2d2d2d; }
.tm-file-white .tm-file-name { color:#606060; }
.tm-file-white .tm-file-label:hover { background:#f8f8f8; }
.tm-file-white .tm-file-btn { background:linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%); border:2px solid #c0c0c0; border-bottom-width:3px; color:#2d2d2d; text-shadow:1px 1px 0 rgba(255,255,255,0.5); box-shadow:0 2px 0 #909090, inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.8); }
.tm-file-white .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%); }

.tm-file-black .tm-file-label { background:#0a0a0a; border:2px solid #0a0a0a; color:#c0c0c0; }
.tm-file-black .tm-file-name { color:#808080; }
.tm-file-black .tm-file-label:hover { background:#1a1a1a; }
.tm-file-black .tm-file-btn { background:linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); border:2px solid #0a0a0a; border-bottom-width:3px; color:#c0c0c0; text-shadow:1px 1px 0 rgba(0,0,0,0.5); box-shadow:0 2px 0 #000000, inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1); }
.tm-file-black .tm-file-label:hover .tm-file-btn { background:linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%); }

/* Profile Customization */
.player-stats-container { transition:opacity 0.3s ease, visibility 0.3s ease; }
.page-loading-overlay { position:fixed; top:70px; left:0; width:100%; height:calc(100% - 70px); background:rgba(61,40,23,0.95); display:flex; align-items:center; justify-content:center; z-index:999; }
.loading-spinner-container { text-align:center; }
.loading-spinner { width:60px; height:60px; border:6px solid rgba(245,230,200,0.2); border-top-color:#f5e6c8; border-radius:50%; animation:spin 1s linear infinite; margin:0 auto 20px; }
@keyframes spin { to { transform:rotate(360deg); } }
.loading-spinner-container p { color:#f5e6c8; font-size:1.2rem; font-weight:600; margin:0; }
.edit-card-btn { position:absolute; top:10px; right:10px; padding:4px 8px; font-size:12px; font-weight:600; z-index:10; }
.edit-card-btn i { pointer-events:none; }
.modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; }
.modal-header h2 { margin:0; color:#fff; }
.modal-close { background:linear-gradient(180deg, #d17171 0%, #b14545 100%); border:2px solid #8f2a2a; border-bottom-width:3px; border-radius:4px; box-shadow:0 3px 0 #661a1a, inset 0 -1px 0 rgba(143, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); color:#fff; cursor:pointer; font-size:24px; font-weight:bold; width:36px; height:36px; display:flex; align-items:center; justify-content:center; line-height:1; padding:0; transition:all 0.15s ease; image-rendering:pixelated; }
.modal-close:hover { background:linear-gradient(180deg, #e38383 0%, #d17171 100%); box-shadow:0 2px 0 #661a1a, inset 0 -1px 0 rgba(143, 42, 42, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width:2px; transform:translateY(1px); }
.modal-close:active { box-shadow:0 0 0 #661a1a, inset 0 2px 3px rgba(143, 42, 42, 0.4); transform:translateY(3px); }
.style-options-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(90px, 1fr)); gap:12px; }
.style-option { padding:20px 10px; border-radius:8px; cursor:pointer; text-align:center; transition:all 0.2s ease; border:3px solid transparent; position:relative; height:60px; display:flex; align-items:center; justify-content:center; }
.style-option span { color:#fff; font-weight:600; font-size:0.9rem; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
.style-option:hover { transform:translateY(-3px); border-color:rgba(255,255,255,0.5); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.style-option.card-map { border:12px solid transparent; border-image:url("/assets/img/map-frame.webp") 12 round; background:#d6be96 !important; background-clip:padding-box !important; image-rendering:pixelated; border-radius:0; }
.style-option.card-map span { color:#2d1f0f; text-shadow:none; }
.style-option.card-grass { position:relative; padding:10px; background:url("/assets/img/dirt_block.webp"); background-repeat:repeat; background-size:64px 64px; border:2px solid #2d2218; border-radius:4px; image-rendering:pixelated; overflow:hidden; }
.style-option.card-grass::before { content:""; position:absolute; top:0; left:0; right:0; height:64px; background:url("/assets/img/grass_block.webp") repeat-x; background-size:64px 64px; image-rendering:pixelated; z-index:0; pointer-events:none; }
.style-option.card-grass span { color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.9); position:relative; z-index:1; }
.style-option.tm-card-white span { color:#000; text-shadow:1px 1px 0 rgba(255,255,255,0.5); }

/* Profile Settings */
.profile-settings-btn { position:fixed; top:95px; left:0; z-index:999; padding:10px 16px; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:0; width:65px; height:40px; box-shadow:0 4px 12px rgba(0,0,0,0.4); }
.profile-settings-btn:hover { box-shadow:0 6px 16px rgba(0,0,0,0.5); }
.profile-settings-tabs-container { display:grid; grid-template-columns:200px 1fr; gap:2rem; height:100%; }
.profile-settings-tabs { display:flex; flex-direction:column; gap:0.5rem; }
.profile-settings-tab { width:100%; display:flex; align-items:center; gap:10px; text-align:left; justify-content:flex-start; opacity:0.7; }
.profile-settings-tab i { font-size:1.1rem; width:20px; }
.profile-settings-tab.active { opacity:1; box-shadow:0 2px 8px rgba(0,0,0,0.3); }
.profile-settings-content { height:100%; overflow-y:auto; overflow-x:hidden; }
.profile-settings-panel { display:none; height:100%; }
.profile-settings-panel.active { display:block; }
.about-me-container { max-width:500px; margin:0 auto; }
.background-options-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; }
.background-option { cursor:pointer; text-align:center; transition:all 0.2s ease; border:3px solid transparent; border-radius:8px; padding:10px; background:rgba(0,0,0,0.3); }
.background-option:hover { border-color:rgba(255,255,255,0.5); transform:translateY(-3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.background-preview { width:100%; height:100px; border-radius:6px; margin-bottom:8px; border:2px solid rgba(255,255,255,0.2); }
.background-option span { color:#fff; font-weight:600; font-size:0.95rem; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
.avatar-type-options-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; margin-top:1rem; }
.avatar-type-option { cursor:pointer; text-align:center; transition:all 0.2s ease; border:3px solid transparent; border-radius:8px; padding:10px; background:rgba(0,0,0,0.3); }
.avatar-type-option:hover { border-color:rgba(255,255,255,0.5); transform:translateY(-3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.avatar-type-preview { width:100%; height:120px; border-radius:6px; margin-bottom:8px; border:2px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.2); }
.avatar-type-preview img { max-width:100%; max-height:100%; object-fit:contain; }
.avatar-type-option strong { color:#fff; font-weight:600; font-size:0.9rem; text-shadow:1px 1px 2px rgba(0,0,0,0.5); display:block; margin-bottom:4px; }
.avatar-type-option p { color:#aaa; font-size:0.75rem; margin:0; }
.profile-settings-dropdown { display:none; width:100%; padding:12px; font-size:1rem; margin-bottom:1rem; border-radius:6px; cursor:pointer; }

/* Mobile Responsiveness for Profile Settings */
@media (max-width:768px) {
.profile-settings-dropdown { display:block; }
.profile-settings-tabs { display:none; }
.profile-settings-tabs-container { grid-template-columns:1fr; gap:1rem; }
.background-options-grid { grid-template-columns:repeat(2, 1fr); gap:10px; }
.avatar-type-options-grid { grid-template-columns:repeat(2, 1fr); gap:10px; }
.modal-content { max-width:95% !important; padding:20px !important; }
}

/* Footer Styles */
.footer { width:100%; background:linear-gradient(180deg, #e8d4ae 0%, #d6be96 100%); border-top:3px solid #8b6a3e; box-shadow:0 -4px 0 #6b4423, 0 -6px 15px rgba(107, 68, 35, 0.3), inset 0 1px 0 rgba(139, 106, 62, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.5); margin-top:auto; padding:1.5rem 1.5rem 1rem; image-rendering:pixelated; position:relative; }
.footer::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(139, 106, 62, 0.08) 2px, rgba(139, 106, 62, 0.08) 3px), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 106, 62, 0.05) 2px, rgba(139, 106, 62, 0.05) 3px); pointer-events:none; }
.footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:2rem; position:relative; z-index:1; }
.footer-section h3 { color:#5c4422; font-size:1rem; margin:0 0 0.5rem; font-weight:700; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
.footer-section p { color:#6b4423; margin:0; line-height:1.6; font-size:0.9rem; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.3); }
.footer-section a { display:block; color:#6b4423; text-decoration:none; margin-bottom:0.4rem; font-weight:600; font-size:0.9rem; transition:color 0.2s; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.3); }
.footer-section a:hover { color:#3d2817; }
.footer-section a i { margin-right:6px; }
.footer-section-right { text-align:right; }
.footer-bottom { max-width:1200px; margin:1rem auto 0; padding-top:1rem; border-top:2px solid #8b6a3e; text-align:center; position:relative; z-index:1; }
.footer-bottom p { color:#6b4423; margin:0; font-size:0.85rem; text-shadow:0.5px 0.5px 0 rgba(255, 255, 255, 0.3); }

/* Privacy Page Styles */
.privacy-container { max-width:1400px; margin:20px auto; padding:2rem; }
.privacy-card { text-align:left; }
.privacy-card h1 { color:#2d1f0f; margin:0 0 0.5rem; font-size:2.5rem; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); }
.privacy-updated { color:#5c4422; font-size:0.9rem; margin:0 0 2rem; font-style:italic; }
.privacy-content { color:#2d1f0f; line-height:1.8; }
.privacy-content p { margin:0 0 1.5rem; }
.privacy-content h3 { color:#3d2817; margin:1.5rem 0 0.75rem; font-size:1.2rem; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); }
.privacy-content ul { margin:0 0 1.5rem; padding-left:2rem; }
.privacy-content li { margin-bottom:0.5rem; }
.privacy-content strong { color:#2d1f0f; }

@media (max-width:480px) {
.background-options-grid { grid-template-columns:1fr; }
.avatar-type-options-grid { grid-template-columns:1fr; }
.avatar-type-preview { height:150px; }
.profile-settings-btn { width:50px; height:35px; font-size:16px; padding:8px 12px; top:85px; }
}