.bag-tag-detail{max-width:1200px;margin:0 auto;padding:0 1rem}.card-base{background:var(--theme-surface-1, #ffffff);color:var(--theme-text-primary, #0f172a);border-radius:12px;box-shadow:var(--theme-shadow-sm, 0 2px 4px rgba(15, 23, 42, .08));padding:2rem;margin-bottom:2rem;transition:box-shadow .3s ease,transform .3s ease}.card-base:hover{box-shadow:var(--theme-shadow, 0 4px 12px rgba(15, 23, 42, .12));transform:translateY(-2px)}.section-title{color:var(--theme-text-primary, #0f172a);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.holder-content{display:flex;align-items:flex-start;gap:2.5rem}.holder-avatar{flex-shrink:0;width:120px;height:120px;position:relative;transition:transform .3s ease}.holder-avatar:hover{transform:scale(1.05)}.holder-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #f0f4f8;transition:border-color .3s ease}.holder-avatar:hover img{border-color:var(--theme-primary, #2563eb)}.placeholder-avatar{width:100%;height:100%;border-radius:50%;background:var(--theme-surface-2, #f0f4f8);color:var(--theme-text-secondary, #4a5568);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;transition:background-color .3s ease,color .3s ease}.placeholder-avatar:hover{background:var(--theme-surface-hover, #e2e8f0);color:var(--theme-primary, #2563eb)}.holder-info{flex-grow:1;padding-top:.5rem}.holder-name{font-size:1.75rem;margin-bottom:1.5rem}.holder-name a{color:var(--theme-primary, #2563eb);text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}.holder-name a:hover{color:color-mix(in srgb,var(--theme-primary, #2563eb) 85%,black 15%);transform:translate(4px)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{background:var(--theme-surface-2, #f8fafc);padding:1rem;border-radius:8px;text-align:center;transition:transform .3s ease,background-color .3s ease}.stat-item:hover{transform:translateY(-2px);background:var(--theme-surface-hover, #f0f4f8)}.stat-label{font-size:.875rem;color:var(--theme-text-secondary, #64748b);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.25rem;font-weight:600;color:var(--theme-text-primary, #0f172a)}.tag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.tag-title{font-size:1.5rem;color:var(--theme-text-primary, #0f172a);margin:0;display:flex;align-items:center;gap:.5rem}.tag-number{background:var(--theme-primary, #2563eb);color:var(--theme-text-on-primary, #ffffff);padding:.5rem 1rem;border-radius:2rem;font-weight:500;transition:background-color .3s ease}.tag-number:hover{background:color-mix(in srgb,var(--theme-primary, #2563eb) 85%,black 15%)}.details-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;align-items:center;background:var(--theme-surface-2, #f8fafc);padding:1rem;border-radius:8px;border:1px solid var(--theme-border-color, rgba(15, 23, 42, .08));border-left:4px solid var(--theme-primary, #2563eb);transition:transform .3s ease,background-color .3s ease}.detail-item:hover{transform:translate(4px);background:var(--theme-surface-hover, #f0f4f8)}.detail-label{font-weight:500;color:var(--theme-text-secondary, #64748b);min-width:100px}.detail-value{font-weight:600;color:var(--theme-text-primary, #0f172a);margin-left:auto}.detail-value a{color:var(--theme-primary, #2563eb);text-decoration:none;transition:color .3s ease}.detail-value a:hover{color:color-mix(in srgb,var(--theme-primary, #2563eb) 85%,black 15%);text-decoration:underline}.tag-history{background:var(--theme-primary, #2563eb);color:var(--theme-text-on-primary, #ffffff);padding:2rem;border-radius:12px}.history-header{display:flex;align-items:center;margin-bottom:2rem}.history-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.history-divider{flex-grow:1;height:1px;background:#fff3;margin-left:1rem}.history-entry{background:color-mix(in srgb,var(--theme-surface-1, #ffffff) 12%,transparent);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.history-entry:hover{background:color-mix(in srgb,var(--theme-surface-1, #ffffff) 22%,transparent);transform:translate(4px)}.history-entry:after{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#60a5fa;transform:scaleY(0);transition:transform .3s ease}.history-entry:hover:after{transform:scaleY(1)}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.entry-player{display:flex;align-items:center;gap:1rem}.player-avatar{width:48px;height:48px;flex-shrink:0;transition:transform .3s ease}.history-entry:hover .player-avatar{transform:scale(1.1)}.player-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);transition:border-color .3s ease}.history-entry:hover .player-avatar img{border-color:#60a5fa}.player-info{flex-grow:1}.entry-header .player-info .bag-tag-player-name{font-weight:600;font-size:1.125rem;margin-bottom:.25rem;transition:color .3s ease;color:#fff}.history-entry:hover .bag-tag-player-name{color:#60a5fa}.player-stats{display:flex;gap:1rem;font-size:.875rem;color:#e5e7eb;margin-left:20px}.entry-date{color:#e5e7eb;font-size:.875rem}.entry-content{color:#f9fafb;line-height:1.7}[data-bs-theme=dark] .card-base{background:#1e293b}[data-bs-theme=dark] .card-base:hover{box-shadow:0 4px 8px #0000004d}[data-bs-theme=dark] .section-title,[data-bs-theme=dark] .tag-title{color:#fff}[data-bs-theme=dark] .holder-name a{color:#60a5fa}[data-bs-theme=dark] .stat-item,[data-bs-theme=dark] .detail-item{background:#2d3748;color:#fff}[data-bs-theme=dark] .stat-item:hover,[data-bs-theme=dark] .detail-item:hover{background:#374151}[data-bs-theme=dark] .stat-value{color:#fff}[data-bs-theme=dark] .tag-history{background:#2d3748}[data-bs-theme=dark] .history-entry{background:#ffffff0d}[data-bs-theme=dark] .history-entry:hover{background:#ffffff14}[data-bs-theme=dark] .regeneration-controls{background:#ffffff0d;border:1px solid #FFFFFF1A}[data-bs-theme=dark] #artStyleSelect{background-color:#2d3748;color:#e2e8f0;border-color:#ffffff1a}[data-bs-theme=dark] #artStyleSelect option{background-color:#2d3748;color:#e2e8f0}[data-bs-theme=dark] #artStyleDescription{color:#e5e7eb}[data-bs-theme=dark] #remainingAttempts{color:#d1d5db!important}[data-bs-theme=dark] #regenerationStatus{color:#e2e8f0}[data-bs-theme=dark] #regenerationStatus.text-danger{background-color:#dc354533;color:#ff8d85}[data-bs-theme=dark] .form-select{background-color:#2d3748;color:#e2e8f0;border-color:#ffffff1a}[data-bs-theme=dark] .form-label{color:#e2e8f0}[data-bs-theme=dark] .form-text{color:#d1d5db}@media (max-width: 768px){.card-base{padding:1.5rem}.holder-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.holder-avatar{width:100px;height:100px}.holder-name{margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.tag-header{flex-direction:column;align-items:flex-start;gap:1rem}.entry-header{flex-direction:column;gap:.75rem}.entry-player{width:100%}.player-stats{flex-wrap:wrap}.history-entry:hover,.detail-item:hover,.holder-name a:hover{transform:none}.history-entry{padding:1.25rem}.player-avatar{width:40px;height:40px}}@media print{.bag-tag-detail{max-width:none;padding:0}.tag-history{background:none;padding:0;color:#000;break-before:page}.history-header{border-bottom:2px solid #000000}.history-entry{background:none;border-bottom:1px solid #e2e8f0;padding:1rem 0;break-inside:avoid}.entry-content,.bag-tag-player-name{color:#000}.player-stats{color:#4a5568}@page{margin:2cm}}@media (prefers-reduced-motion: reduce){.history-entry,.detail-item,.holder-name a,.stat-item,.holder-avatar,.history-entry:after,.player-avatar,.card-base{transition:none}.history-entry:hover,.holder-avatar:hover,.stat-item:hover,.detail-item:hover,.player-avatar:hover{transform:none}}.history-entry:focus-visible,.detail-item:focus-visible,.holder-name a:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}@media (forced-colors: active){.history-entry,.detail-item,.card-base{border:1px solid CanvasText}.history-entry:after{background:CanvasText}.regeneration-controls,#artStyleSelect{border:1px solid CanvasText}}