:root {
    --tk-orange: #e5690a;
    --tk-orange-bright: #f47a16;
    --tk-orange-deep: #a84300;
    --tk-ink: #050609;
    --tk-surface: rgba(16, 18, 24, .88);
    --tk-surface-2: rgba(23, 25, 33, .92);
    --tk-line: rgba(255, 255, 255, .085);
    --tk-line-hot: rgba(229, 105, 10, .38);
    --tk-text: #f8f9fb;
    --tk-muted: #969ba8;
    --tk-shadow: 0 24px 70px rgba(0, 0, 0, .36);
}

html {
    color-scheme: dark;
    scrollbar-color: #e5690a #07080b;
    scrollbar-width: thin;
}

::selection { color: #fff; background: #e5690a; }
::-moz-selection { color: #fff; background: #e5690a; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #07080b; }
::-webkit-scrollbar-thumb {
    background: #e5690a;
    border: 2px solid #07080b;
    border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: #f47a16; }

body.tilkisky-theme {
    --tblr-primary: var(--tk-orange);
    --tblr-primary-rgb: 229, 105, 10;
    color: var(--tk-text);
    background:
        radial-gradient(circle at 14% 8%, rgba(229,105,10, .08), transparent 23rem),
        radial-gradient(circle at 86% 60%, rgba(66, 83, 146, .09), transparent 28rem),
        #06070a !important;
    min-height: 100vh;
    padding-bottom: 34px;
    overflow-x: hidden;
}

.tilkisky-theme .page,
.tilkisky-theme .page-wrapper { background: transparent !important; }

.tilkisky-theme .page { position: relative; z-index: 1; }

.tk-cursor-glow {
    position: fixed;
    top: 0;
    left: 0;
    width: 420px;
    height: 420px;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 111, 0, .15) 0%, rgba(255, 78, 0, .065) 36%, transparent 70%);
    filter: blur(10px);
    transition: opacity .35s ease;
    will-change: transform;
}

.tk-cursor-glow.is-visible { opacity: 1; }

.tk-fixed-fox {
    position: fixed;
    right: 18px;
    bottom: 12px;
    width: clamp(150px, 13vw, 230px);
    aspect-ratio: 1;
    z-index: 45;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .48)) drop-shadow(0 0 24px rgba(255, 101, 0, .18));
}

.tk-fixed-fox::before {
    content: '';
    position: absolute;
    inset: 50% 4% 3%;
    background: radial-gradient(ellipse, rgba(255, 95, 0, .17), transparent 68%);
    filter: blur(16px);
}

