:root {--loy-bronze: #9E6752;--loy-bronze-dark: #534145;--loy-brass: #E8CFA8;--loy-steel: #4F5560;--loy-gold: #FED7A5;--loy-silver: #9AA4B3;--loy-dust: #FED7A5;--loy-cogs: #9E6752;--loy-xp: #FED7A5;--loy-bg-gear: rgba(254,215,165,0.06);}.loyalty-header-bar {display: flex;align-items: center;gap: 12px;padding: 0 8px;font-size: 0.8rem;}.loyalty-header-level {display: flex;align-items: center;gap: 6px;text-decoration: none;color: var(--text);background: var(--bg-card);padding: 4px 10px;border-radius: var(--radius-sm);border: 1px solid var(--border);transition: border-color var(--transition);}.loyalty-header-level:hover {border-color: rgba(254,215,165,0.25);}.loyalty-header-level-num {display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;background: var(--loy-steel);color: var(--text);font-weight: 700;font-size: 0.68rem;border: 1.5px solid rgba(254,215,165,0.3);}.loyalty-header-level-title {font-size: 0.73rem;color: var(--text-muted);max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.loyalty-header-xp-bar {width: 60px;height: 3px;background: rgba(255,255,255,0.05);border-radius: 2px;overflow: hidden;}.loyalty-header-xp-fill {height: 100%;background: var(--accent);border-radius: 2px;transition: width 0.6s ease;}.loyalty-header-currency {display: flex;align-items: center;gap: 4px;padding: 3px 8px;background: var(--bg-card);border-radius: var(--radius-sm);border: 1px solid var(--border);font-weight: 600;font-size: 0.76rem;white-space: nowrap;}.loyalty-icon {display: inline-flex;align-items: center;justify-content: center;width: 14px;height: 14px;flex-shrink: 0;}.loyalty-icon svg {width: 100%;height: 100%;}.loyalty-dust {color: var(--loy-dust);}.loyalty-cogs {color: var(--loy-cogs);}.loyalty-header-exchange-btn {display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 50%;background: var(--loy-steel);color: var(--text);font-weight: 700;font-size: 0.9rem;text-decoration: none;border: 1.5px solid rgba(254,215,165,0.2);transition: all var(--transition);}.loyalty-header-exchange-btn:hover {background: var(--loy-bronze);border-color: var(--accent);transform: scale(1.05);}.loyalty-dashboard {position: relative;margin-bottom: 28px;border-radius: 20px;border: 1px solid rgba(255,255,255,0.08);background: linear-gradient(165deg,rgba(254,215,165,0.06) 0%,transparent 42%),linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.01) 100%),var(--bg-card,#15181e);box-shadow: 0 0 0 1px rgba(0,0,0,0.35) inset,0 24px 48px rgba(0,0,0,0.28);overflow: hidden;min-width: 0;}.loyalty-dashboard::before {content: '';position: absolute;left: 0;right: 0;top: 0;height: 3px;background: linear-gradient(90deg,transparent,rgba(254,215,165,0.45),rgba(180,200,220,0.25),transparent);opacity: 0.9;pointer-events: none;}.loyalty-page-head {margin: 0;padding: 22px 24px 0;border: none;background: transparent;}.loyalty-page-head__intro {margin-bottom: 4px;}.loyalty-dashboard-eyebrow {margin: 0 0 6px;font-size: 0.65rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-muted);opacity: 0.85;}.loyalty-dashboard h1.loyalty-page-title {margin: 0 0 8px;}.loyalty-page-title {display: flex;align-items: center;gap: 12px;font-family: var(--font-display,'Inter',system-ui,sans-serif);font-size: clamp(1.35rem,2.8vw,1.65rem);font-weight: 700;margin: 0 0 8px;letter-spacing: -0.03em;line-height: 1.2;color: var(--text);}.loyalty-title-icon {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 12px;background: rgba(254,215,165,0.1);border: 1px solid rgba(254,215,165,0.22);color: var(--accent);flex-shrink: 0;}.loyalty-title-icon svg {width: 22px;height: 22px;}.loyalty-dashboard-subtitle {margin: 0 0 20px;padding-left: 52px;font-size: 0.84rem;line-height: 1.45;color: var(--text-muted);max-width: 42rem;}.loyalty-summary {display: flex;align-items: stretch;gap: 24px;margin: 0 24px;padding: 20px 0 22px;flex-wrap: wrap;border-top: 1px solid rgba(255,255,255,0.07);background: transparent;border-radius: 0;border-left: none;border-right: none;border-bottom: none;box-shadow: none;}.loyalty-summary-level {display: flex;align-items: center;gap: 18px;flex: 1 1 240px;min-width: 0;}.loyalty-avatar {width: 64px;height: 64px;border-radius: 50%;background: linear-gradient(145deg,rgba(90,98,110,0.5),rgba(45,50,58,0.95));display: flex;align-items: center;justify-content: center;border: 2px solid rgba(254,215,165,0.28);position: relative;flex-shrink: 0;box-shadow: 0 8px 24px rgba(0,0,0,0.35);}.loyalty-avatar[data-frame="silver"] {border-color: rgba(154,164,179,0.55);box-shadow: 0 8px 24px rgba(0,0,0,0.3),0 0 0 1px rgba(154,164,179,0.12);}.loyalty-avatar[data-frame="gold"] {border-color: rgba(254,215,165,0.55);box-shadow: 0 8px 28px rgba(0,0,0,0.35),0 0 32px rgba(254,215,165,0.12);}.loyalty-avatar-level {font-family: var(--font-mono,'JetBrains Mono',ui-monospace,monospace);font-size: 1.35rem;font-weight: 700;color: var(--text);}.loyalty-level-info {display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto;gap: 6px 14px;align-items: center;min-width: 0;}.loyalty-level-name {font-size: 1.05rem;font-weight: 700;color: var(--text);margin: 0;line-height: 1.25;}.loyalty-cashback-badge {margin: 0;justify-self: end;font-size: 0.72rem;font-weight: 600;color: var(--accent);padding: 5px 11px;border-radius: 999px;background: rgba(254,215,165,0.12);border: 1px solid rgba(254,215,165,0.2);white-space: nowrap;}.loyalty-xp-bar-wrap {grid-column: 1 / -1;margin-top: 4px;}.loyalty-xp-bar {width: 100%;max-width: 320px;height: 8px;background: rgba(0,0,0,0.35);border-radius: 999px;overflow: hidden;border: 1px solid rgba(255,255,255,0.06);}.loyalty-xp-fill {height: 100%;background: linear-gradient(90deg,rgba(254,215,165,0.75),var(--accent,#E8CFA8));border-radius: 999px;transition: width 0.55s ease;}.loyalty-xp-text {font-size: 0.75rem;color: var(--text-muted);margin-top: 6px;display: block;font-variant-numeric: tabular-nums;}.loyalty-summary-currencies {display: flex;gap: 10px;margin-left: auto;flex: 1 1 280px;justify-content: flex-end;align-items: stretch;flex-wrap: wrap;}.loyalty-currency-card {display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto;column-gap: 12px;row-gap: 2px;align-items: center;padding: 12px 16px;min-width: 132px;flex: 1 1 120px;max-width: 200px;background: rgba(0,0,0,0.22);border-radius: 14px;border: 1px solid rgba(255,255,255,0.08);transition: border-color 0.2s ease,background 0.2s ease;}.loyalty-currency-card:hover {border-color: rgba(255,255,255,0.14);background: rgba(0,0,0,0.28);}.loyalty-currency-icon {grid-row: 1 / span 2;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;background: rgba(255,255,255,0.04);margin: 0;color: var(--text-muted);}.loyalty-currency-icon svg {width: 20px;height: 20px;}.loyalty-currency-val {font-family: var(--font-mono,'JetBrains Mono',ui-monospace,monospace);font-size: 1.15rem;font-weight: 700;line-height: 1.1;font-variant-numeric: tabular-nums;}.loyalty-currency-label {font-size: 0.72rem;color: var(--text-muted);margin: 0;text-transform: none;letter-spacing: 0.01em;line-height: 1.3;}.loyalty-currency-dust .loyalty-currency-icon {color: var(--loy-dust);background: rgba(254,215,165,0.08);}.loyalty-currency-dust .loyalty-currency-val {color: var(--loy-dust);}.loyalty-currency-cogs .loyalty-currency-icon {color: var(--loy-cogs);background: rgba(158,103,82,0.12);}.loyalty-currency-cogs .loyalty-currency-val {color: var(--loy-cogs);}.loyalty-currency-xp .loyalty-currency-icon {color: var(--accent);background: rgba(254,215,165,0.08);}.loyalty-currency-xp .loyalty-currency-val {color: var(--accent);}.loyalty-dashboard-tabs {padding: 10px 12px 14px;border-top: 1px solid rgba(255,255,255,0.06);background: rgba(0,0,0,0.18);min-width: 0;max-width: 100%;}.loyalty-tabs {display: flex;gap: 4px;overflow-x: auto;scrollbar-width: none;margin: 0;padding: 5px;border-radius: 14px;background: rgba(0,0,0,0.35);border: 1px solid rgba(255,255,255,0.06);-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;overscroll-behavior-x: contain;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;}.loyalty-tabs::-webkit-scrollbar {display: none;}.loyalty-tab {padding: 10px 18px;border: none;border-radius: 10px;background: transparent;color: var(--text-muted);font-size: 0.82rem;font-weight: 600;cursor: pointer;white-space: nowrap;transition: color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;font-family: inherit;flex-shrink: 0;}.loyalty-tab:hover {color: var(--text);background: rgba(255,255,255,0.04);}.loyalty-tab.active {background: rgba(255,255,255,0.1);color: var(--text);box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset,0 4px 12px rgba(0,0,0,0.2);border: 1px solid rgba(254,215,165,0.18);}.loyalty-tab-content {display: none;}.loyalty-tab-content.active {display: block;}.loyalty-section-title {font-size: 1.05rem;font-weight: 700;margin-bottom: 16px;}.loyalty-quests-grid {display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px;}.loyalty-quest-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 18px;transition: border-color var(--transition);position: relative;overflow: hidden;box-shadow: var(--shadow-sm,0 2px 8px rgba(0,0,0,0.2));}.loyalty-quest-card::before {content: '';position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: var(--accent);opacity: 0.25;transition: opacity var(--transition);}.loyalty-quest-card:hover {border-color: var(--border-strong);}.loyalty-quest-card:hover::before {opacity: 0.5;}.loyalty-quest-card--completed {border-color: rgba(254,215,165,0.25);}.loyalty-quest-card--completed::before {opacity: 0.8;}.loyalty-quest-card--claimed {opacity: 0.45;}.loyalty-quest-head {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;}.loyalty-quest-icon {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--accent);opacity: 0.9;}.loyalty-quest-icon .svg-icon {color: inherit;}.loyalty-quest-title {font-weight: 700;font-size: 0.88rem;}.loyalty-quest-type {font-size: 0.62rem;padding: 2px 7px;border-radius: 4px;background: rgba(255,255,255,0.04);color: var(--text-dim);margin-left: auto;text-transform: uppercase;letter-spacing: 0.06em;}.loyalty-quest-desc {font-size: 0.78rem;color: var(--text-muted);margin-bottom: 12px;line-height: 1.5;}.loyalty-quest-progress-bar {width: 100%;height: 4px;background: rgba(255,255,255,0.04);border-radius: 2px;overflow: hidden;margin-bottom: 6px;}.loyalty-quest-progress-fill {height: 100%;background: var(--accent);border-radius: 2px;transition: width 0.4s ease;}.loyalty-quest-progress-text {font-family: var(--font-mono,monospace);font-size: 0.73rem;color: var(--text-dim);}.loyalty-quest-rewards {display: flex;gap: 8px;margin-top: 10px;font-size: 0.73rem;}.loyalty-quest-reward {padding: 3px 7px;background: rgba(255,255,255,0.03);border-radius: 5px;}.loyalty-quest-claim-btn {margin-top: 12px;padding: 9px 20px;background: var(--accent);color: var(--btn-primary-text,#0E1114);border: none;border-radius: var(--radius-sm);font-weight: 700;font-size: 0.78rem;cursor: pointer;font-family: inherit;transition: all var(--transition);}.loyalty-quest-claim-btn:hover {background: var(--accent-hover,#D8C9A8);box-shadow: 0 0 16px rgba(254,215,165,0.15);}.loyalty-minigames-row {display: grid;grid-template-columns: 1fr 1fr;gap: 22px;}.loyalty-minigame-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px;text-align: center;box-shadow: var(--shadow-sm,0 2px 8px rgba(0,0,0,0.2));}.loyalty-minigame-title {font-size: 1.05rem;font-weight: 700;margin-bottom: 8px;}.loyalty-minigame-desc {font-size: 0.78rem;color: var(--text-muted);margin-bottom: 18px;}.loyalty-minigame-btn {margin-top: 14px;}.workshop-cards-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;margin: 16px 0;overflow: visible;}.workshop-card {aspect-ratio: 3/4;min-height: 140px;border-radius: var(--radius-md);cursor: pointer;perspective: 600px;position: relative;overflow: visible;}.workshop-card-inner {width: 100%;height: 100%;position: relative;transform-style: preserve-3d;transition: transform 0.5s ease;border-radius: var(--radius-md);}.workshop-card.flipped .workshop-card-inner {transform: rotateY(180deg);}.workshop-card:not(.flipped) .workshop-card-front {pointer-events: none;}.workshop-card.flipped .workshop-card-back {pointer-events: none;}.workshop-card-face {position: absolute;inset: 0;backface-visibility: hidden;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.5rem;font-weight: 700;overflow: hidden;}.workshop-card-back {flex-direction: column;gap: 6px;background: linear-gradient(165deg,rgba(14,32,42,0.98) 0%,rgba(8,18,26,1) 100%);border: 1px solid rgba(100,170,195,0.38);color: rgba(160,210,230,0.75);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04),inset 0 -12px 28px rgba(0,0,0,0.35),0 4px 14px rgba(0,0,0,0.35);}.workshop-card-back::before {content: '';position: absolute;inset: 0;border-radius: inherit;opacity: 0.35;background-image: linear-gradient(rgba(120,200,220,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,220,0.1) 1px,transparent 1px);background-size: 14px 14px;pointer-events: none;}.workshop-card-back::after {content: '';position: absolute;top: 8px;left: 8px;right: 8px;height: 3px;border-radius: 2px;background: linear-gradient(90deg,rgba(100,170,195,0.15),rgba(254,215,165,0.2),rgba(100,170,195,0.15));pointer-events: none;}.workshop-card-back-label {position: relative;z-index: 1;font-size: 0.58rem;font-weight: 800;letter-spacing: 0.2em;text-transform: uppercase;color: rgba(140,200,220,0.55);font-family: ui-monospace,'Cascadia Mono','Consolas',monospace;}.workshop-card-back .workshop-card-back-icon {display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;opacity: 0.55;color: rgba(160,210,230,0.85);filter: drop-shadow(0 0 12px rgba(100,170,195,0.25));transition: transform 0.35s ease,opacity 0.25s ease;}.workshop-card-back .workshop-card-back-icon svg {width: 100%;height: 100%;}.workshop-card-back-hint {position: relative;z-index: 1;font-size: 0.65rem;font-weight: 600;letter-spacing: 0.06em;color: rgba(170,210,225,0.5);text-transform: uppercase;}.workshop-card:hover .workshop-card-back .workshop-card-back-icon {transform: translateY(-2px);opacity: 0.85;}.workshop-card-front {background: var(--bg-card);border: 1px solid rgba(254,215,165,0.25);transform: rotateY(180deg);flex-direction: column;gap: 10px;padding: 16px;box-shadow: inset 0 0 20px rgba(255,255,255,0.02);overflow: visible;}.workshop-card-face.workshop-card-front {overflow: visible;}.workshop-reward-body {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;flex: 1;min-height: 0;}.workshop-card-front .reward-icon {width: 52px;height: 52px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}.workshop-card-front .reward-icon svg {width: 100%;height: 100%;}.workshop-card-front .reward-text {position: relative;z-index: 1;font-size: 0.86rem;font-weight: 600;text-align: center;line-height: 1.35;font-family: var(--font-mono,monospace);word-break: break-word;}.workshop-reward-info {position: absolute;top: 8px;right: 8px;width: 26px;height: 26px;padding: 0;border: none;background: rgba(255,255,255,0.08);border-radius: 50%;color: var(--text-muted);cursor: help;display: flex;align-items: center;justify-content: center;z-index: 2;transition: background var(--transition),color var(--transition);}.workshop-reward-info:hover {background: rgba(255,255,255,0.15);color: var(--text);}.workshop-reward-info .svg-icon,.workshop-reward-info svg {width: 14px;height: 14px;display: block;}.workshop-reward-tooltip {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-6px);min-width: 160px;max-width: 200px;padding: 10px 12px;background: var(--bg-elevated,#151920);border: 1px solid var(--border-strong);border-radius: var(--radius-sm);font-size: 0.7rem;line-height: 1.4;color: var(--text-muted);white-space: normal;text-align: center;box-shadow: 0 8px 24px rgba(0,0,0,0.5);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;}.workshop-reward-info:hover .workshop-reward-tooltip,.workshop-reward-info:focus .workshop-reward-tooltip {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-8px);}.workshop-reward-popup {position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 20px;}.workshop-reward-popup[hidden] {display: none;}.workshop-reward-popup-backdrop {position: absolute;inset: 0;background: rgba(0,0,0,0.7);cursor: pointer;}.workshop-reward-popup-content {position: relative;z-index: 1;background: linear-gradient(175deg,rgba(18,38,48,0.98) 0%,rgba(10,22,30,1) 100%);border: 1px solid rgba(100,170,195,0.35);border-radius: var(--radius-lg);padding: 24px;max-width: 360px;width: 100%;box-shadow: 0 16px 48px rgba(0,0,0,0.6),inset 0 0 0 1px rgba(255,255,255,0.04);}.workshop-reward-popup-title {font-size: 1.1rem;font-weight: 700;margin: 0 0 12px;color: rgba(200,230,245,0.95);}.workshop-reward-popup-desc {font-size: 0.9rem;line-height: 1.5;color: var(--text-muted);margin: 0 0 20px;}.workshop-reward-popup-close {width: 100%;}.workshop-card-front--dust {background: linear-gradient(165deg,rgba(139,115,85,0.25) 0%,rgba(44,38,28,0.9) 50%,rgba(30,26,20,0.95) 100%);border-color: rgba(254,215,165,0.4);box-shadow: inset 0 0 30px rgba(254,215,165,0.08),0 0 20px rgba(254,215,165,0.06);}.workshop-card-front--dust::before {content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 80% 50% at 50% 0%,rgba(254,215,165,0.12) 0%,transparent 70%);pointer-events: none;}.workshop-card-front--dust .reward-icon {color: var(--loy-dust);}.workshop-card-front--dust .reward-text {color: var(--loy-dust);}.workshop-card-front--cogs {background: linear-gradient(165deg,rgba(92,77,56,0.4) 0%,rgba(35,30,22,0.95) 50%,rgba(20,18,14,0.98) 100%);border-color: rgba(139,115,85,0.5);box-shadow: inset 0 0 25px rgba(139,115,85,0.1),0 0 15px rgba(139,115,85,0.08);}.workshop-card-front--cogs::before {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(139,115,85,0.03) 4px,rgba(139,115,85,0.03) 8px );pointer-events: none;}.workshop-card-front--cogs .reward-icon {color: var(--loy-cogs);}.workshop-card-front--cogs .reward-text {color: var(--loy-cogs);}.workshop-card-front--boost {background: linear-gradient(165deg,rgba(80,90,110,0.3) 0%,rgba(30,35,45,0.95) 50%,rgba(18,22,28,0.98) 100%);border-color: rgba(154,164,179,0.4);box-shadow: inset 0 0 25px rgba(154,164,179,0.06),0 0 18px rgba(100,120,150,0.05);}.workshop-card-front--boost::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg,transparent 40%,rgba(154,164,179,0.05) 50%,transparent 60%);pointer-events: none;}.workshop-card-front--boost .reward-icon {color: var(--loy-silver);}.workshop-card-front--boost .reward-text {color: var(--loy-silver);}.workshop-card-front--bonus {background: linear-gradient(165deg,rgba(254,215,165,0.12) 0%,rgba(26,30,36,0.98) 100%);border-color: rgba(254,215,165,0.35);box-shadow: inset 0 0 20px rgba(254,215,165,0.04);}.workshop-card-front--bonus .reward-icon {color: var(--accent);}.workshop-card-front--bonus .reward-text {color: var(--text-muted);}.workshop-card.disabled {pointer-events: none;opacity: 0.3;}.wheel-container {width: 260px;height: 260px;margin: 0 auto 20px;position: relative;padding-top: 22px;box-sizing: content-box;}.wheel-spinner {width: 100%;height: 100%;border-radius: 50%;position: relative;transform-origin: 50% 50%;transition: transform 4s cubic-bezier(0.17,0.67,0.12,0.99);border: 2px solid rgba(212,175,95,0.42);box-shadow: 0 0 0 1px rgba(0,0,0,0.4),0 6px 28px rgba(0,0,0,0.5),inset 0 0 32px rgba(255,255,255,0.05),0 0 40px rgba(100,140,200,0.08);overflow: hidden;background: radial-gradient(circle at 38% 28%,rgba(255,255,255,0.1) 0%,transparent 42%),radial-gradient(circle at 70% 72%,rgba(212,175,95,0.06) 0%,transparent 50%);}.wheel-svg {display: block;width: 100%;height: 100%;border-radius: 50%;}.wheel-svg path {transition: filter 0.15s ease;}.wheel-hub {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 52px;height: 52px;border-radius: 50%;z-index: 2;display: flex;align-items: center;justify-content: center;pointer-events: none;background: radial-gradient(circle at 35% 28%,#3a3540 0%,#1a1820 55%,#0e0c12 100%);box-shadow: 0 0 0 2px rgba(212,175,95,0.65),0 2px 10px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.12);}.wheel-hub-ring {position: absolute;inset: -5px;border-radius: 50%;border: 2px solid rgba(212,175,95,0.35);box-shadow: inset 0 0 12px rgba(212,175,95,0.15);pointer-events: none;}.wheel-hub-core {font-size: 1.1rem;line-height: 1;color: rgba(212,175,95,0.95);text-shadow: 0 1px 2px rgba(0,0,0,0.6);}.wheel-pointer-wrap {position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 6;pointer-events: none;filter: drop-shadow(0 3px 6px rgba(0,0,0,0.55));}.wheel-pointer {width: 36px;height: 44px;margin: 0 auto;background: no-repeat center / contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 44'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='50%25' y1='0%25' x2='50%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23f5e6c8'/%3E%3Cstop offset='45%25' stop-color='%23d4af5f'/%3E%3Cstop offset='100%25' stop-color='%23a67c2a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' stroke='%231a1510' stroke-width='1.2' stroke-linejoin='round' d='M18 2 L34 38 Q18 32 2 38 Z'/%3E%3Cpath fill='%23fff5' d='M14 12 L18 6 L22 12 Z'/%3E%3C/svg%3E");}.wheel-buttons {display: flex;gap: 8px;justify-content: center;}.wheel-result {margin-top: 14px;padding: 14px;background: rgba(254,215,165,0.05);border: 1px solid rgba(254,215,165,0.2);border-radius: var(--radius-sm);text-align: center;font-weight: 700;}.wheel-result.hidden {display: none;}.craft-section {margin-bottom: 28px;}.craft-forge-block {margin-bottom: 24px;}.craft-forge-board {position: relative;margin-bottom: 28px;border-radius: 14px;isolation: isolate;}.craft-forge-board__wood,.craft-chest-board__wood,.workshop-board__wood {position: absolute;inset: -8px -10px -10px -10px;border-radius: 16px;z-index: 0;background: linear-gradient(165deg,rgba(72,52,38,0.95) 0%,rgba(42,32,24,0.98) 45%,rgba(28,22,16,1) 100%);box-shadow: 0 16px 48px rgba(0,0,0,0.5),0 4px 0 rgba(20,14,10,0.9),inset 0 1px 0 rgba(255,220,180,0.1),inset 0 -6px 16px rgba(0,0,0,0.35);pointer-events: none;}.craft-forge-board__wood::after,.craft-chest-board__wood::after,.workshop-board__wood::after {content: '';position: absolute;inset: 0;border-radius: inherit;opacity: 0.4;background: repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,0.06) 3px,rgba(0,0,0,0.06) 4px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,0.02) 40px,rgba(255,255,255,0.02) 41px);mix-blend-mode: multiply;}.craft-forge-board__inner,.craft-chest-board__inner,.workshop-board__inner {position: relative;z-index: 1;padding: 12px 12px 14px;}.craft-forge-board__masthead,.craft-chest-board__masthead,.workshop-board__masthead {display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;margin-bottom: 12px;padding: 14px 16px;background: linear-gradient(180deg,rgba(36,32,28,0.96) 0%,rgba(22,20,18,0.99) 100%);border: 1px solid rgba(139,115,85,0.4);border-radius: var(--radius-md);box-shadow: inset 0 1px 0 rgba(254,215,165,0.06),0 4px 16px rgba(0,0,0,0.25);}.craft-forge-board__masthead-left,.craft-chest-board__masthead-left,.workshop-board__masthead-left {flex: 1;min-width: 0;text-align: left;}.craft-forge-board__blueprint-no,.craft-chest-board__blueprint-no,.workshop-board__blueprint-no {display: block;font-size: 0.62rem;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(254,215,165,0.55);margin-bottom: 8px;font-family: ui-monospace,'Cascadia Mono','Consolas',monospace;}.craft-forge-board__title,.craft-chest-board__title,.workshop-board__title {display: flex;align-items: center;gap: 10px;margin: 0 0 8px;font-size: 1.28rem;font-weight: 800;letter-spacing: 0.02em;color: var(--accent);text-shadow: 0 0 24px rgba(254,215,165,0.12);line-height: 1.2;}.craft-forge-board__title-icon,.craft-chest-board__title-icon,.workshop-board__title-icon {flex-shrink: 0;width: 1.15em;height: 1.15em;color: rgba(254,215,165,0.85);filter: drop-shadow(0 0 8px rgba(139,115,85,0.35));}.craft-forge-board__title-icon svg,.craft-chest-board__title-icon svg,.workshop-board__title-icon svg {width: 100%;height: 100%;display: block;}.craft-forge-board__lede,.craft-chest-board__lede,.workshop-board__lede {margin: 0;font-size: 0.84rem;line-height: 1.55;color: var(--text-muted);max-width: 52ch;}.workshop-board__lede strong {color: rgba(230,240,245,0.95);font-weight: 800;}.craft-forge-board__stamp,.craft-chest-board__stamp,.workshop-board__stamp {flex-shrink: 0;width: 76px;height: 76px;display: flex;align-items: center;justify-content: center;border: 2px dashed rgba(254,215,165,0.35);border-radius: 50%;transform: rotate(-12deg);opacity: 0.85;}.craft-forge-board__stamp-inner,.craft-chest-board__stamp-inner,.workshop-board__stamp-inner {font-size: 0.55rem;font-weight: 800;letter-spacing: 0.12em;text-align: center;color: rgba(254,215,165,0.5);line-height: 1.25;max-width: 5.5em;}.craft-forge-board__sheet,.craft-chest-board__sheet,.workshop-board__sheet {position: relative;border-radius: var(--radius-md);border: 1px solid rgba(100,170,195,0.35);background: linear-gradient(175deg,rgba(18,38,48,0.98) 0%,rgba(10,24,32,1) 55%,rgba(8,20,28,1) 100%);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04),inset 0 -20px 50px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.2);overflow: hidden;}.craft-forge-board__sheet-grid,.craft-chest-board__sheet-grid,.workshop-board__sheet-grid {position: absolute;inset: 0;pointer-events: none;opacity: 0.45;background-image: linear-gradient(rgba(120,200,220,0.12) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,220,0.12) 1px,transparent 1px);background-size: 22px 22px;mask-image: radial-gradient(ellipse 90% 75% at 50% 40%,black 20%,transparent 75%);}.craft-forge-board__sheet-corner,.craft-chest-board__sheet-corner,.workshop-board__sheet-corner {position: absolute;width: 36px;height: 36px;pointer-events: none;z-index: 2;}.craft-forge-board__sheet-corner--tl,.craft-chest-board__sheet-corner--tl,.workshop-board__sheet-corner--tl {top: 12px;left: 12px;border-left: 2px solid rgba(180,230,250,0.45);border-top: 2px solid rgba(180,230,250,0.45);}.craft-forge-board__sheet-corner--br,.craft-chest-board__sheet-corner--br,.workshop-board__sheet-corner--br {bottom: 12px;right: 12px;border-right: 2px solid rgba(180,230,250,0.35);border-bottom: 2px solid rgba(180,230,250,0.35);}.craft-forge-board__content,.craft-chest-board__content,.workshop-board__content {position: relative;z-index: 3;padding: 22px 20px 18px;}.craft-forge-board__spec-block {margin-bottom: 4px;}.craft-forge-board__spec-label,.craft-chest-board__spec-label {display: inline-block;font-size: 0.6rem;font-weight: 800;letter-spacing: 0.22em;text-transform: uppercase;color: rgba(160,210,230,0.65);margin-bottom: 12px;font-family: ui-monospace,'Cascadia Mono','Consolas',monospace;border-bottom: 1px solid rgba(120,190,210,0.25);padding-bottom: 6px;}.craft-forge-board__specs {margin: 0;padding: 0;}.craft-forge-board__spec-row {display: grid;grid-template-columns: minmax(88px,110px) 1fr;gap: 14px 18px;padding: 12px 0;border-bottom: 1px dashed rgba(100,170,195,0.22);align-items: baseline;}.craft-forge-board__spec-row:last-of-type {border-bottom: none;}.craft-forge-board__specs dt {margin: 0;font-size: 0.68rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: rgba(140,200,220,0.75);font-family: ui-monospace,'Cascadia Mono','Consolas',monospace;}.craft-forge-board__specs dd {margin: 0;font-size: 0.86rem;line-height: 1.5;color: rgba(230,240,245,0.88);}.craft-forge-board__specs dd strong {color: var(--accent);font-weight: 800;}.craft-forge-board__spec-or {display: inline-block;margin: 0 0.35em;font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.08em;color: rgba(160,200,215,0.55);}.craft-forge-board__bench {position: relative;margin-top: 22px;padding: 20px 16px 18px;border-radius: var(--radius-md);background: linear-gradient(180deg,rgba(32,28,24,0.92) 0%,rgba(18,16,14,0.96) 100%);border: 1px solid rgba(139,115,85,0.35);box-shadow: inset 0 2px 0 rgba(0,0,0,0.35),inset 0 -1px 0 rgba(254,215,165,0.05),0 8px 24px rgba(0,0,0,0.3);}.craft-forge-board__bench-plate {position: absolute;inset: 8px 12px auto;height: 3px;border-radius: 2px;background: linear-gradient(90deg,transparent,rgba(254,215,165,0.15),transparent);pointer-events: none;}.craft-forge-board__bench-label {display: block;text-align: center;font-size: 0.6rem;font-weight: 800;letter-spacing: 0.24em;text-transform: uppercase;color: rgba(254,215,165,0.45);margin-bottom: 14px;}.craft-forge-buttons {display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;margin: 0;}.craft-forge-board__actions.craft-forge-buttons {gap: 12px;}.craft-forge-board__btn {flex: 1 1 200px;max-width: 300px;display: flex !important;flex-direction: column;align-items: center;justify-content: center;gap: 6px;padding: 16px 20px !important;min-height: 4.5rem;border-radius: var(--radius-md) !important;font-family: inherit;}.craft-forge-board__btn--dust {box-shadow: 0 0 0 1px rgba(254,215,165,0.25),0 6px 20px rgba(0,0,0,0.35);}.craft-forge-board__btn--cogs {border-width: 2px !important;background: rgba(14,18,22,0.65) !important;color: rgba(230,235,240,0.95) !important;border-color: rgba(254,215,165,0.35) !important;}.craft-forge-board__btn--cogs:hover {border-color: rgba(254,215,165,0.55) !important;background: rgba(22,28,34,0.85) !important;}.craft-forge-board__btn-kicker {font-size: 0.62rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;opacity: 0.9;}.craft-forge-board__btn--cogs .craft-forge-board__btn-kicker {color: rgba(200,210,220,0.75);}.craft-forge-board__btn-main {font-size: 1rem;font-weight: 800;display: inline-flex;align-items: center;gap: 6px;}.craft-forge-board__status {margin-top: 20px;padding-top: 14px;text-align: center;position: relative;}.craft-forge-board__status-line {display: block;height: 1px;background: linear-gradient(90deg,transparent,rgba(100,170,195,0.35),transparent);margin-bottom: 12px;}.craft-forge-board .craft-forge-remaining,.craft-forge-board__remaining {font-size: 0.78rem;color: rgba(170,210,225,0.75);margin: 0;font-family: ui-monospace,'Cascadia Mono','Consolas',monospace;letter-spacing: 0.04em;}.workshop-board,.craft-chest-board {position: relative;border-radius: 14px;isolation: isolate;margin-bottom: 0;}.workshop-board__bench.craft-forge-board__bench {margin-top: 14px;padding-bottom: 14px;}.workshop-board__cards-wrap {padding: 0 2px 2px;}.workshop-board .workshop-cards-grid {margin: 8px 0 0;gap: 12px;}.workshop-board__actions {margin-top: 6px;padding-top: 16px;text-align: center;border-top: 1px solid rgba(100,170,195,0.22);}.workshop-board__actions .workshop-board__play-btn {max-width: 340px;width: 100%;margin: 0 auto;}.workshop-board__actions .loyalty-minigame-btn {margin-top: 0;}.craft-chest-board__title {flex-wrap: wrap;row-gap: 6px;}.craft-chest-board__count {display: inline-flex;align-items: center;margin-left: 4px;font-size: 0.72rem;font-weight: 800;font-family: ui-monospace,'Cascadia Mono','Consolas',monospace;letter-spacing: 0.08em;color: rgba(170,210,225,0.92);padding: 4px 10px;border-radius: 6px;background: rgba(0,0,0,0.35);border: 1px solid rgba(100,170,195,0.35);vertical-align: middle;}.craft-chest-board__toolbar {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 6px;}.craft-chest-board__toolbar .craft-chest-board__spec-label {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}.craft-chest-board__expand {border-color: rgba(100,170,195,0.45) !important;color: rgba(230,240,245,0.95) !important;background: rgba(8,20,28,0.45) !important;font-size: 0.7rem !important;font-weight: 700;letter-spacing: 0.06em;white-space: nowrap;}.craft-chest-board__expand:hover {border-color: rgba(160,210,230,0.55) !important;background: rgba(18,38,48,0.5) !important;}.craft-chest-board__grid {margin-top: 4px;}.craft-main-row {display: grid;grid-template-columns: 1fr 1fr;gap: 24px;}@media (max-width: 840px) {.craft-main-row {grid-template-columns: 1fr;}}.craft-alchemy-panel {position: relative;border-radius: 16px;isolation: isolate;padding: 8px;}.craft-alchemy-panel__glow {position: absolute;inset: 0;border-radius: inherit;z-index: 0;pointer-events: none;background: radial-gradient(ellipse 80% 60% at 50% 20%,rgba(100,200,160,0.12) 0%,transparent 50%),linear-gradient(165deg,#2a3530 0%,#1a2220 45%,#121816 100%);box-shadow: 0 14px 40px rgba(0,0,0,0.4),inset 0 1px 0 rgba(180,220,200,0.06);}.craft-alchemy-panel__glow::after {content: '';position: absolute;inset: 0;border-radius: inherit;opacity: 0.4;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");mix-blend-mode: overlay;}.craft-alchemy-panel__inner {position: relative;z-index: 1;border-radius: 12px;padding: 18px 16px 20px;background: linear-gradient(180deg,rgba(36,42,38,0.97) 0%,rgba(20,26,24,0.99) 100%);border: 1px solid rgba(120,160,140,0.28);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03),inset 0 -20px 40px rgba(0,0,0,0.25);}.craft-alchemy-panel__header {display: flex;align-items: center;gap: 12px;margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid rgba(120,160,140,0.2);}.craft-alchemy-panel__sigil {flex-shrink: 0;width: 40px;height: 40px;color: rgba(160,210,180,0.55);display: flex;align-items: center;justify-content: center;}.craft-alchemy-panel__sigil svg {width: 100%;height: 100%;}.craft-alchemy-panel__title.craft-section-title {margin: 0;font-size: 1.05rem;font-weight: 800;letter-spacing: 0.03em;color: rgba(200,230,210,0.95);text-shadow: 0 0 20px rgba(100,180,140,0.15);}.craft-alchemy-panel__scroll {padding: 12px 14px;border-radius: var(--radius-md);background: linear-gradient(175deg,rgba(55,48,38,0.55) 0%,rgba(28,24,20,0.75) 100%);border: 1px solid rgba(212,175,95,0.15);box-shadow: inset 0 2px 8px rgba(0,0,0,0.25);margin-bottom: 4px;}.craft-alchemy-panel__scroll .craft-station-desc {margin: 0;font-size: 0.82rem;line-height: 1.5;color: rgba(220,215,200,0.82);}.craft-alchemy-panel__scroll .craft-station-desc strong {color: rgba(160,220,180,0.95);font-weight: 800;font-variant-numeric: tabular-nums;}.craft-alchemy-panel__table {position: relative;margin: 16px 0 18px;padding: 18px 12px 20px;border-radius: var(--radius-md);background: linear-gradient(180deg,rgba(30,38,34,0.9) 0%,rgba(14,18,16,0.95) 100%);border: 1px solid rgba(90,120,105,0.35);box-shadow: inset 0 4px 12px rgba(0,0,0,0.35),inset 0 1px 0 rgba(160,200,180,0.05);}.craft-alchemy-panel__flask {position: absolute;width: 22px;height: 32px;border-radius: 4px 4px 10px 10px;border: 1px solid rgba(140,180,160,0.35);background: linear-gradient(180deg,rgba(80,120,100,0.25) 0%,rgba(40,80,70,0.35) 100%);opacity: 0.65;pointer-events: none;}.craft-alchemy-panel__flask::before {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%);width: 10px;height: 8px;border: 1px solid rgba(140,180,160,0.3);border-radius: 2px 2px 0 0;background: rgba(50,70,60,0.4);}.craft-alchemy-panel__flask--a {top: 10px;left: 14px;}.craft-alchemy-panel__flask--b {top: 10px;right: 14px;}.craft-alchemy-panel__foot {text-align: center;padding-top: 4px;}.craft-alchemy-panel__combine {min-width: 200px;box-shadow: 0 0 0 1px rgba(160,200,180,0.15),0 6px 20px rgba(0,0,0,0.35);}.craft-section-title {font-size: 1rem;font-weight: 700;margin-bottom: 12px;}.craft-inventory-grid {display: grid;grid-template-columns: repeat(auto-fit,minmax(90px,1fr));gap: 10px;min-height: 120px;margin-top: 12px;align-content: start;}.craft-inventory-grid > .craft-inventory-empty {grid-column: 1 / -1;margin: 0;max-width: 100%;line-height: 1.5;font-size: 0.88rem;text-align: left;}.craft-item-card {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px;border-radius: var(--radius-md);cursor: grab;border: 2px solid var(--border);transition: all var(--transition);position: relative;user-select: none;-webkit-user-select: none;}.craft-item-card:active {cursor: grabbing;}.craft-item-card.dragging {opacity: 0.6;}.craft-item-card:hover {border-color: var(--border-strong);transform: scale(1.02);}.craft-rarity--common {border-color: #9AA4B3;}.craft-rarity--rare {border-color: #5B8DEE;}.craft-rarity--epic {border-color: #9B6BCC;}.craft-rarity--legendary {border-color: var(--accent);box-shadow: 0 0 12px rgba(254,215,165,0.2);}.craft-item-icon {width: 28px;height: 28px;margin-bottom: 4px;display: flex;align-items: center;justify-content: center;}.craft-item-icon svg,.craft-item-icon .craft-item-svg,.craft-item-icon .craft-item-svg svg {width: 100% !important;height: 100% !important;}.craft-item-name {font-size: 0.68rem;text-align: center;line-height: 1.2;color: var(--text-muted);}.craft-bonus-badge {font-size: 0.6rem;color: var(--accent);}.craft-quantity-badge {font-size: 0.65rem;color: var(--text-dim);font-weight: 700;}.craft-item-menu {position: fixed;z-index: 9999;background: #1a1e26;border: 1px solid rgba(254,215,165,0.25);border-radius: var(--radius-sm);padding: 6px;min-width: 160px;box-shadow: 0 8px 24px rgba(0,0,0,0.6);}.craft-item-menu button {display: block;width: 100%;padding: 8px 12px;text-align: left;background: transparent;border: none;color: #e8eaed;font-size: 0.8rem;cursor: pointer;border-radius: 4px;font-family: inherit;}.craft-item-menu button:hover:not(:disabled) {background: rgba(255,255,255,0.12);color: #fff;}.craft-item-menu button:disabled {opacity: 0.4;cursor: default;}.craft-toast {position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%) translateY(20px);padding: 14px 20px;background: #1a1e26;border: 1px solid rgba(254,215,165,0.3);border-radius: var(--radius-md);font-size: 0.9rem;color: var(--text);box-shadow: 0 8px 24px rgba(0,0,0,0.5);z-index: 10000;opacity: 0;transition: opacity 0.3s ease,transform 0.3s ease;max-width: min(420px,calc(100vw - 32px));text-align: center;line-height: 1.45;word-wrap: break-word;box-sizing: border-box;}.craft-toast.craft-toast--visible {opacity: 1;transform: translateX(-50%) translateY(0);}.craft-toast.craft-toast--error {background: rgba(42,22,28,0.97);border-color: rgba(220,100,100,0.45);color: #f5d0d0;}.bonus-toast--error {background: rgba(180,60,60,0.95);border-color: rgba(220,80,80,0.5);}.craft-station-slots {display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin: 16px 0;}.craft-slot {min-height: 80px;border: 2px dashed var(--border);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;position: relative;transition: border-color var(--transition);}.craft-slot.drag-over {border-color: var(--accent);background: rgba(254,215,165,0.05);}.craft-slot.filled {border-style: solid;padding: 8px;}.craft-slot.filled .craft-item-card {width: 100%;}.craft-slot-remove {position: absolute;top: 4px;right: 4px;width: 20px;height: 20px;padding: 0;border: none;background: rgba(255,255,255,0.1);color: var(--text);border-radius: 50%;cursor: pointer;font-size: 1rem;line-height: 1;}.craft-slot-remove:hover {background: rgba(255,255,255,0.2);}.craft-station-desc {font-size: 0.8rem;color: var(--text-muted);margin-bottom: 12px;}.craft-alchemy-panel .craft-station-slots {margin: 0;position: relative;z-index: 1;gap: 12px;}.craft-alchemy-panel .craft-slot {min-height: 86px;border-radius: 14px;border: 2px dashed rgba(140,190,165,0.38);background: radial-gradient(ellipse 70% 45% at 50% 28%,rgba(90,160,130,0.14) 0%,transparent 55%),linear-gradient(175deg,rgba(18,26,22,0.96) 0%,rgba(8,12,10,0.99) 100%);box-shadow: inset 0 3px 8px rgba(0,0,0,0.4);}.craft-alchemy-panel .craft-slot.drag-over {border-color: rgba(170,230,200,0.7);background: rgba(80,140,110,0.12);box-shadow: inset 0 0 24px rgba(100,200,150,0.1);}.craft-alchemy-panel .craft-slot.filled {border-style: solid;border-color: rgba(150,200,175,0.5);box-shadow: inset 0 2px 6px rgba(0,0,0,0.3),0 0 0 1px rgba(100,160,130,0.15);}.craft-alchemy-panel .craft-slot-remove {background: rgba(20,30,26,0.85);border: 1px solid rgba(160,200,180,0.35);color: rgba(220,240,230,0.95);}.craft-item-info-modal {position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;}.craft-item-info-modal[hidden] {display: none;}@media (prefers-reduced-motion: no-preference) {.craft-item-info-content {animation: craftItemInfoPop 0.32s cubic-bezier(0.22,1,0.36,1);}}@keyframes craftItemInfoPop {from {opacity: 0;transform: scale(0.94) translateY(12px);}to {opacity: 1;transform: none;}}@media (prefers-reduced-motion: reduce) {.craft-item-info-content {animation: none;}}.craft-item-info-backdrop {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(6,8,12,0.78) !important;}.craft-item-info-content {--craft-info-accent: #9aa4b3;--craft-info-glow: rgba(154,164,179,0.22);position: relative;z-index: 1;max-width: 420px;width: 100%;border-radius: 20px;padding: 1px;background: linear-gradient(145deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.04) 40%,rgba(255,255,255,0.08) 100% );box-shadow: 0 24px 64px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.06) inset,0 0 48px var(--craft-info-glow);}.craft-item-info-content[data-rarity="common"] {--craft-info-accent: #9aa4b3;--craft-info-glow: rgba(154,164,179,0.18);}.craft-item-info-content[data-rarity="rare"] {--craft-info-accent: #6b9fff;--craft-info-glow: rgba(91,141,238,0.35);}.craft-item-info-content[data-rarity="epic"] {--craft-info-accent: #c49bff;--craft-info-glow: rgba(155,107,204,0.42);}.craft-item-info-content[data-rarity="legendary"] {--craft-info-accent: var(--accent,#e8d4b0);--craft-info-glow: rgba(254,215,165,0.38);}.craft-item-info-content__glow {position: absolute;inset: -40%;border-radius: 50%;background: radial-gradient(circle at 50% 0%,var(--craft-info-glow),transparent 55%);pointer-events: none;opacity: 0.85;z-index: 0;}.craft-item-info-content__inner {position: relative;z-index: 1;border-radius: 19px;padding: 22px 22px 20px;background: linear-gradient(165deg,rgba(32,36,46,0.97) 0%,rgba(18,21,28,0.99) 45%,rgba(14,16,22,1) 100%);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);}.craft-item-info-header {display: flex;align-items: flex-start;gap: 16px;margin-bottom: 18px;}.craft-item-info-icon-frame {flex-shrink: 0;width: 72px;height: 72px;border-radius: 16px;padding: 2px;background: linear-gradient(135deg,var(--craft-info-accent),rgba(255,255,255,0.12));box-shadow: 0 0 24px var(--craft-info-glow),inset 0 1px 0 rgba(255,255,255,0.25);}.craft-item-info-icon {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 14px;background: radial-gradient(ellipse 80% 70% at 50% 20%,rgba(255,255,255,0.08),rgba(0,0,0,0.35));border: 1px solid rgba(255,255,255,0.06);}.craft-item-info-icon .craft-item-svg,.craft-item-info-icon svg {width: 78% !important;height: 78% !important;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.45));}.craft-item-info-heading {min-width: 0;flex: 1;padding-top: 4px;}.craft-item-info-title {font-family: var(--font-display,inherit);font-size: 1.2rem;font-weight: 700;letter-spacing: -0.02em;margin: 0 0 8px;line-height: 1.25;color: var(--text);text-shadow: 0 1px 12px rgba(0,0,0,0.35);}.craft-item-info-rarity {display: inline-flex;align-items: center;gap: 6px;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--craft-info-accent);text-shadow: 0 0 20px var(--craft-info-glow);}.craft-item-info-rarity::before {content: '';width: 6px;height: 6px;border-radius: 50%;background: var(--craft-info-accent);box-shadow: 0 0 10px var(--craft-info-accent);}.craft-item-info-rarity.craft-rarity--common {color: #b4bcc8;}.craft-item-info-rarity.craft-rarity--rare {color: #7aa8ff;}.craft-item-info-rarity.craft-rarity--epic {color: #d4b3ff;}.craft-item-info-rarity.craft-rarity--legendary {color: var(--accent);}.craft-item-info-lore-wrap {margin-bottom: 18px;padding: 14px 16px 14px 20px;border-radius: 14px;background: rgba(0,0,0,0.28);border: 1px solid rgba(255,255,255,0.06);border-left: 3px solid var(--craft-info-accent);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);position: relative;}.craft-item-info-lore-wrap::before {content: '“';position: absolute;top: 6px;left: 10px;font-size: 1.6rem;line-height: 1;font-family: Georgia,'Times New Roman',serif;color: var(--craft-info-accent);opacity: 0.35;pointer-events: none;}.craft-item-info-lore {font-size: 0.88rem;line-height: 1.55;color: rgba(255,255,255,0.72);margin: 0;white-space: pre-wrap;}.craft-item-info-stats {display: flex;flex-direction: column;gap: 10px;margin-bottom: 22px;}.craft-item-info-stat {display: flex;align-items: center;gap: 14px;padding: 12px 14px;border-radius: 14px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);transition: border-color 0.15s,background 0.15s;}.craft-item-info-stat:hover {background: rgba(255,255,255,0.06);border-color: rgba(255,255,255,0.1);}.craft-item-info-stat-icon {flex-shrink: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 12px;color: var(--craft-info-accent);background: rgba(0,0,0,0.35);border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 0 16px var(--craft-info-glow);}.craft-item-info-stat-icon svg {width: 22px;height: 22px;}.craft-item-info-stat-icon--dust {color: #c9b896;}.craft-item-info-stat-body {display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1;}.craft-item-info-stat-label {font-size: 0.68rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted);}.craft-item-info-stat-value {font-family: var(--font-mono,ui-monospace,monospace);font-size: 0.95rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--text);}.craft-item-info-actions {display: flex;flex-wrap: wrap;gap: 10px;justify-content: flex-end;padding-top: 4px;border-top: 1px solid rgba(255,255,255,0.06);margin: 0 -4px 0;padding-left: 4px;padding-right: 4px;}.craft-item-info-btn-melt {border: 1px solid rgba(232,120,110,0.45);background: linear-gradient(180deg,rgba(180,60,55,0.22) 0%,rgba(40,18,18,0.5) 100%);color: rgba(255,200,195,0.95);font-weight: 600;border-radius: 12px;padding: 10px 18px;box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset,0 4px 16px rgba(180,50,45,0.12);transition: background 0.15s,border-color 0.15s,transform 0.1s;}.craft-item-info-btn-melt:hover:not(:disabled) {border-color: rgba(255,150,140,0.55);background: linear-gradient(180deg,rgba(200,70,62,0.32) 0%,rgba(50,22,22,0.55) 100%);color: #fff;}.craft-item-info-btn-melt:disabled {opacity: 0.4;cursor: not-allowed;filter: grayscale(0.3);}.craft-item-info-btn-close {border-radius: 12px;padding: 10px 22px;font-weight: 700;box-shadow: 0 4px 20px rgba(201,182,147,0.25);}.craft-forge-modal {position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;}.craft-forge-modal[hidden] {display: none;}.craft-forge-modal-backdrop {position: absolute;inset: 0;background: rgba(0,0,0,0.7);cursor: pointer;}.craft-forge-modal-content {position: relative;z-index: 1;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 24px;max-width: 480px;width: 100%;box-shadow: 0 16px 48px rgba(0,0,0,0.5);}.craft-forge-modal-title {font-size: 1.1rem;font-weight: 700;margin: 0 0 18px;text-align: center;color: var(--accent);}.craft-forge-modal-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;margin-bottom: 20px;}.craft-forge-modal-grid--single {grid-template-columns: 1fr;max-width: 180px;margin-left: auto;margin-right: auto;}.craft-forge-modal-grid--single .craft-forge-modal-item {padding: 20px 24px;}.craft-forge-modal-grid--single .craft-forge-modal-item-icon {width: 48px;height: 48px;}.craft-forge-modal-grid--single .craft-forge-modal-item-name {font-size: 0.95rem;}.craft-forge-modal-item {display: flex;flex-direction: column;align-items: center;padding: 14px 10px;border-radius: var(--radius-md);border: 2px solid var(--border);}.craft-forge-modal-item.craft-rarity--common {border-color: #9AA4B3;}.craft-forge-modal-item.craft-rarity--rare {border-color: #5B8DEE;}.craft-forge-modal-item.craft-rarity--epic {border-color: #9B6BCC;}.craft-forge-modal-item.craft-rarity--legendary {border-color: var(--accent);box-shadow: 0 0 12px rgba(254,215,165,0.2);}.craft-forge-modal-item-icon {width: 36px;height: 36px;margin-bottom: 6px;display: flex;align-items: center;justify-content: center;}.craft-forge-modal-item-icon .svg-icon,.craft-forge-modal-item-icon .craft-item-svg,.craft-forge-modal-item-icon .craft-item-svg svg,.craft-forge-modal-item-icon svg {width: 100% !important;height: 100% !important;}.craft-forge-modal-item-name {font-size: 0.78rem;text-align: center;line-height: 1.25;color: var(--text-muted);}.craft-forge-modal-item-badge {font-size: 0.68rem;color: var(--accent);margin-top: 2px;}.craft-forge-modal-close {width: 100%;margin-top: 4px;}.craft-forge-modal-close:disabled {opacity: 0.45;cursor: not-allowed;pointer-events: none;}.craft-forge-modal-content--reels {max-width: 560px;}.craft-forge-modal--spinning .craft-forge-modal-backdrop {cursor: default;}.craft-forge-modal-item--reel {display: flex;flex-direction: column;align-items: stretch;padding: 10px 8px 12px;min-height: 0;}.craft-forge-reel {position: relative;width: 100%;border-radius: var(--radius-sm);overflow: hidden;background: linear-gradient(180deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.28) 50%,rgba(0,0,0,0.45) 100%);box-shadow: inset 0 2px 8px rgba(0,0,0,0.35);}.craft-forge-reel-window {position: relative;height: 88px;overflow: hidden;mask-image: linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100% );-webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100% );}.craft-forge-reel-window::before,.craft-forge-reel-window::after {content: '';position: absolute;left: 0;right: 0;z-index: 2;height: 22px;pointer-events: none;}.craft-forge-reel-window::before {top: 0;background: linear-gradient(180deg,rgba(12,14,18,0.95) 0%,transparent 100%);}.craft-forge-reel-window::after {bottom: 0;background: linear-gradient(0deg,rgba(12,14,18,0.95) 0%,transparent 100%);}.craft-forge-reel-strip {will-change: transform;backface-visibility: hidden;}.craft-forge-reel-cell {height: 88px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6px 8px;gap: 4px;}.craft-forge-reel-cell--final .craft-forge-reel-cell-name {color: var(--text);font-weight: 600;}.craft-forge-reel-cell-icon {width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;opacity: 0.92;}.craft-forge-reel-cell-icon .svg-icon,.craft-forge-reel-cell-icon .craft-item-svg,.craft-forge-reel-cell-icon .craft-item-svg svg,.craft-forge-reel-cell-icon svg {width: 100% !important;height: 100% !important;}.craft-forge-reel-cell-name {font-size: 0.72rem;text-align: center;line-height: 1.2;color: var(--text-muted);max-width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.craft-forge-modal-item-meta {margin-top: 8px;min-height: 1.1em;text-align: center;}.craft-forge-modal-item-meta .craft-forge-modal-item-badge {display: inline-block;margin-top: 0;}.profile-showcase-block {background: linear-gradient(165deg,rgba(30,28,24,0.98) 0%,rgba(18,16,14,0.99) 100%);border: 1px solid rgba(139,115,85,0.35);border-radius: var(--radius-lg);padding: 22px;margin-bottom: 22px;box-shadow: 0 4px 20px rgba(0,0,0,0.3);}.profile-showcase-header {margin-bottom: 18px;}.profile-showcase-title {font-size: 1.1rem;font-weight: 700;margin: 0 0 6px;color: var(--accent);letter-spacing: 0.02em;}.profile-showcase-hint {font-size: 0.8rem;margin: 0;color: var(--text-muted);line-height: 1.4;}.profile-showcase-shelf {display: grid;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: 14px;min-height: 100px;padding: 4px 0;}.profile-showcase-item {display: flex;flex-direction: column;align-items: center;padding: 14px 12px;border-radius: var(--radius-md);border: 2px solid var(--border);background: rgba(255,255,255,0.02);transition: transform var(--transition),box-shadow var(--transition);}.profile-showcase-item:hover {transform: translateY(-2px);}.profile-showcase-item.craft-rarity--common {border-color: #9AA4B3;background: rgba(154,164,179,0.06);}.profile-showcase-item.craft-rarity--rare {border-color: #5B8DEE;background: rgba(91,141,238,0.08);box-shadow: 0 0 12px rgba(91,141,238,0.15);}.profile-showcase-item.craft-rarity--epic {border-color: #9B6BCC;background: rgba(155,107,204,0.08);box-shadow: 0 0 14px rgba(155,107,204,0.2);}.profile-showcase-item.craft-rarity--legendary {border-color: var(--accent);background: rgba(254,215,165,0.08);box-shadow: 0 0 16px rgba(254,215,165,0.25);}.profile-showcase-item.craft-rarity--legendary:hover {box-shadow: 0 0 24px rgba(254,215,165,0.35);}.profile-showcase-item-rarity {font-size: 0.6rem;text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 6px;font-weight: 600;}.profile-showcase-item.craft-rarity--common .profile-showcase-item-rarity {color: #9AA4B3;}.profile-showcase-item.craft-rarity--rare .profile-showcase-item-rarity {color: #5B8DEE;}.profile-showcase-item.craft-rarity--epic .profile-showcase-item-rarity {color: #9B6BCC;}.profile-showcase-item.craft-rarity--legendary .profile-showcase-item-rarity {color: var(--accent);}.profile-showcase-item-icon {width: 40px;height: 40px;margin-bottom: 8px;display: flex;align-items: center;justify-content: center;}.profile-showcase-item-icon .svg-icon,.profile-showcase-item-icon .craft-item-svg,.profile-showcase-item-icon .craft-item-svg svg {width: 100% !important;height: 100% !important;}.profile-showcase-item-name {font-size: 0.75rem;text-align: center;color: var(--text);font-weight: 500;line-height: 1.25;}.profile-showcase-empty {grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 32px 20px;text-align: center;}.profile-showcase-empty-icon {opacity: 0.4;margin-bottom: 12px;}.profile-showcase-empty-text {font-size: 1rem;font-weight: 600;margin: 0 0 6px;color: var(--text-muted);}.profile-showcase-empty-hint {font-size: 0.82rem;margin: 0;color: var(--text-dim);line-height: 1.4;}.profile-showcase-footer {margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--border);}.profile-showcase-progress {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}.profile-showcase-progress-label {font-size: 0.78rem;color: var(--text-muted);min-width: 140px;}.profile-showcase-progress-bar {flex: 1;min-width: 120px;height: 8px;background: rgba(255,255,255,0.08);border-radius: 4px;overflow: hidden;}.profile-showcase-progress-fill {height: 100%;background: linear-gradient(90deg,var(--loy-bronze),var(--accent));border-radius: 4px;transition: width 0.4s ease;}.profile-showcase-progress-value {font-size: 0.85rem;font-weight: 700;color: var(--accent);min-width: 36px;text-align: right;}.loyalty-tournament-info {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 22px;margin-bottom: 22px;box-shadow: var(--shadow-sm,0 2px 8px rgba(0,0,0,0.2));}.loyalty-tournament-title {font-size: 1.05rem;font-weight: 700;margin-bottom: 4px;}.loyalty-tournament-meta {font-size: 0.78rem;color: var(--text-muted);margin-bottom: 10px;}.loyalty-tournament-join-btn {padding: 10px 26px;background: var(--accent);color: var(--btn-primary-text,#0E1114);border: none;border-radius: var(--radius-sm);font-weight: 700;cursor: pointer;font-family: inherit;transition: all var(--transition);}.loyalty-tournament-join-btn:hover {background: var(--accent-hover,#D8C9A8);box-shadow: 0 0 16px rgba(254,215,165,0.12);}.loyalty-tournament-join-btn:disabled {opacity: 0.4;cursor: default;}.loyalty-leaderboard {width: 100%;border-collapse: collapse;font-size: 0.84rem;}.loyalty-leaderboard th {text-align: left;padding: 10px 14px;border-bottom: 1px solid var(--border);color: var(--text-dim);font-size: 0.73rem;text-transform: uppercase;letter-spacing: 0.06em;}.loyalty-leaderboard td {padding: 10px 14px;border-bottom: 1px solid var(--border);}.loyalty-leaderboard tr:hover td {background: rgba(255,255,255,0.015);}.loyalty-leaderboard .lb-rank-1 td {color: var(--accent);font-weight: 700;}.loyalty-leaderboard .lb-rank-2 td {color: var(--loy-silver);font-weight: 600;}.loyalty-leaderboard .lb-rank-3 td {color: var(--loy-bronze);font-weight: 600;}.loyalty-exchange-machine {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 26px;max-width: 600px;box-shadow: var(--shadow-sm,0 2px 8px rgba(0,0,0,0.2));}.loyalty-exchange-limit {font-size: 0.8rem;color: var(--text-muted);margin-bottom: 18px;}.loyalty-exchange-rates {display: flex;flex-direction: column;gap: 12px;}.loyalty-exchange-option {display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 16px 18px;background: rgba(255,255,255,0.02);border: 1px solid var(--border);border-radius: var(--radius-md);transition: border-color var(--transition);}.loyalty-exchange-option:hover {border-color: var(--border-strong);}.loyalty-exchange-label {font-size: 0.84rem;flex: 1;}.loyalty-exchange-btn {padding: 8px 18px;background: var(--accent);color: var(--btn-primary-text,#0E1114);border: none;border-radius: var(--radius-sm);font-weight: 700;font-size: 0.78rem;cursor: pointer;font-family: inherit;white-space: nowrap;transition: all var(--transition);}.loyalty-exchange-btn:hover {background: var(--accent-hover,#D8C9A8);}.loyalty-exchange-btn:disabled {opacity: 0.35;cursor: default;}.loyalty-exchange-btn--xp {background: var(--accent);}.loyalty-exchange-btn--xp:hover {background: var(--accent-hover,#D8C9A8);}.loyalty-levels-section {margin-bottom: 28px;}.loyalty-levels-desc {font-size: 0.86rem;color: var(--text-muted);margin: 0 0 18px;max-width: 560px;line-height: 1.5;}.loyalty-levels-list {display: block;width: 100%;max-width: none;}.loyalty-lvl-cards {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;width: 100%;max-width: none;align-items: stretch;}.loyalty-lvl-cards--bp {grid-template-columns: 1fr;gap: 12px;}.loyalty-lvl-card {position: relative;min-width: 0;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-md);box-shadow: var(--shadow-sm,0 2px 8px rgba(0,0,0,0.2));overflow: hidden;transition: border-color var(--transition),box-shadow var(--transition);}.loyalty-lvl-card:hover {border-color: var(--border-strong);}.loyalty-lvl-card__inner {padding: 16px 18px 18px;}.loyalty-lvl-cards--bp .loyalty-lvl-card__inner {padding: 14px 16px 16px;}.loyalty-lvl-card__head {display: flex;align-items: flex-start;gap: 14px;margin-bottom: 14px;}.loyalty-lvl-card__badge {flex-shrink: 0;position: relative;width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid rgba(255,255,255,0.18);box-shadow: 0 6px 18px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.28),inset 0 -3px 8px rgba(0,0,0,0.25);}.loyalty-lvl-card__badge::after {content: '';position: absolute;inset: 4px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.12);pointer-events: none;}.loyalty-lvl-card__badge-num {position: relative;z-index: 1;font-family: var(--font-mono,'JetBrains Mono',ui-monospace,monospace);font-size: 1.08rem;font-weight: 800;line-height: 1;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,0.55);font-variant-numeric: tabular-nums;}.loyalty-lvl-card--t1 .loyalty-lvl-card__badge {background: radial-gradient(circle at 32% 28%,#c5ced9 0%,#7a8494 42%,#434b57 100%);border-color: rgba(154,164,179,0.55);box-shadow: 0 6px 20px rgba(90,100,115,0.45),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -3px 8px rgba(0,0,0,0.3);}.loyalty-lvl-card--t2 .loyalty-lvl-card__badge {background: radial-gradient(circle at 32% 28%,#d4a88a 0%,#9e6752 45%,#534145 100%);border-color: rgba(212,168,138,0.5);box-shadow: 0 6px 20px rgba(158,103,82,0.45),inset 0 1px 0 rgba(255,255,255,0.28),inset 0 -3px 8px rgba(0,0,0,0.32);}.loyalty-lvl-card--t3 .loyalty-lvl-card__badge {background: radial-gradient(circle at 32% 28%,#e2e8f0 0%,#9aa4b3 42%,#5a6270 100%);border-color: rgba(200,210,225,0.5);box-shadow: 0 6px 20px rgba(120,130,150,0.4),inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -3px 8px rgba(0,0,0,0.28);}.loyalty-lvl-card--t4 .loyalty-lvl-card__badge {background: radial-gradient(circle at 32% 26%,#ffe8c8 0%,#e8cfa8 38%,#b8925c 100%);border-color: rgba(254,215,165,0.55);box-shadow: 0 6px 22px rgba(232,207,168,0.35),0 0 16px rgba(254,215,165,0.15),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -3px 8px rgba(0,0,0,0.22);}.loyalty-lvl-card--t5 .loyalty-lvl-card__badge {background: radial-gradient(circle at 30% 24%,#fff0d4 0%,#fed7a5 40%,#c9a05a 100%);border-color: rgba(254,215,165,0.65);box-shadow: 0 6px 24px rgba(254,215,165,0.38),0 0 20px rgba(254,215,165,0.2),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -3px 8px rgba(0,0,0,0.2);}.loyalty-lvl-card--t6 .loyalty-lvl-card__badge {background: radial-gradient(circle at 28% 22%,#fff6e8 0%,#fed7a5 32%,#d4a24e 68%,#8a6528 100%);border-color: rgba(255,230,180,0.7);box-shadow: 0 8px 28px rgba(254,215,165,0.45),0 0 24px rgba(254,215,165,0.28),inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -3px 10px rgba(0,0,0,0.18);}.loyalty-lvl-card--t6 .loyalty-lvl-card__badge-num {color: #2a2218;text-shadow: 0 1px 0 rgba(255,255,255,0.35);}.loyalty-lvl-card__head-text {flex: 1;min-width: 0;}.loyalty-lvl-card__title-row {display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;margin-bottom: 4px;}.loyalty-lvl-card__title {margin: 0;font-size: 0.95rem;font-weight: 700;line-height: 1.25;color: var(--text);letter-spacing: -0.01em;}.loyalty-lvl-card__pill {font-size: 0.62rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;padding: 3px 9px;border-radius: 999px;background: rgba(254,215,165,0.12);border: 1px solid rgba(254,215,165,0.22);color: var(--accent);white-space: nowrap;}.loyalty-lvl-card__pill--done {background: rgba(255,255,255,0.04);border-color: var(--border);color: var(--text-dim);}.loyalty-lvl-card__meta {margin: 0;font-size: 0.78rem;line-height: 1.4;color: var(--text-muted);font-family: var(--font-mono,monospace);font-variant-numeric: tabular-nums;}.loyalty-lvl-card__chips {display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px;}.loyalty-lvl-card__chip {display: inline-flex;align-items: center;padding: 4px 9px;border-radius: 6px;font-size: 0.68rem;font-weight: 600;line-height: 1.2;color: var(--accent);background: rgba(254,215,165,0.1);border: 1px solid rgba(254,215,165,0.18);}.loyalty-lvl-card__chip--muted {color: var(--loy-dust);background: rgba(254,215,165,0.06);border-color: rgba(254,215,165,0.12);}.loyalty-lvl-card__body {padding-top: 12px;border-top: 1px solid var(--border);}.loyalty-lvl-card__perks {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 2px;}.loyalty-lvl-card__perk {position: relative;padding: 9px 0 9px 22px;font-size: 0.875rem;line-height: 1.55;color: rgba(255,255,255,0.9);border-bottom: 1px solid rgba(255,255,255,0.06);}.loyalty-lvl-card__perk:last-child {border-bottom: none;padding-bottom: 0;}.loyalty-lvl-card__perk::before {content: '';position: absolute;left: 2px;top: 1.05em;width: 7px;height: 7px;border-radius: 50%;background: var(--accent);opacity: 0.85;box-shadow: 0 0 8px rgba(254,215,165,0.45);transform: translateY(-50%);}.loyalty-lvl-card--reached .loyalty-lvl-card__perk {color: rgba(255,255,255,0.55);}.loyalty-lvl-card--current {border-color: rgba(254,215,165,0.32);background: rgba(254,215,165,0.04);box-shadow: var(--shadow-sm),0 0 0 1px rgba(254,215,165,0.1),0 8px 28px rgba(254,215,165,0.06);}.loyalty-lvl-card--current .loyalty-lvl-card__badge {transform: scale(1.04);box-shadow: 0 8px 26px rgba(254,215,165,0.4),0 0 22px rgba(254,215,165,0.22),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -3px 8px rgba(0,0,0,0.2);}.loyalty-lvl-card--current .loyalty-lvl-card__perk {color: var(--text);}.loyalty-lvl-card--reached {opacity: 0.58;}.loyalty-lvl-card--reached:hover {opacity: 0.72;}[data-theme="light"] .loyalty-lvl-card {background: var(--bg-card);border-color: var(--border);box-shadow: 0 2px 10px rgba(0,0,0,0.06);}[data-theme="light"] .loyalty-lvl-card--current {background: rgba(254,215,165,0.08);border-color: rgba(180,140,60,0.28);}[data-theme="light"] .loyalty-lvl-card__perk {border-bottom-color: rgba(0,0,0,0.06);color: rgba(28,26,24,0.82);}[data-theme="light"] .loyalty-lvl-card--current .loyalty-lvl-card__perk {color: var(--text);}[data-theme="light"] .loyalty-lvl-card--reached .loyalty-lvl-card__perk {color: var(--text-muted);}[data-theme="light"] .loyalty-lvl-card__chip {background: rgba(254,215,165,0.14);border-color: rgba(180,140,60,0.2);}[data-theme="light"] .loyalty-dashboard {border-color: rgba(0,0,0,0.09);background: linear-gradient(165deg,rgba(254,215,165,0.14) 0%,transparent 48%),var(--bg-card);box-shadow: 0 4px 24px rgba(0,0,0,0.06);}[data-theme="light"] .loyalty-dashboard::before {opacity: 0.75;}[data-theme="light"] .loyalty-summary {border-top-color: rgba(0,0,0,0.07);}[data-theme="light"] .loyalty-dashboard-tabs {background: rgba(0,0,0,0.03);border-top-color: rgba(0,0,0,0.06);}[data-theme="light"] .loyalty-tabs {background: rgba(0,0,0,0.05);border-color: rgba(0,0,0,0.07);}[data-theme="light"] .loyalty-tab:hover {background: rgba(255,255,255,0.7);}[data-theme="light"] .loyalty-tab.active {background: #fff;color: var(--text);border-color: rgba(0,0,0,0.1);box-shadow: 0 1px 4px rgba(0,0,0,0.08);}[data-theme="light"] .loyalty-currency-card {background: rgba(255,255,255,0.75);border-color: rgba(0,0,0,0.08);}[data-theme="light"] .loyalty-currency-card:hover {background: #fff;border-color: rgba(0,0,0,0.12);}[data-theme="light"] .loyalty-xp-bar {background: rgba(0,0,0,0.06);border-color: rgba(0,0,0,0.08);}[data-theme="light"] .craft-item-info-backdrop {background: rgba(28,26,24,0.55) !important;}[data-theme="light"] .craft-item-info-content__inner {background: linear-gradient(165deg,#fdfcfa 0%,#f5f2ee 50%,#ede9e4 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);}[data-theme="light"] .craft-item-info-title {color: var(--text);text-shadow: none;}[data-theme="light"] .craft-item-info-lore-wrap {background: rgba(28,26,24,0.04);border-color: rgba(28,26,24,0.1);box-shadow: none;}[data-theme="light"] .craft-item-info-lore {color: var(--text-muted);}[data-theme="light"] .craft-item-info-stat {background: rgba(255,255,255,0.85);border-color: rgba(28,26,24,0.08);}[data-theme="light"] .craft-item-info-stat-icon {background: rgba(28,26,24,0.06);border-color: rgba(28,26,24,0.08);box-shadow: none;}[data-theme="light"] .craft-item-info-stat-value {color: var(--text);}[data-theme="light"] .craft-item-info-actions {border-top-color: rgba(28,26,24,0.08);}[data-theme="light"] .craft-item-info-icon {background: radial-gradient(ellipse 80% 70% at 50% 20%,rgba(255,255,255,0.9),rgba(240,236,230,0.95));border-color: rgba(28,26,24,0.08);}.loyalty-level-row {display: flex;align-items: center;gap: 16px;padding: 14px 18px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-md);transition: border-color var(--transition);}.loyalty-level-row:hover {border-color: var(--border-strong);}.loyalty-level-row.current {border-color: rgba(254,215,165,0.25);background: rgba(254,215,165,0.03);}.loyalty-level-row.reached {opacity: 0.55;}.loyalty-level-badge {width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: var(--font-mono,monospace);font-weight: 800;font-size: 0.82rem;flex-shrink: 0;}.loyalty-level-badge--gray {background: var(--loy-steel);color: var(--text);}.loyalty-level-badge--bronze {background: var(--loy-bronze);color: var(--text);}.loyalty-level-badge--silver {background: var(--loy-silver);color: var(--bg,#0A0C0F);}.loyalty-level-badge--gold {background: var(--accent);color: var(--bg,#0A0C0F);}.loyalty-level-row-info {flex: 1;}.loyalty-level-row-title {font-weight: 700;font-size: 0.88rem;}.loyalty-level-row-meta {font-family: var(--font-mono,monospace);font-size: 0.73rem;color: var(--accent);margin-top: 2px;}.loyalty-level-row-xp {font-size: 0.73rem;color: var(--text-muted);}.loyalty-level-row-perk {font-size: 0.76rem;color: var(--text-muted);margin-top: 4px;display: block;}.loyalty-level-row-perks {font-size: 0.7rem;color: var(--accent);margin-top: 2px;display: block;}.loyalty-trigger-popup {position: fixed;bottom: 24px;right: 24px;z-index: 700;max-width: 360px;background: var(--glass,rgba(26,30,36,0.85));backdrop-filter: blur(16px);border: 1px solid var(--glass-border,rgba(255,255,255,0.06));border-radius: var(--radius-lg);padding: 20px 22px;box-shadow: 0 12px 40px rgba(0,0,0,0.5);animation: triggerSlideIn 0.4s ease;}@keyframes triggerSlideIn {from {transform: translateY(30px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.loyalty-trigger-title {font-weight: 700;font-size: 0.92rem;margin-bottom: 6px;color: var(--accent);}.loyalty-trigger-msg {font-size: 0.8rem;color: var(--text-muted);margin-bottom: 12px;line-height: 1.5;}.loyalty-trigger-close {position: absolute;top: 10px;right: 12px;background: none;border: none;color: var(--text-dim);cursor: pointer;font-size: 1rem;transition: color var(--transition);}.loyalty-trigger-close:hover {color: var(--text);}.loyalty-trigger-action-btn {padding: 9px 18px;background: var(--accent);color: var(--btn-primary-text,#0E1114);border: none;border-radius: var(--radius-sm);font-weight: 700;font-size: 0.78rem;cursor: pointer;font-family: inherit;transition: all var(--transition);}.loyalty-trigger-action-btn:hover {background: var(--accent-hover,#D8C9A8);}@keyframes dustShimmer {0%,100% {opacity: 1;}50% {opacity: 0.6;}}.loyalty-dust-anim {animation: dustShimmer 2.5s ease-in-out infinite;}@media (max-width: 1023px) {#pageLoyalty .loyalty-page-head {scroll-margin-top: calc(var(--header-stack-offset,64px) + var(--email-banner-offset,0px) + 12px);}#pageLoyalty .loyalty-page-head.page-head {margin-bottom: 14px;}.loyalty-dashboard {border-radius: 16px;margin-bottom: 20px;}.loyalty-page-head {padding: 12px 14px 0;}.loyalty-page-title {font-size: clamp(1.12rem,4.2vw,1.38rem);gap: 10px;line-height: 1.28;flex-wrap: wrap;}.loyalty-title-icon {width: 36px;height: 36px;flex-shrink: 0;}.loyalty-title-icon svg {width: 19px;height: 19px;}.loyalty-dashboard-subtitle {padding-left: 0;margin-bottom: 16px;font-size: 0.8rem;}.loyalty-summary {flex-direction: column;align-items: stretch;gap: 16px;margin: 0 16px;padding: 16px 0 18px;}.loyalty-summary-level {flex: 0 0 auto;width: 100%;gap: 14px;align-items: flex-start;}.loyalty-avatar {width: 54px;height: 54px;flex-shrink: 0;}.loyalty-avatar-level {font-size: 1.15rem;}.loyalty-level-info {flex: 1;min-width: 0;grid-template-columns: 1fr;grid-template-rows: auto auto auto;}.loyalty-level-name {font-size: 0.95rem;grid-column: 1;}.loyalty-cashback-badge {justify-self: start;grid-column: 1;}.loyalty-xp-bar-wrap {grid-column: 1;}.loyalty-xp-bar {width: 100%;max-width: none;height: 7px;}.loyalty-summary-currencies {margin-left: 0;width: 100%;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;justify-content: stretch;flex: none;}.loyalty-currency-card {min-width: 0;max-width: none;padding: 10px 10px;grid-template-columns: auto 1fr;column-gap: 8px;}.loyalty-currency-icon {width: 32px;height: 32px;}.loyalty-currency-val {font-size: 1rem;}.loyalty-currency-label {font-size: 0.62rem;line-height: 1.2;hyphens: auto;-webkit-hyphens: auto;}.loyalty-dashboard-tabs {padding: 8px 8px 12px;}.loyalty-tabs {gap: 4px;margin: 0;padding: 4px;border-radius: 12px;-webkit-overflow-scrolling: touch;}.loyalty-tab {flex-shrink: 0;min-height: 44px;padding: 10px 14px;font-size: 0.76rem;border-radius: 9px;}.loyalty-section-title {font-size: 0.98rem;margin-bottom: 12px;}.loyalty-quests-grid {grid-template-columns: 1fr;gap: 12px;}.loyalty-quest-card {padding: 14px;}.loyalty-minigames-row {grid-template-columns: 1fr;gap: 16px;}.loyalty-minigame-card {padding: 18px 14px;}.loyalty-minigame-title {font-size: 0.98rem;}.loyalty-minigame-desc {font-size: 0.76rem;margin-bottom: 14px;}.workshop-cards-grid {grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin: 14px 0;}.workshop-card {min-height: 112px;}.wheel-container {width: min(92vw,260px);height: min(92vw,260px);max-width: 280px;max-height: 280px;margin-left: auto;margin-right: auto;padding-top: 18px;}.wheel-buttons {flex-direction: column;align-items: stretch;gap: 10px;max-width: 300px;margin-left: auto;margin-right: auto;width: 100%;padding: 0 8px;box-sizing: border-box;}.wheel-buttons .loyalty-minigame-btn {width: 100%;}.craft-forge-buttons {flex-direction: column;align-items: stretch;gap: 10px;}.craft-forge-buttons .loyalty-minigame-btn {width: 100%;}.craft-forge-board__masthead {flex-direction: column;align-items: stretch;}.craft-forge-board__stamp {align-self: flex-end;margin-top: -8px;}.craft-forge-board__spec-row {grid-template-columns: 1fr;gap: 4px 0;padding: 10px 0;}.craft-forge-board__btn {max-width: none;width: 100%;}.craft-chest-board__inner,.workshop-board__inner {padding: 10px 10px 12px;}.craft-chest-board__content,.workshop-board__content {padding: 16px 14px 14px;}.craft-alchemy-panel {padding: 6px;}.craft-alchemy-panel__inner {padding: 14px 12px 16px;}.craft-chest-board__toolbar {flex-direction: column;align-items: stretch;}.craft-chest-board__expand {width: 100%;}.workshop-board__masthead {flex-direction: column;align-items: stretch;}.workshop-board__stamp {align-self: flex-end;margin-top: -6px;}.loyalty-leaderboard-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin-left: -8px;margin-right: -8px;padding-left: 8px;padding-right: 8px;}.loyalty-leaderboard {min-width: 300px;font-size: 0.78rem;}.loyalty-leaderboard th,.loyalty-leaderboard td {padding: 8px;}.loyalty-exchange-machine {padding: 18px;max-width: none;}.loyalty-exchange-option {flex-direction: column;align-items: stretch;gap: 12px;padding: 14px;}.loyalty-exchange-btn {width: 100%;min-height: 44px;white-space: normal;}.loyalty-tournament-info {padding: 16px;}.loyalty-tournament-join-btn {width: 100%;min-height: 44px;margin-top: 4px;}.loyalty-trigger-popup {left: 12px;right: 12px;max-width: none;bottom: max(20px,calc(env(safe-area-inset-bottom,0px) + var(--mob-bottom,72px)));}}@media (max-width: 840px) {.loyalty-header-bar {gap: 8px;}.loyalty-header-level-title {display: none;}.loyalty-header-xp-bar {width: 40px;}.loyalty-lvl-cards:not(.loyalty-lvl-cards--bp) {grid-template-columns: 1fr;}}@media (max-width: 640px) {#pageLoyalty .loyalty-page-head {padding: 10px 12px 0;}#pageLoyalty .loyalty-dashboard {margin-bottom: 14px;border-radius: 14px;}#pageLoyalty .loyalty-summary {margin: 0 8px;padding: 12px 0 14px;gap: 12px;}#pageLoyalty .loyalty-dashboard-eyebrow {font-size: max(11px,0.74rem);letter-spacing: 0.1em;margin-bottom: 8px;}#pageLoyalty .loyalty-dashboard-subtitle {margin-bottom: 12px;font-size: 0.78rem;line-height: 1.4;}#pageLoyalty .loyalty-dashboard-tabs {padding-bottom: 10px;}#pageLoyalty .loyalty-summary-currencies {grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;align-items: stretch;}#pageLoyalty .loyalty-currency-card {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 9px 4px;min-width: 0;max-width: none;row-gap: 3px;column-gap: 0;grid-template-columns: none;grid-template-rows: none;}#pageLoyalty .loyalty-currency-icon {grid-row: auto;width: 28px;height: 28px;margin: 0;}#pageLoyalty .loyalty-currency-icon svg {width: 17px;height: 17px;}#pageLoyalty .loyalty-currency-val {font-size: 0.87rem;line-height: 1.15;}#pageLoyalty .loyalty-currency-label {font-size: 0.58rem;line-height: 1.2;hyphens: none;-webkit-hyphens: none;}.loyalty-header-bar {gap: 6px;font-size: 0.73rem;}.loyalty-header-currency {padding: 2px 6px;font-size: 0.7rem;}.loyalty-header-level {padding: 3px 6px;}.loyalty-header-xp-bar {display: none;}.loyalty-tabs {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;overflow-x: visible;margin-left: 0;margin-right: 0;padding: 6px;}.loyalty-dashboard-tabs {padding-left: 8px;padding-right: 8px;}.loyalty-tab {display: flex;align-items: center;justify-content: center;text-align: center;padding: 10px 6px;font-size: 0.72rem;line-height: 1.2;white-space: normal;min-height: 44px;word-break: keep-all;}.workshop-card-back .workshop-card-back-icon {width: 48px;height: 48px;}.wheel-container {width: min(88vw,220px);height: min(88vw,220px);padding-top: 16px;}.craft-inventory-grid {grid-template-columns: repeat(auto-fit,minmax(76px,1fr));}}@media (max-width: 480px) {#pageLoyalty .loyalty-summary-currencies {gap: 5px;}#pageLoyalty .loyalty-currency-card {padding: 8px 3px;}#pageLoyalty .loyalty-currency-val {font-size: 0.82rem;}#pageLoyalty .loyalty-currency-label {font-size: 0.54rem;line-height: 1.15;}}@media (max-width: 390px) {.loyalty-header-bar {gap: 4px;}.loyalty-header-level-num {width: 18px;height: 18px;font-size: 0.58rem;}}
.loyalty-lvl-card__perk--has-hint {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-right:2px;}
.loyalty-lvl-card__perk-text {flex:1;min-width:0;}
.loyalty-lvl-perk-hint-wrap {position:relative;flex-shrink:0;display:inline-flex;align-items:center;margin-top:1px;}
.loyalty-lvl-perk-hint {width:20px;height:20px;padding:0;border-radius:50%;border:1px solid rgba(254,215,165,0.35);background:rgba(254,215,165,0.1);color:var(--accent,#fed7a5);font-size:0.72rem;font-weight:800;line-height:1;cursor:help;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.loyalty-lvl-perk-hint:hover,.loyalty-lvl-perk-hint:focus {outline:none;background:rgba(254,215,165,0.2);border-color:rgba(254,215,165,0.55);color:#fff;}
.loyalty-lvl-perk-hint-tip {position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;min-width:180px;max-width:min(280px,calc(100vw - 32px));padding:10px 12px;border-radius:10px;background:var(--bg-elevated,#22242e);border:1px solid var(--border-strong,rgba(255,255,255,0.12));box-shadow:0 10px 28px rgba(0,0,0,0.45);font-size:0.76rem;line-height:1.45;color:var(--text-muted,#9a9ca8);white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;transform:translateY(4px);}
.loyalty-lvl-perk-hint-wrap--open .loyalty-lvl-perk-hint-tip,.loyalty-lvl-perk-hint-wrap:hover .loyalty-lvl-perk-hint-tip,.loyalty-lvl-perk-hint-wrap:focus-within .loyalty-lvl-perk-hint-tip {opacity:1;visibility:visible;transform:translateY(0);}
[data-theme="light"] .loyalty-lvl-perk-hint {background:rgba(180,140,60,0.12);border-color:rgba(180,140,60,0.28);color:#8a6528;}
[data-theme="light"] .loyalty-lvl-perk-hint-tip {background:#fff;border-color:rgba(0,0,0,0.1);color:var(--text-muted);box-shadow:0 8px 24px rgba(0,0,0,0.12);}