.tk-fixed-fox video {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    -webkit-mask-image: radial-gradient(ellipse 82% 80% at 48% 46%, #000 62%, transparent 96%);
    mask-image: radial-gradient(ellipse 82% 80% at 48% 46%, #000 62%, transparent 96%);
}

/* LeaderOS combo banner: supplied TilkiSky artwork remains a real theme asset. */
.tilkisky-theme .header-banner {
    height: 220px;
    overflow: hidden;
    position: relative;
    background: #06070a;
    border-bottom: 1px solid rgba(255, 111, 0, .2);
}

.tilkisky-theme .header-image,
.tilkisky-theme .header-image::after { position: absolute; inset: 0; }

.tilkisky-theme .header-image::after {
    content: '';
    background: linear-gradient(90deg, rgba(3,4,8,.08), rgba(3,4,8,.22) 45%, rgba(3,4,8,.08)),
                linear-gradient(180deg, transparent 50%, rgba(4,5,8,.62));
}

.tilkisky-theme .header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 50%;
    transform: scale(1.015);
}

.tilkisky-theme .header-banner-content { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
.tilkisky-theme .header-banner-content .container,
.tilkisky-theme .header-banner-content .row { height: 100%; }
.tilkisky-theme .header-banner-logo { max-height: 154px; width: auto; filter: drop-shadow(0 14px 24px rgba(0,0,0,.72)); }
.tilkisky-theme .header-side-icon { width: 48px; height: 48px; border-radius: 15px; background: rgba(10,12,18,.72); border: 1px solid var(--tk-line); padding: 12px; backdrop-filter: blur(12px); }
.tilkisky-theme .header-side-icon svg { width: 100%; height: 100%; fill: #fff; }

.tilkisky-theme header.navbar {
    position: sticky;
    top: 0;
    z-index: 40;
    min-height: 68px;
    background: rgba(7, 8, 11, .82) !important;
    border-bottom: 1px solid var(--tk-line) !important;
    backdrop-filter: blur(18px) saturate(140%);
    transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.tilkisky-theme header.navbar.tk-nav-scrolled {
    background: rgba(5, 6, 9, .94) !important;
    border-color: rgba(229,105,10, .16) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.tilkisky-theme .navbar .nav-link {
    color: #c8cbd2;
    border-radius: 12px;
    margin: 0 2px;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.tilkisky-theme .navbar .nav-link:hover,
.tilkisky-theme .navbar .nav-item.active > .nav-link {
    color: #fff;
    background: rgba(229,105,10, .09);
    transform: translateY(-1px);
}

.tilkisky-theme .navbar .nav-item.active > .nav-link { box-shadow: inset 0 -2px 0 var(--tk-orange); }
.tilkisky-theme .dropdown-menu { background: rgba(15,17,23,.98); border: 1px solid var(--tk-line); box-shadow: var(--tk-shadow); backdrop-filter: blur(18px); }
.tilkisky-theme .dropdown-item { color: #c9ccd5; border-radius: 9px; margin: 2px 5px; width: calc(100% - 10px); }
.tilkisky-theme .dropdown-item:hover { color: #fff; background: rgba(229,105,10,.12); }

.tilkisky-theme .section,
.tilkisky-theme .page-body { padding-top: 42px; padding-bottom: 58px; }

.tilkisky-theme .container { position: relative; }
.tilkisky-theme .breadcrumb { background: rgba(14,16,21,.72); border: 1px solid var(--tk-line); border-radius: 14px; padding: 12px 16px; backdrop-filter: blur(10px); }
.tilkisky-theme .breadcrumb a { color: #c7cad2; }
.tilkisky-theme .breadcrumb a:hover { color: var(--tk-orange-bright); }

.tilkisky-theme .card {
    position: relative;
    overflow: hidden;
    color: var(--tk-text);
    background: linear-gradient(145deg, rgba(22,24,31,.92), rgba(11,12,16,.96)) !important;
    border: 1px solid var(--tk-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 42px rgba(0,0,0,.18);
    transition: border-color .22s ease, box-shadow .22s ease;
}

.tilkisky-theme .card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle at 50% 0, rgba(229,105,10,.08), transparent 48%);
    transition: opacity .22s ease;
}

.tilkisky-theme .card:hover {
    border-color: rgba(229,105,10,.3) !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.32), 0 0 0 1px rgba(229,105,10,.05);
}

.tilkisky-theme .card:hover::after { opacity: 1; }
.tilkisky-theme .card-img-top { background: rgba(4,5,8,.55); object-fit: contain; transition: transform .35s ease, filter .35s ease; }
.tilkisky-theme .card:hover .card-img-top { transform: scale(1.035); filter: saturate(1.08) brightness(1.04); }
.tilkisky-theme .card-title, .tilkisky-theme .page-title, .tilkisky-theme h1, .tilkisky-theme h2, .tilkisky-theme h3 { color: #fff; }
.tilkisky-theme .text-muted { color: var(--tk-muted) !important; }
.tilkisky-theme .text-heading, .tilkisky-theme .text-body { color: #e9ebef !important; }
.tilkisky-theme .price, .tilkisky-theme .text-success { color: #ff9c4d !important; }

.tilkisky-theme .btn {
    border-radius: 11px;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.tilkisky-theme .btn:hover { transform: translateY(-2px); }
.tilkisky-theme .btn-primary,
.tilkisky-theme .btn-success {
    color: #fff !important;
    border-color: #ff7712 !important;
    background: linear-gradient(135deg, #ff8b2b, #e84f00) !important;
    box-shadow: 0 8px 24px rgba(255,91,0,.2);
}
.tilkisky-theme .btn-primary:hover,
.tilkisky-theme .btn-success:hover { box-shadow: 0 13px 30px rgba(255,91,0,.32); }
.tilkisky-theme .btn-light,
.tilkisky-theme .btn-transparent { color: #e5e7eb !important; background: rgba(255,255,255,.05) !important; border: 1px solid var(--tk-line) !important; }

.tilkisky-theme .form-control,
.tilkisky-theme .form-select,
.tilkisky-theme .select2-selection,
.tilkisky-theme textarea {
    color: #fff !important;
    background-color: rgba(11,13,18,.92) !important;
    border-color: rgba(255,255,255,.11) !important;
    border-radius: 11px !important;
}
.tilkisky-theme .form-control:focus,
.tilkisky-theme .form-select:focus,
.tilkisky-theme textarea:focus { border-color: rgba(229,105,10,.6) !important; box-shadow: 0 0 0 3px rgba(229,105,10,.11) !important; }

.tilkisky-theme .table { --tblr-table-border-color: rgba(255,255,255,.07); color: #d9dce3; }
.tilkisky-theme .table > :not(caption) > * > * { background: rgba(15,17,22,.55); }
.tilkisky-theme .list-group-item { color: #d6d9df; background: rgba(15,17,22,.82); border-color: var(--tk-line); }
.tilkisky-theme .nav-tabs { border-bottom-color: var(--tk-line); }
.tilkisky-theme .nav-tabs .nav-link.active { color: var(--tk-orange-bright); border-color: transparent transparent var(--tk-orange); background: transparent; }
.tilkisky-theme .progress { background: rgba(255,255,255,.07); border-radius: 999px; overflow: hidden; }
.tilkisky-theme .progress-bar { background: linear-gradient(90deg, #e64d00, #ff932f) !important; }

/* Store stays native LeaderOS: product page -> cart; styling only enhances those real views. */
.tilkisky-theme .store-section .card-img-top { aspect-ratio: 1 / .82; padding: 16px; }
.tilkisky-theme .card-product .card-body { display: flex; flex-direction: column; min-height: 175px; }
.tilkisky-theme .card-product .discount { background: linear-gradient(135deg,#ff8422,#d94900); }
.tilkisky-theme .card-product .stock { backdrop-filter: blur(8px); }

.tilkisky-theme .alert { border-radius: 14px; border-width: 1px; }
.tilkisky-theme .pagination .page-link { color: #d7d9df; background: rgba(15,17,22,.9); border-color: var(--tk-line); }
.tilkisky-theme .pagination .active .page-link { color: #fff; background: var(--tk-orange); border-color: var(--tk-orange); }

.tilkisky-theme .footer {
    position: relative;
    background: rgba(4,5,7,.78);
    border-top: 1px solid rgba(255,255,255,.06);
    backdrop-filter: blur(12px);
}
.tilkisky-theme .footer::before { content: ''; position: absolute; top: -1px; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(229,105,10,.55), transparent); }
.tilkisky-theme .widget-title { color: #fff; }
.tilkisky-theme .widget-link { color: #9ca1ad; transition: color .18s ease, padding .18s ease; }
.tilkisky-theme .widget-link:hover { color: #ff9c4c; padding-left: 3px; }

.tk-auth-page {
    background-image: linear-gradient(90deg, rgba(3,4,8,.91), rgba(3,4,8,.7), rgba(3,4,8,.9)), url('../img/tilkisky-bg.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}
.tk-auth-page .auth-layout { min-height: 100vh; position: relative; z-index: 1; }
.tk-auth-page .auth-logo { max-width: 210px; max-height: 150px; filter: drop-shadow(0 15px 24px rgba(0,0,0,.7)); }
.tk-auth-page .container-tight > .card { backdrop-filter: blur(20px); background: rgba(10,12,17,.84) !important; }

@media (max-width: 991.98px) {
    .tilkisky-theme .header-banner { height: 170px; }
    .tilkisky-theme .header-banner-logo { max-height: 118px; }
    .tk-fixed-fox { width: 132px; right: 8px; bottom: 7px; opacity: .92; }
}

@media (max-width: 575.98px) {
    .tilkisky-theme .header-banner { height: 138px; }
    .tilkisky-theme .section, .tilkisky-theme .page-body { padding-top: 26px; padding-bottom: 40px; }
    .tk-fixed-fox { width: 104px; right: 2px; bottom: 4px; opacity: .82; }
    .tk-cursor-glow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .tilkisky-theme *, .tilkisky-theme *::before, .tilkisky-theme *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .tk-cursor-glow { display: none; }
}

/* ========================================================================== */
/* TilkiSky 2.0 — bespoke LeaderOS shell                                      */
/* ========================================================================== */

.tk-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ff7a17;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.tk-eyebrow::before { content: ''; width: 24px; height: 1px; background: currentColor; box-shadow: 0 0 12px currentColor; }

.tk-broadcast {
    position: relative;
    z-index: 55;
    min-height: 34px;
    display: flex;
    align-items: center;
    color: #c5c8d0;
    background: #050609;
    border-bottom: 1px solid rgba(255,255,255,.06);
    font-size: 11px;
}
.tk-broadcast-badge { color: #ff8b32; font-weight: 900; letter-spacing: .08em; white-space: nowrap; }
.tk-broadcast-track { display: flex; align-items: center; gap: 24px; overflow: hidden; white-space: nowrap; }
.tk-broadcast-track a { color: #c5c8d0; text-decoration: none; }
.tk-broadcast-track a:hover { color: #fff; }

.tk-brand-stage {
    position: relative;
    height: 206px;
    overflow: hidden;
    isolation: isolate;
    background-color: #06070a;
    background-image: var(--tk-stage-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    border-bottom: 1px solid rgba(255,111,0,.17);
}
.tk-brand-stage::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(3,4,9,.16), rgba(3,4,9,.42) 50%, rgba(3,4,9,.13)), linear-gradient(180deg, rgba(2,3,7,.1), rgba(3,4,7,.42));
}
.tk-brand-stage::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e5690a, transparent);
    opacity: .45;
}
.tk-stage-grid { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px;pointer-events:none), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent); }
.tk-brand-stage-inner { height: 100%; display: grid; grid-template-columns: 1fr 230px 1fr; align-items: center; gap: 28px; }
.tk-stage-logo { position: relative; display: grid; place-items: center; height: 170px; }
.tk-stage-logo img { position: relative; z-index: 2; max-width: 210px; max-height: 160px; object-fit: contain; filter: drop-shadow(0 20px 28px rgba(0,0,0,.7)); transition: transform .3s ease, filter .3s ease; }
.tk-stage-logo:hover img { transform: translateY(-3px) scale(1.025); filter: drop-shadow(0 20px 34px rgba(255,91,0,.22)); }
.tk-logo-aura { position: absolute; width: 170px; height: 90px; border-radius: 50%; background: rgba(255,83,0,.16); filter: blur(34px); }
.tk-stage-action { display: inline-flex; align-items: center; gap: 13px; width: 100%; height: 100%; padding: 0 18px; color: #fff; text-decoration: none !important; }
.tk-stage-action:hover,.tk-stage-action:focus,.tk-stage-action:active { color: #fff; text-decoration: none !important; }
.tk-stage-action:hover *,.tk-stage-action:focus *,.tk-stage-action:active * { text-decoration: none !important; }
.tk-stage-action small { display: block; margin-bottom: 2px; color: #8f95a4; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.tk-stage-action strong { display: block; font-size: 12px; font-weight: 900; letter-spacing: .025em; }
.tk-stage-server { justify-self: stretch; justify-content: flex-start; }
.tk-stage-discord { justify-self: stretch; justify-content: flex-end; text-align: right; }
.tk-stage-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; font-size: 22px; background: rgba(7,9,14,.72); border: 1px solid rgba(255,255,255,.1); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.32); backdrop-filter: blur(10px); transition: transform .2s ease, border-color .2s ease, color .2s ease; }
.tk-stage-action:hover .tk-stage-icon { color: #ff7a17; border-color: rgba(229,105,10,.45); transform: translateY(-3px) rotate(-3deg); }
.tk-discord-icon { color: #bfc9ff; }

.tilkisky-theme .tk-navbar {
    position: sticky;
    top: 0;
    z-index: 50;
    min-height: 70px;
    padding: 0;
    background: rgba(7,8,11,.86) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    backdrop-filter: blur(22px) saturate(135%);
}
.tilkisky-theme .tk-navbar .nav-item::after,
.tilkisky-theme .tk-navbar .nav-item:hover::after,
.tilkisky-theme .tk-navbar .nav-item.active::after {
    display: none !important;
    width: 0 !important;
    border: 0 !important;
}
.tilkisky-theme .tk-navbar .nav-item.active > .nav-link,
.tilkisky-theme .tk-navbar .nav-item:hover > .nav-link { box-shadow: none !important; border-bottom: 0 !important; }
.tk-navbar .container-xl { min-height: 70px; }
.tk-nav-mark { display: none; width: 46px; height: 42px; margin-right: 12px; align-items: center; }
.tk-nav-mark img { max-width: 46px; max-height: 40px; object-fit: contain; }
.tk-nav-links { gap: 4px; }
.tk-nav-links .nav-link { position: relative; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 13px !important; color: #9ea3af !important; font-size: 12px; font-weight: 750; }
.tk-nav-links .nav-link i { font-size: 16px; }
.tk-nav-links .nav-link::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: -11px; height: 2px; border-radius: 2px; background: #e5690a; box-shadow: 0 0 14px #e5690a; transform: scaleX(0); transition: transform .22s ease; }
.tk-nav-links .active > .nav-link, .tk-nav-links .nav-link:hover { color: #fff !important; background: rgba(229,105,10,.07) !important; }
.tk-nav-links .active > .nav-link::after, .tk-nav-links .nav-link:hover::after { transform: scaleX(1); }
.tk-nav-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; padding-left: 14px; }
.tk-icon-button { position: relative; width: 40px; height: 40px; display: grid; place-items: center; color: #d8dae0; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.04); font-size: 18px; text-decoration: none; }
.tk-icon-button:hover { color: #fff; border-color: rgba(229,105,10,.36); background: rgba(229,105,10,.08); }
.tk-cart-count { position: absolute; z-index: 4; top: 2px; right: 2px; min-width: 15px; height: 15px; padding: 0 4px; display: grid; place-items: center; border: 2px solid #101116; border-radius: 99px; color: #fff; background: #e5690a; font-size: 8px; font-weight: 900; line-height: 1; box-shadow: 0 0 12px rgba(229,105,10,.52); }
.tk-user-button { display: flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; }
.tk-user-button strong, .tk-user-button small { display: block; line-height: 1.15; }
.tk-user-button strong { font-size: 11px; }
.tk-user-button small { margin-top: 3px; color: #858b99; font-size: 9px; }
.tk-login-link { color: #b8bcc6; font-size: 12px; font-weight: 750; text-decoration: none; }
.tk-login-link:hover { color: #fff; }
.tk-register-button { min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; }

.tk-btn-ghost { color: #fff !important; background: rgba(255,255,255,.055) !important; border: 1px solid rgba(255,255,255,.11) !important; box-shadow: inset 0 1px rgba(255,255,255,.04); }
.tk-btn-ghost:hover { background: rgba(229,105,10,.09) !important; border-color: rgba(229,105,10,.34) !important; }

/* Home */
.tk-home { position: relative; overflow: hidden; background: #06070a; }
.tk-home-hero { position: relative; min-height: 690px; display: flex; flex-direction: column; justify-content: center; isolation: isolate; background-color: #07080b; background-image: var(--tk-hero-art); background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; border-bottom: 1px solid rgba(255,255,255,.06); }
.tk-home-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4,5,9,.96) 0%, rgba(4,5,9,.78) 34%, rgba(4,5,9,.35) 62%, rgba(4,5,9,.15) 100%), linear-gradient(180deg, rgba(4,5,9,.08), rgba(4,5,9,.25) 65%, #06070a 100%); }
.tk-home-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 52% 46%, #000, transparent 68%); }
.tk-hero-noise { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 48% 46%, rgba(255,91,0,.09), transparent 30%); }
.tk-home-hero-inner { position: relative; min-height: 520px; display: flex; align-items: center; }
.tk-home-copy { position: relative; z-index: 3; width: min(680px, 60%); }
.tk-live-pill { width: max-content; margin-bottom: 22px; padding: 7px 11px; display: flex; align-items: center; gap: 8px; color: #b8bdc8; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: rgba(7,9,13,.64); backdrop-filter: blur(12px); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.tk-live-pill > span { width: 7px; height: 7px; border-radius: 50%; background: #53e184; box-shadow: 0 0 12px #53e184; }
.tk-home-copy h1 { margin: 14px 0 18px; font-size: clamp(50px, 5.1vw, 78px); line-height: .94; letter-spacing: -.055em; font-weight: 950; text-wrap: balance; }
.tk-home-copy h1 em, .tk-section-head h2 em, .tk-store-teaser-copy h2 em, .tk-page-intro h1 em { color: #e5690a; font-style: normal; text-shadow: 0 0 36px rgba(255,83,0,.2); }
.tk-home-lead { max-width: 610px; margin: 0; color: #a7acb8; font-size: 16px; line-height: 1.75; }
.tk-home-actions { margin-top: 30px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tk-home-actions .btn { min-height: 48px; padding: 0 18px; display: inline-flex; align-items: center; gap: 9px; }
.tk-text-link { margin-left: 8px; color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; }
.tk-text-link i { transition: transform .2s ease; }
.tk-text-link:hover { color: #ff8b32; }
.tk-text-link:hover i { transform: translate(3px,-3px); }
.tk-hero-hud { position: absolute; right: 1.5%; top: 12%; width: 430px; height: 430px; opacity: .62; pointer-events: none; }
.tk-hud-orbit { position: absolute; border: 1px solid rgba(255,114,20,.2); border-radius: 50%; box-shadow: inset 0 0 70px rgba(255,72,0,.03); }
.tk-hud-orbit-one { inset: 40px; animation: tk-spin 28s linear infinite; }
.tk-hud-orbit-two { inset: 96px; border-style: dashed; animation: tk-spin-reverse 19s linear infinite; }
.tk-hud-orbit::before { content: ''; position: absolute; top: -4px; left: 50%; width: 7px; height: 7px; border-radius: 50%; background: #e5690a; box-shadow: 0 0 18px #e5690a; }
.tk-hud-chip { position: absolute; min-width: 100px; padding: 8px 11px; background: rgba(6,8,12,.64); border: 1px solid rgba(255,255,255,.09); border-radius: 10px; backdrop-filter: blur(12px); }
.tk-hud-chip small, .tk-hud-chip strong { display: block; }
.tk-hud-chip small { color: #777e8c; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.tk-hud-chip strong { margin-top: 2px; color: #fff; font-size: 10px; letter-spacing: .07em; }
.tk-hud-chip-a { top: 80px; right: 12px; }.tk-hud-chip-b { bottom: 92px; left: 5px; }.tk-hud-chip-c { bottom: 26px; right: 86px; }
.tk-hero-stats { position: relative; z-index: 5; margin-top: auto; margin-bottom: 26px; display: grid; grid-template-columns: repeat(4,1fr); background: rgba(7,8,12,.72); border: 1px solid rgba(255,255,255,.075); border-radius: 17px; backdrop-filter: blur(18px); overflow: hidden; }
.tk-hero-stats > div { position: relative; min-height: 92px; padding: 19px 21px 18px 56px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.065); }
.tk-hero-stats > div:last-child { border-right: 0; }
.tk-hero-stats span { position: absolute; left: 19px; top: 22px; color: #e5690a; font-size: 10px; font-weight: 900; }
.tk-hero-stats strong { font-size: 12px; color: #fff; }.tk-hero-stats small { margin-top: 4px; color: #757b88; font-size: 10px; }

.tk-section { position: relative; padding: 96px 0; }
.tk-section-head { margin-bottom: 42px; }.tk-section-head-split { display: grid; grid-template-columns: 1fr .58fr; gap: 80px; align-items: end; }
.tk-section-head h2, .tk-store-teaser-copy h2 { margin: 10px 0 0; font-size: clamp(38px,4vw,62px); line-height: .99; letter-spacing: -.045em; font-weight: 930; }
.tk-section-head > p { max-width: 560px; margin: 0; color: #9197a4; font-size: 14px; line-height: 1.75; }
.tk-experience-section { background: radial-gradient(circle at 12% 40%, rgba(255,91,0,.065), transparent 26%), #06070a; }
.tk-experience-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 14px; }
.tk-experience-card { position: relative; min-height: 330px; padding: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 20px; background: linear-gradient(145deg, rgba(20,22,29,.88), rgba(10,11,15,.96)); transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease; }
.tk-experience-card::before { content: ''; position: absolute; inset: 0; opacity: 0; background: radial-gradient(360px circle at var(--tk-px,70%) var(--tk-py,25%), rgba(255,91,0,.20), transparent 44%); transition: opacity .26s ease; }
.tk-experience-card:hover { transform: translateY(-7px); border-color: rgba(229,105,10,.32); box-shadow: 0 28px 70px rgba(0,0,0,.32); }.tk-experience-card:hover::before { opacity: 1; }
.tk-card-index { position: relative; z-index: 2; color: #676d7a; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.tk-experience-icon { position: relative; z-index: 2; margin-top: 66px; display: block; color: #ff7420; font-size: 36px; text-shadow: 0 0 30px rgba(255,94,0,.33); }
.tk-experience-card h3 { position: relative; z-index: 2; margin: 16px 0 10px; font-size: 21px; letter-spacing: -.02em; }.tk-experience-card p { position: relative; z-index: 2; margin: 0; color: #8e94a0; font-size: 13px; line-height: 1.65; }
.tk-experience-card-main { background: linear-gradient(145deg, rgba(42,24,15,.8), rgba(12,12,16,.97)); }.tk-experience-card-main .tk-experience-icon { margin-top: 76px; font-size: 48px; }
.tk-card-line { position: absolute; left: 28px; right: 28px; bottom: 23px; height: 1px; background: linear-gradient(90deg,#e5690a,transparent); }

.tk-store-teaser { padding-top: 28px; }
.tk-store-teaser-card { position: relative; min-height: 430px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; overflow: hidden; border: 1px solid rgba(255,104,0,.18); border-radius: 26px; background: radial-gradient(circle at 78% 50%, rgba(255,85,0,.17), transparent 28%), linear-gradient(135deg,#111218,#08090c 72%); box-shadow: 0 40px 100px rgba(0,0,0,.28); }
.tk-store-teaser-card::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg,transparent,#000); }
.tk-store-teaser-copy { position: relative; z-index: 2; padding: 54px; }.tk-store-teaser-copy p { max-width: 530px; margin: 18px 0 26px; color: #969ca8; line-height: 1.72; }
.tk-store-visual { position: relative; min-height: 430px; }
.tk-crystal { position: absolute; display: grid; place-items: center; color: #ff822a; border: 1px solid rgba(255,116,30,.28); background: rgba(12,13,18,.72); box-shadow: inset 0 0 40px rgba(255,71,0,.08), 0 30px 60px rgba(0,0,0,.35); transform: rotate(12deg); backdrop-filter: blur(14px); }
.tk-crystal i { font-size: 56px; text-shadow: 0 0 28px rgba(255,101,0,.35); }.tk-crystal-one { width: 170px; height: 190px; left: 18%; top: 106px; border-radius: 38% 62% 46% 54%; }.tk-crystal-two { width: 128px; height: 138px; left: 52%; top: 50px; border-radius: 45% 55% 62% 38%; transform: rotate(-10deg); }.tk-crystal-three { width: 110px; height: 122px; left: 58%; top: 235px; border-radius: 58% 42% 40% 60%; transform: rotate(20deg); }

/* Canlı Akış & Aylık Sıralama (Col-6 Col-6 Activity Hub) */
.tk-activity-section { padding-top: 48px; padding-bottom: 24px; }
.tk-live-pulse { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #53e184; box-shadow: 0 0 10px #53e184; animation: tk-pulse-dot 1.8s ease-in-out infinite; vertical-align: middle; }
@keyframes tk-pulse-dot {
    0%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 10px #53e184; }
    50% { transform: scale(1.35); opacity: .7; box-shadow: 0 0 18px #53e184; }
}

.tk-eyebrow.is-trophy { color: #ffb830; }
.tk-eyebrow.is-trophy::before { background: currentColor; box-shadow: 0 0 12px currentColor; }

.tk-activity-card {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 26px 28px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(20, 22, 29, .88), rgba(10, 11, 15, .96));
    box-shadow: 0 16px 44px rgba(0, 0, 0, .28);
    overflow: hidden;
    transition: border-color .24s ease, box-shadow .24s ease;
}
.tk-activity-card::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    background: radial-gradient(380px circle at var(--tk-px, 50%) var(--tk-py, 20%), rgba(255, 111, 0, .14), transparent 65%);
    transition: opacity .26s ease;
    pointer-events: none;
}
.tk-activity-card:hover {
    border-color: rgba(229, 105, 10, .32);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .36), 0 0 28px rgba(229, 105, 10, .08);
}
.tk-activity-card:hover::before { opacity: 1; }

.tk-activity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.tk-activity-head h3 {
    margin: 6px 0 0;
    font-size: clamp(20px, 2vw, 24px);
    font-weight: 900;
    letter-spacing: -.03em;
    color: #fff;
}
.tk-activity-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #8e94a2;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}
.tk-activity-link:hover { color: #ff8b32; transform: translateX(3px); }
.tk-activity-link.is-credit:hover { color: #ffb830; }

.tk-activity-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.tk-activity-row-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .024);
    border: 1px solid rgba(255, 255, 255, .05);
    transition: background .2s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.tk-activity-row-item:hover {
    background: rgba(229, 105, 10, .075);
    border-color: rgba(229, 105, 10, .28);
    transform: translateX(4px);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .2);
}
.tk-donor-row-item:hover {
    background: rgba(255, 184, 48, .075);
    border-color: rgba(255, 184, 48, .28);
}

.tk-activity-user {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.tk-activity-avatar-wrap {
    position: relative;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
}
.tk-activity-avatar {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    object-fit: cover;
    background: #08090d;
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .35);
}
.tk-activity-user-meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
}
.tk-activity-username {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.01em;
}
.tk-activity-time {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #767d8a;
    font-size: 10px;
}
.tk-activity-time i { font-size: 11px; }

.tk-donor-title {
    color: #8c93a2;
    font-size: 10px;
    font-weight: 600;
}

.tk-donor-rank {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
    background: rgba(255, 255, 255, .06);
    color: #888f9e;
    border: 1px solid rgba(255, 255, 255, .08);
}
.tk-donor-rank.is-rank-1 {
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    color: #0b0c10;
    border-color: #ffd700;
    font-size: 13px;
    box-shadow: 0 0 14px rgba(255, 215, 0, .45);
}
.tk-donor-rank.is-rank-2 {
    background: linear-gradient(135deg, #f0f0f0, #9aa0a6);
    color: #0b0c10;
    border-color: #e0e0e0;
    box-shadow: 0 0 10px rgba(200, 200, 200, .25);
}
.tk-donor-rank.is-rank-3 {
    background: linear-gradient(135deg, #df7e43, #8c4115);
    color: #fff;
    border-color: #df7e43;
    box-shadow: 0 0 10px rgba(223, 126, 67, .25);
}

.tk-activity-details {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.tk-activity-product {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #b0b5c1;
    font-size: 12px;
    font-weight: 750;
    max-width: 220px;
}
.tk-activity-product-icon { color: #ff8b32; font-size: 14px; flex-shrink: 0; }
.tk-activity-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tk-purchase-qty-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    border-radius: 6px;
    background: linear-gradient(135deg, #ff8b2b, #e84f00);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .02em;
    box-shadow: 0 0 10px rgba(229, 105, 10, .55);
}
.tk-purchase-extra-badge {
    flex-shrink: 0;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #ff9d4f;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
}

.tk-activity-badge {
    flex-shrink: 0;
    padding: 4px 9px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}
.tk-activity-badge.is-purchase {
    background: rgba(229, 105, 10, .14);
    border: 1px solid rgba(229, 105, 10, .28);
    color: #ff9d4f;
}
.tk-activity-badge.is-donor {
    background: rgba(255, 184, 48, .12);
    border: 1px solid rgba(255, 184, 48, .26);
    color: #ffbf35;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.tk-activity-badge.is-donor i { font-size: 12px; }

.tk-activity-empty {
    min-height: 220px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tk-activity-empty h4 { margin: 10px 0 4px; font-size: 15px; color: #fff; }
.tk-activity-empty p { margin: 0; color: #767d8a; font-size: 11px; }

@media (max-width: 991.98px) {
    .tk-activity-card { padding: 20px; }
    .tk-activity-product { max-width: 130px; }
}
@media (max-width: 575.98px) {
    .tk-activity-row-item { flex-direction: column; align-items: flex-start; gap: 8px; }
    .tk-activity-details { width: 100%; justify-content: space-between; padding-top: 6px; border-top: 1px solid rgba(255,255,255,.04); }
    .tk-activity-product { max-width: none; }
}

.tk-section-head-row { display: flex; align-items: end; justify-content: space-between; gap: 30px; }.tk-section-head-row h2 { font-size: clamp(34px,3.3vw,52px); }.tk-news-count { color: #717784; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.tk-news-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 15px; }.tk-news-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 20px; background: #0e1015; transition: transform .25s ease,border-color .25s ease; }.tk-news-card:hover { transform: translateY(-6px); border-color: rgba(229,105,10,.28); }
.tk-news-media { position: relative; display: block; height: 230px; overflow: hidden; background: #090a0d; }.tk-news-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease,filter .4s ease; }.tk-news-card:hover .tk-news-media img { transform: scale(1.045); filter: saturate(1.08); }.tk-news-arrow { position: absolute; right: 14px; top: 14px; width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; background: rgba(6,7,10,.65); backdrop-filter: blur(10px); }
.tk-news-content { padding: 22px; }.tk-news-meta { display: flex; justify-content: space-between; gap: 12px; color: #717784; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }.tk-news-meta a { color: #ff7b1a; text-decoration: none; }.tk-news-content h3 { margin: 12px 0 9px; font-size: 18px; line-height: 1.25; }.tk-news-content h3 a { color: #fff; text-decoration: none; }.tk-news-content p { margin: 0; color: #868c98; font-size: 12px; line-height: 1.65; }
.tk-news-card-featured .tk-news-media { height: 270px; }.tk-news-card-featured .tk-news-content h3 { font-size: 22px; }
.tk-empty-state { min-height: 260px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; color: #787e8a; border: 1px dashed rgba(255,255,255,.11); border-radius: 20px; background: rgba(255,255,255,.018); }.tk-empty-state > i { color: #ff7220; font-size: 38px; }.tk-empty-state h3,.tk-empty-state p { margin: 0; }
.tk-discord-section { padding-top: 30px; }.tk-discord-banner { position: relative; min-height: 190px; padding: 32px 38px; display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 26px; color: #fff; text-decoration: none; overflow: hidden; border: 1px solid rgba(115,134,255,.2); border-radius: 24px; background: radial-gradient(circle at 8% 40%,rgba(94,114,255,.19),transparent 23%),linear-gradient(115deg,#101322,#0a0b10 58%); }.tk-discord-banner::after { content: ''; position: absolute; width: 400px; height: 400px; right: -120px; top: -130px; border: 1px solid rgba(114,132,255,.12); border-radius: 50%; box-shadow: 0 0 0 54px rgba(114,132,255,.025),0 0 0 108px rgba(114,132,255,.018); }.tk-discord-mark { width: 78px; height: 78px; display: grid; place-items: center; color: #aeb9ff; border: 1px solid rgba(128,144,255,.23); border-radius: 22px; background: rgba(95,113,255,.11); font-size: 38px; }.tk-discord-banner h2 { margin: 8px 0 5px; font-size: 26px; }.tk-discord-banner p { margin: 0; color: #8f96a8; font-size: 12px; }.tk-discord-join { position: relative; z-index: 2; font-size: 12px; font-weight: 850; }
.tk-discord-banner:hover,
.tk-discord-banner:hover * { text-decoration: none !important; }
.tk-discord-banner { transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease; }
.tk-discord-banner:hover { color: #fff; transform: translateY(-5px); border-color: rgba(122,139,255,.48); box-shadow: 0 26px 70px rgba(36,46,110,.24), inset 0 0 80px rgba(93,111,255,.055); }
.tk-discord-banner:hover .tk-discord-mark { transform: rotate(-6deg) scale(1.07); box-shadow: 0 0 38px rgba(99,119,255,.26); }
.tk-discord-mark { transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease; }

/* Internal page system */
.tk-page { position: relative; padding: 58px 0 88px; min-height: 560px; background: radial-gradient(circle at 16% 8%,rgba(255,91,0,.055),transparent 24rem); }
.tk-page-intro { position: relative; min-height: 270px; margin-bottom: 22px; padding: 42px 46px; display: grid; grid-template-columns: 1fr 220px; align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 24px; background: radial-gradient(circle at 90% 35%,rgba(255,93,0,.13),transparent 25%),linear-gradient(135deg,#14161d,#090a0e); }
.tk-page-intro::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(90deg,transparent,#000); }
.tk-page-intro > div { position: relative; z-index: 2; }.tk-page-intro h1 { margin: 8px 0 10px; font-size: clamp(38px,4vw,58px); line-height: 1; letter-spacing: -.045em; }.tk-page-intro p { max-width: 620px; margin: 0; color: #8f95a2; font-size: 13px; line-height: 1.7; }.tk-page-intro-compact { min-height: 205px; padding-block: 32px; }.tk-page-intro-art { justify-self: end; width: 160px; height: 160px; display: grid; place-items: center; color: rgba(255,112,20,.55); border: 1px solid rgba(255,112,20,.15); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,91,0,.024),0 0 0 56px rgba(255,91,0,.014); }.tk-page-intro-art i { font-size: 50px; }.tk-page-intro-art span { position: absolute; bottom: 12px; color: rgba(255,255,255,.14); font-size: 9px; letter-spacing: .3em; }
.tk-breadcrumb-wrap { margin-bottom: 22px; }.tk-breadcrumb-wrap .breadcrumb { margin: 0; }

/* Store */
.tk-store-category-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.tk-store-category { position: relative; min-height: 390px; display: flex; flex-direction: column; overflow: hidden; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.075); border-radius: 22px; background: linear-gradient(145deg,#15171e,#0b0c10); transition: transform .26s ease,border-color .26s ease,box-shadow .26s ease; }.tk-store-category:hover { color: #fff; transform: translateY(-7px); border-color: rgba(229,105,10,.32); box-shadow: 0 26px 70px rgba(0,0,0,.3); }.tk-store-category-media { position: relative; flex: 1; min-height: 300px; display: grid; place-items: center; overflow: hidden; }.tk-store-category-media img { position: relative; z-index: 2; width: 82%; height: 82%; object-fit: contain; transition: transform .35s ease; }.tk-store-category:hover img { transform: scale(1.055) rotate(-1deg); }.tk-store-category-glow { position: absolute; left: var(--tk-px,50%); top: var(--tk-py,48%); width: 65%; height: 55%; border-radius: 50%; background: rgba(255,93,0,.16); filter: blur(45px); transform: translate(-50%,-50%); transition: left .12s linear,top .12s linear; }.tk-store-category-copy { min-height: 84px; padding: 17px 18px; display: grid; grid-template-columns: 36px 1fr 40px; align-items: center; gap: 10px; border-top: 1px solid rgba(255,255,255,.065); }.tk-store-category-index { color: #ff7420; font-size: 10px; font-weight: 900; }.tk-store-category-copy small { color: #707684; font-size: 8px; letter-spacing: .13em; }.tk-store-category-copy h2 { margin: 2px 0 0; font-size: 16px; }.tk-round-arrow { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; transition: background .2s ease,transform .2s ease; }.tk-store-category:hover .tk-round-arrow { background: #e5690a; transform: rotate(7deg); }.tk-store-category-featured { border-color: rgba(229,105,10,.16); }
.tk-store-category-page .tk-product-card { min-height: 100%; }.tk-store-category-page .tk-product-card .card-img-top { aspect-ratio: 1/.86; padding: 20px; object-fit: contain; background: radial-gradient(circle,rgba(255,94,0,.08),transparent 60%); }.tk-subcategory-card { height: 100%; }

.tk-product-layout { display: grid; grid-template-columns: minmax(0,1fr) 370px; gap: 22px; align-items: start; }.tk-product-showcase { min-width: 0; display: grid; grid-template-columns: 280px minmax(0,1fr); align-items: start; gap: 34px; padding: 34px; border: 1px solid rgba(255,255,255,.075); border-radius: 24px; background: linear-gradient(145deg,rgba(19,21,27,.92),rgba(9,10,14,.96)); }.tk-product-image-stage { position: relative; width: 100%; min-height: 0; aspect-ratio: 1; align-self: start; display: grid; place-items: center; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,255,255,.07); border-radius: 20px; background: linear-gradient(145deg,rgba(21,22,28,.96),rgba(8,9,13,.96)); box-shadow: inset 0 0 50px rgba(0,0,0,.22); }.tk-product-image-stage::before { content: ''; position: absolute; z-index: 0; inset: 0; background: radial-gradient(180px circle at var(--tk-px,50%) var(--tk-py,48%),rgba(229,105,10,.22),rgba(229,105,10,.055) 38%,transparent 70%); transition: background .15s linear; }.tk-product-image-stage::after { content: ''; position: absolute; z-index: 0; width: 74%; aspect-ratio: 1; border: 1px solid rgba(229,105,10,.1); border-radius: 50%; box-shadow: 0 0 0 28px rgba(229,105,10,.018),0 0 48px rgba(229,105,10,.08); }.tk-product-image-stage > img { position: relative; z-index: 2; width: 82%; height: 82%; max-width: 230px; max-height: 230px; object-fit: contain; filter: drop-shadow(0 22px 28px rgba(0,0,0,.48)); transition: transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease; }.tk-product-image-stage:hover > img { transform: translateY(-5px) scale(1.055); filter: drop-shadow(0 26px 34px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(229,105,10,.12)); }.tk-product-orbit { position: absolute; z-index: 1; width: 70%; aspect-ratio: 1; border: 1px dashed rgba(229,105,10,.22); border-radius: 50%; animation: tk-spin 35s linear infinite; }.tk-product-discount { position: absolute; z-index: 3; right: 16px; top: 16px; padding: 8px 10px; border-radius: 10px; background: #e5690a; font-size: 11px; font-weight: 900; }.tk-product-copy { align-self: start; }.tk-product-copy h1 { margin: 10px 0 15px; font-size: clamp(30px,3vw,46px); letter-spacing: -.04em; }.tk-product-badges { display: flex; flex-wrap: wrap; gap: 7px; }.tk-product-badges span { padding: 7px 9px; display: inline-flex; align-items: center; gap: 6px; color: #b8bdc7; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.035); font-size: 10px; font-weight: 750; }.tk-product-badges .is-danger { color: #ff7777; }.tk-product-description { margin-top: 26px; color: #a2a7b2; line-height: 1.75; }
/* VIP rewards are parsed from LeaderOS product details and rendered as a Minecraft-style 9-slot hotbar. */
.tk-vip-inventory { position: relative; grid-column: 1 / -1; width: 100%; margin-top: 2px; padding: 24px; border: 1px solid rgba(229,105,10,.24); border-radius: 18px; background: radial-gradient(circle at 88% 0,rgba(229,105,10,.12),transparent 34%),linear-gradient(145deg,#0d0f14,#090a0e); box-shadow: inset 0 1px rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.2); }
.tk-vip-inventory-head { margin-bottom: 18px; display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.tk-vip-inventory-head > div { display: grid; gap: 4px; }
.tk-vip-inventory-head strong { color: #f5f6f8; font-size: 14px; letter-spacing: -.01em; }
.tk-vip-wallet { padding: 7px 9px; display: inline-flex; align-items: center; gap: 6px; color: #fff; border: 1px solid rgba(229,105,10,.32); border-radius: 8px; background: rgba(229,105,10,.14); font-size: 10px; font-weight: 850; white-space: nowrap; }
.tk-vip-wallet i { color: #ffad45; font-size: 15px; }
.tk-inventory-hotbar { position: relative; display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); gap: 5px; padding: 8px; border: 2px solid #08090b; border-top-color: #464b56; border-left-color: #464b56; border-radius: 7px; background: #171a20; box-shadow: 0 12px 32px rgba(0,0,0,.34),inset 0 0 0 1px #050608; }
.tk-inventory-slot { position: relative; aspect-ratio: 1; min-width: 0; display: grid; place-items: center; overflow: visible; border: 2px solid #111318; border-right-color: #3b3f49; border-bottom-color: #3b3f49; background: linear-gradient(145deg,#22262d,#1a1d23); box-shadow: inset 0 0 10px rgba(0,0,0,.2); }
.tk-inventory-slot.is-filled { cursor: help; background: radial-gradient(circle at 50% 42%,rgba(229,105,10,.08),transparent 65%),linear-gradient(145deg,#292d35,#1b1e24); }
.tk-inventory-slot.is-filled:hover { z-index: 8; border-color: #e5690a; background: radial-gradient(circle at 50% 45%,rgba(229,105,10,.18),transparent 68%),#262a31; box-shadow: inset 0 0 12px rgba(229,105,10,.08),0 0 16px rgba(229,105,10,.15); }
.tk-inventory-slot[data-label]::after { content: attr(data-label); position: absolute; z-index: 20; left: 50%; bottom: calc(100% + 10px); width: max-content; max-width: 180px; padding: 7px 9px; opacity: 0; visibility: hidden; color: #fff; border: 1px solid rgba(229,105,10,.3); border-radius: 7px; background: #090a0e; box-shadow: 0 8px 24px rgba(0,0,0,.45); font-size: 9px; font-weight: 800; line-height: 1.3; text-align: center; transform: translate(-50%,4px); transition: opacity .15s ease,transform .15s ease,visibility .15s; pointer-events: none; }
.tk-inventory-slot[data-label]:hover::after { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.tk-item-art { position: relative; width: 80%; height: 80%; display: grid; place-items: center; filter: drop-shadow(0 5px 4px rgba(0,0,0,.38)); transition: transform .16s ease,filter .16s ease; }
.tk-inventory-slot:hover .tk-item-art { transform: translateY(-2px) scale(1.08); filter: drop-shadow(0 7px 5px rgba(0,0,0,.42)); }
.tk-item-spawner { border: 3px solid #656b72; background: repeating-linear-gradient(0deg,transparent 0 5px,#353a40 5px 7px),repeating-linear-gradient(90deg,#171a1e 0 5px,#464b52 5px 7px); box-shadow: inset 0 0 0 2px #0a0b0d,0 0 0 1px #121417; transform: rotate(-3deg); }
.tk-spawner-core { width: 38%; aspect-ratio: 1; border-radius: 45% 55% 48% 52%; background: #8b5b2e; box-shadow: 0 0 9px #e5690a; }
.tk-mob-icon { position: relative; z-index: 2; width: 118%; height: 118%; max-width: none; object-fit: contain; transform: rotate(3deg) scale(1.08); filter: drop-shadow(0 4px 3px rgba(0,0,0,.5)); }
.tk-item-spawner.has-icon { width: 98%; height: 98%; border: 0; background: transparent; box-shadow: none; transform: none; }
.tk-item-spawner.has-icon .tk-mob-icon { width: 100%; height: 100%; max-width: 100%; transform: none; filter: drop-shadow(0 5px 5px rgba(0,0,0,.58)) drop-shadow(0 0 6px rgba(229,105,10,.16)); }
.tk-item-spawner.is-cow .tk-spawner-core { background: linear-gradient(135deg,#6f492d 50%,#e7ded0 51%); }
.tk-item-spawner.is-sheep .tk-spawner-core { background: linear-gradient(135deg,#f1eee8 58%,#b8bdc4 59%); }
.tk-item-key { font-size: clamp(20px,2vw,34px); color: #f4a529; transform: rotate(-28deg); text-shadow: 0 0 12px rgba(244,165,41,.26); }
.tk-item-key.is-vip { color: #80df8f; }.tk-item-key.is-event { color: #bd84ff; }.tk-item-key.is-cosmetic { color: #ff76be; }
.tk-item-quantity { position: absolute; z-index: 3; right: 4px; bottom: 1px; color: #fff; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 10px; font-weight: 900; text-shadow: 1px 1px #111,-1px -1px #111,1px -1px #111,-1px 1px #111; }
.tk-inventory-hint { margin: 10px 0 0; display: flex; align-items: center; gap: 5px; color: #656b77; font-size: 8px; }
.tk-inventory-hint i { color: #e5690a; }

.tk-order-panel { position: sticky; top: 92px; padding: 25px; border: 1px solid rgba(255,111,0,.19); border-radius: 22px; background: radial-gradient(circle at 100% 0,rgba(255,91,0,.11),transparent 34%),rgba(14,16,21,.96); box-shadow: 0 28px 70px rgba(0,0,0,.26); }.tk-order-kicker { margin-bottom: 10px; color: #737987; font-size: 8px; font-weight: 900; letter-spacing: .1em; }.tk-order-kicker i { color: #ff7820; }.tk-order-panel h2 { margin: 0 0 22px; font-size: 21px; }.tk-order-lines > div { padding: 9px 0; display: flex; justify-content: space-between; gap: 20px; color: #888e9a; font-size: 11px; border-bottom: 1px solid rgba(255,255,255,.055); }.tk-order-lines strong { color: #e8eaee; }.tk-order-lines .tk-order-total { margin: 6px 0 17px; padding: 15px 0; align-items: end; border-bottom: 0; }.tk-order-total span { color: #fff; font-weight: 800; }.tk-order-total strong { color: #ff8430; font-size: 24px; }.tk-buy-button { min-height: 48px; display: flex !important; align-items: center; justify-content: center; gap: 8px; }.tk-order-note { margin: 14px 0 0; display: flex; gap: 7px; color: #707784; font-size: 9px; line-height: 1.45; }
.tk-cart-items-card,.tk-cart-summary-card { border-radius: 20px !important; }.tk-cart-summary-card { position: sticky; top: 92px; border-color: rgba(229,105,10,.17) !important; }.tk-cart-page .table { margin: 0; }.tk-cart-page .table th { padding: 14px 16px; color: #6f7582; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }.tk-cart-page .table td { padding: 16px; vertical-align: middle; }.checkoutItemQuantitySpinner { background: #0b0d12 !important; border-color: rgba(255,255,255,.1) !important; }

/* Auth */
.tk-auth-page { min-height: 100vh; background: #06070a !important; }
.tk-auth-shell { position: relative; z-index: 1; min-height: 100vh; display: grid; grid-template-columns: minmax(420px,1.05fr) minmax(420px,.95fr); }
.tk-auth-brand-panel { position: relative; min-height: 100vh; padding: 52px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; isolation: isolate; background: var(--tk-auth-art) center / cover no-repeat; border-right: 1px solid rgba(255,255,255,.07); }.tk-auth-brand-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(4,5,9,.72),rgba(4,5,9,.28)),linear-gradient(180deg,rgba(4,5,9,.12),rgba(4,5,9,.9)); }.tk-auth-brand-overlay { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg,#000,transparent 80%); }.tk-auth-brand-logo { position: relative; z-index: 2; width: 180px; }.tk-auth-brand-logo img { width: 100%; max-height: 140px; object-fit: contain; object-position: left center; filter: drop-shadow(0 18px 30px rgba(0,0,0,.5)); }.tk-auth-brand-copy { position: relative; z-index: 2; max-width: 620px; margin-bottom: 7vh; }.tk-auth-brand-copy h1 { margin: 12px 0 16px; font-size: clamp(43px,4.2vw,68px); line-height: .97; letter-spacing: -.05em; }.tk-auth-brand-copy h1 em { color: #e5690a; font-style: normal; }.tk-auth-brand-copy > p { max-width: 550px; color: #a2a8b3; line-height: 1.72; }.tk-auth-points { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }.tk-auth-points span { padding: 8px 10px; color: #c2c6cf; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(7,9,13,.5); font-size: 10px; }.tk-auth-points i { margin-right: 4px; color: #ff7620; }
.tk-auth-main { position: relative; min-height: 100vh; padding: 34px clamp(32px,6vw,94px); display: flex; flex-direction: column; background: radial-gradient(circle at 75% 18%,rgba(255,91,0,.06),transparent 26rem),#08090c; }.tk-auth-main-top { margin-bottom: 34px; }.tk-auth-main-top a { color: #8d93a0; font-size: 11px; text-decoration: none; }.tk-auth-main-top a:hover { color: #fff; }.tk-auth-content { width: min(470px,100%); margin: auto; }.tk-auth-content .card { background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; }.tk-auth-content .card::after { display: none; }.tk-auth-content .card-body { padding-left: 0; padding-right: 0; }.tk-auth-content h2 { text-align: left !important; font-size: 30px; letter-spacing: -.03em; }.tk-auth-content h2 + p { text-align: left !important; }.tk-auth-content .form-control { min-height: 46px; }.tk-auth-content .btn { min-height: 46px; }.tk-auth-powered { margin-top: 30px; color: #626875; font-size: 10px; text-align: center; }

/* New footer */
.tk-footer { position: relative; z-index: 2; padding: 80px 0 24px; background: #050609; border-top: 1px solid rgba(255,255,255,.06); }
.tk-footer-cta { position: relative; min-height: 210px; margin-bottom: 64px; padding: 34px 40px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; overflow: hidden; border: 1px solid rgba(229,105,10,.17); border-radius: 22px; background: radial-gradient(circle at 90% 50%,rgba(255,89,0,.15),transparent 24%),linear-gradient(135deg,#13151b,#090a0d); }.tk-footer-cta::after { content: ''; position: absolute; width: 270px; height: 270px; right: 40px; border: 1px solid rgba(255,111,0,.12); border-radius: 50%; box-shadow: 0 0 0 40px rgba(255,111,0,.025),0 0 0 80px rgba(255,111,0,.018); }.tk-footer-cta-copy { position: relative; z-index: 2; }.tk-footer-cta h2 { margin: 8px 0 7px; font-size: 28px; letter-spacing: -.03em; }.tk-footer-cta p { margin: 0; color: #858b98; font-size: 12px; }.tk-footer-cta-actions { position: relative; z-index: 2; display: flex; gap: 8px; }.tk-footer-cta-actions .btn { min-height: 44px; display: inline-flex; align-items: center; }
.tk-footer-grid { display: grid; grid-template-columns: 1.65fr repeat(3,1fr); gap: 46px; }.tk-footer-brand img { width: 150px; max-height: 105px; object-fit: contain; object-position: left center; }.tk-footer-about { max-width: 430px; margin-top: 15px; color: #727885; font-size: 11px; line-height: 1.7; }.tk-footer-column h4 { margin-bottom: 15px; color: #eceef2; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }.tk-footer-column ul { list-style: none; padding: 0; margin: 0; }.tk-footer-column li { margin: 8px 0; }.tk-footer-column a { display: inline-flex; align-items: center; gap: 7px; color: #777e8a; font-size: 11px; text-decoration: none; transition: color .18s ease,transform .18s ease; }.tk-footer-column a:hover { color: #ff8430; transform: translateX(3px); }.tk-footer-bottom { margin-top: 56px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #555b67; border-top: 1px solid rgba(255,255,255,.055); font-size: 9px; }.tk-footer-settings { display: flex; align-items: center; gap: 14px; }.tk-footer-select { color: #777e8a; background: transparent; border: 0; font-size: 9px; }.tk-powered a { color: #777e8a; }

/* Fixed mascot: original MP4, deliberately un-keyed so its color data is preserved. */
.tk-fixed-fox { right: 12px; bottom: 6px; width: clamp(150px,11.5vw,205px); height: auto; aspect-ratio: 320 / 388; z-index: 46; opacity: 1; overflow: visible; filter: none; }
.tk-fixed-fox::before { inset: 48% 2% 0; background: radial-gradient(ellipse,rgba(229,105,10,.16),transparent 70%); filter: blur(18px); }
.tk-fixed-fox video { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; border: 0; border-radius: 0; filter: none; opacity: 1; -webkit-mask-image: none; mask-image: none; }

/* 2D TilkiSky world strip: a lightweight Minecraft-like ground with a roaming fox. */
.tk-world-runner { position: fixed; z-index: 46; left: 0; right: 0; bottom: 0; height: 118px; pointer-events: none; overflow: hidden; isolation: isolate; }
.tk-world-ground { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 34px; border-top: 2px solid #92c84e; background: linear-gradient(180deg,#6ea83b 0 5px,#46752c 5px 10px,transparent 10px),repeating-linear-gradient(90deg,#57351f 0 22px,#472a1b 22px 43px,#613b23 43px 65px,#4c2d1c 65px 84px); box-shadow: 0 -5px 18px rgba(71,119,44,.15),inset 0 -8px 0 rgba(25,15,11,.14); }
.tk-world-ground::before { content: ''; position: absolute; left: 0; right: 0; top: -7px; height: 8px; opacity: .88; background: repeating-linear-gradient(90deg,transparent 0 11px,#79b443 11px 14px,transparent 14px 22px,#5e9434 22px 25px,transparent 25px 39px); clip-path: polygon(0 70%,4% 70%,4% 20%,5% 70%,10% 70%,10% 0,11% 70%,17% 70%,17% 34%,18% 70%,24% 70%,24% 10%,25% 70%,31% 70%,31% 40%,32% 70%,39% 70%,39% 5%,40% 70%,47% 70%,47% 28%,48% 70%,56% 70%,56% 12%,57% 70%,64% 70%,64% 36%,65% 70%,73% 70%,73% 8%,74% 70%,82% 70%,82% 33%,83% 70%,91% 70%,91% 14%,92% 70%,100% 70%,100% 100%,0 100%); }
.tk-world-ground::after { content: ''; position: absolute; inset: 12px 0 0; opacity: .25; background: repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,177,89,.32) 18px 21px,transparent 21px 47px,rgba(20,10,7,.55) 47px 51px,transparent 51px 76px); }
.tk-fox-walker { position: absolute; z-index: 3; left: -135px; bottom: 27px; width: clamp(108px,7.2vw,132px); aspect-ratio: 448 / 300; filter: drop-shadow(0 7px 7px rgba(0,0,0,.45)); will-change: transform; animation: tk-fox-cross 19s linear infinite; }
.tk-fox-walk-sprite { display: block; width: 100%; height: 100%; background-image: url('../img/tilkisky-fox-walk-sheet.png'); background-repeat: no-repeat; background-size: 400% 100%; background-position: 0 50%; image-rendering: auto; animation: tk-fox-walk-frames .64s linear infinite; }
.tk-fox-walker::after { content: ''; position: absolute; z-index: -1; left: 7px; bottom: 4px; width: 4px; height: 4px; border-radius: 1px; opacity: .5; background: #9a6338; box-shadow: -9px 3px #6c442b,-17px -1px #7e5030,-24px 4px #51311f; animation: tk-fox-dust .84s steps(2,end) infinite; }

@keyframes tk-fox-cross { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(100vw + 270px),0,0); } }
@keyframes tk-fox-walk-frames { 0%,24.99% { background-position: 0 50%; } 25%,49.99% { background-position: 33.333% 50%; } 50%,74.99% { background-position: 66.667% 50%; } 75%,100% { background-position: 100% 50%; } }
@keyframes tk-fox-dust { 0%,100% { opacity: .18; transform: translate(0,0) scale(.8); } 50% { opacity: .58; transform: translate(-5px,-2px) scale(1); } }

@media (max-width: 767.98px) {
    body.tilkisky-theme { padding-bottom: 28px; }.tk-world-runner { height: 92px; }.tk-world-ground { height: 28px; }.tk-fox-walker { left: -108px; bottom: 22px; width: 92px; animation-duration: 14s; }
}
@media (prefers-reduced-motion: reduce) {
    .tk-fox-walker { left: 18px; animation: none; }.tk-fox-walk-sprite,.tk-fox-walker::after { animation: none; }
}

@keyframes tk-spin { to { transform: rotate(360deg); } }
@keyframes tk-spin-reverse { to { transform: rotate(-360deg); } }

/* Visible cursor aura + signature interaction language */
.tk-cursor-glow {
    width: 220px !important;
    height: 220px !important;
    z-index: 70 !important;
    opacity: 0 !important;
    background: radial-gradient(circle, rgba(229,105,10,.28) 0%, rgba(229,105,10,.14) 33%, rgba(229,105,10,.045) 56%, transparent 74%) !important;
    filter: blur(8px) saturate(112%) !important;
    mix-blend-mode: screen;
}
.tk-cursor-glow.is-visible { opacity: .82 !important; }

.tk-scroll-progress { position: fixed; z-index: 1200; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; transform: scaleX(0); transform-origin: 0 50%; background: #e5690a; box-shadow: 0 0 14px rgba(229,105,10,.8); }

.tilkisky-theme .btn,
.tk-icon-button,
.tk-round-arrow {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.tilkisky-theme .btn::before,
.tk-icon-button::before,
.tk-round-arrow::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -90%;
    left: -35%;
    width: 28%;
    height: 280%;
    opacity: 0;
    transform: rotate(24deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
    transition: left .5s cubic-bezier(.2,.8,.2,1), opacity .18s ease;
}
.tilkisky-theme .btn:hover::before,
.tk-icon-button:hover::before,
.tk-round-arrow:hover::before { left: 112%; opacity: 1; }
.tilkisky-theme .btn:hover { transform: translateY(-3px) scale(1.015); }
.tilkisky-theme .btn:active { transform: translateY(0) scale(.985); }

.tk-experience-card::after,
.tk-store-category::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(120deg, transparent 20%, rgba(255,108,0,.07) 48%, transparent 72%);
    transform: translateX(-70%);
    transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
}
.tk-experience-card:hover::after,
.tk-store-category:hover::after { opacity: 1; transform: translateX(70%); }

@media (max-width: 1100px) {
    .tk-hero-hud { right: -100px; opacity: .35; }.tk-home-copy { width: 70%; }.tk-experience-grid { grid-template-columns: 1fr 1fr; }.tk-experience-card-main { grid-column: 1/-1; }.tk-store-category-grid { grid-template-columns: repeat(2,1fr); }.tk-product-layout { grid-template-columns: 1fr; }.tk-order-panel,.tk-cart-summary-card { position: static; }.tk-footer-grid { grid-template-columns: 1.5fr repeat(2,1fr); }.tk-auth-shell { grid-template-columns: .9fr 1.1fr; }
}

@media (max-width: 767.98px) {
    .tk-brand-stage { height: 142px; }.tk-brand-stage-inner { grid-template-columns: 1fr 120px 1fr; }.tk-stage-action { display: none; }.tk-stage-logo { grid-column: 2; height: 124px; }.tk-stage-logo img { max-height: 112px; max-width: 140px; }.tk-nav-mark { display: flex; }.tk-navbar .container-xl { min-height: 62px; }.tk-nav-actions { padding-left: 4px; }.tk-nav-links { padding: 10px 0 15px; }.tk-nav-links .nav-link::after { bottom: 1px; }.tk-register-button { display: none !important; }
    .tk-home-hero { min-height: 650px; background-position: 63% center; }.tk-home-hero::before { background: linear-gradient(90deg,rgba(4,5,9,.96),rgba(4,5,9,.68)),linear-gradient(180deg,rgba(4,5,9,.12),#06070a 96%); }.tk-home-copy { width: 100%; }.tk-home-copy h1 { font-size: clamp(44px,13vw,64px); }.tk-home-lead { font-size: 14px; }.tk-hero-hud { display: none; }.tk-hero-stats { grid-template-columns: 1fr 1fr; }.tk-hero-stats > div:nth-child(2) { border-right: 0; }.tk-hero-stats > div { min-height: 78px; }
    .tk-section { padding: 68px 0; }.tk-section-head-split { grid-template-columns: 1fr; gap: 20px; }.tk-experience-grid { grid-template-columns: 1fr; }.tk-experience-card-main { grid-column: auto; }.tk-store-teaser-card { grid-template-columns: 1fr; }.tk-store-teaser-copy { padding: 36px 28px; }.tk-store-visual { min-height: 270px; }.tk-news-grid { grid-template-columns: 1fr; }.tk-news-card-featured .tk-news-media,.tk-news-media { height: 220px; }.tk-discord-banner { grid-template-columns: 64px 1fr; padding: 28px; }.tk-discord-mark { width: 60px; height: 60px; font-size: 30px; }.tk-discord-join { grid-column: 2; }.tk-discord-banner h2 { font-size: 20px; }
    .tk-page { padding-top: 34px; }.tk-page-intro { min-height: 220px; padding: 30px 26px; grid-template-columns: 1fr; }.tk-page-intro-art { display: none; }.tk-store-category-grid { grid-template-columns: 1fr 1fr; }.tk-product-showcase { grid-template-columns: 1fr; padding: 22px; }.tk-product-image-stage { width: min(100%,320px); min-height: 0; justify-self: center; }.tk-vip-inventory { padding: 18px; }.tk-inventory-hotbar { grid-template-columns: repeat(6,minmax(0,1fr)); }
    .tk-auth-shell { display: block; }.tk-auth-brand-panel { display: none; }.tk-auth-main { min-height: 100vh; padding: 28px 24px; }.tk-auth-content { margin: auto; }
    .tk-footer { padding-top: 58px; }.tk-footer-cta { grid-template-columns: 1fr; padding: 30px; }.tk-footer-cta-actions { flex-wrap: wrap; }.tk-footer-grid { grid-template-columns: 1fr 1fr; }.tk-footer-brand { grid-column: 1/-1; }.tk-footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 479.98px) {
    .tk-hero-stats { grid-template-columns: 1fr; }.tk-hero-stats > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.06); }.tk-home-actions .btn { width: 100%; justify-content: center; }.tk-text-link { margin: 8px 0 0; }.tk-store-category-grid { grid-template-columns: 1fr; }.tk-store-category { min-height: 340px; }.tk-page-intro h1 { font-size: 38px; }.tk-vip-inventory { padding: 15px 12px; }.tk-vip-inventory-head { align-items: flex-start; flex-direction: column; }.tk-inventory-hotbar { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 4px; padding: 6px; }.tk-footer-grid { grid-template-columns: 1fr; }.tk-footer-brand { grid-column: auto; }
}