@keyframes foil-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.foil-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 10%,rgba(255,220,100,.2) 20%,rgba(200,100,255,.3) 30%,rgba(100,200,255,.3) 40%,rgba(100,255,180,.25) 50%,rgba(255,180,80,.25) 60%,rgba(255,80,150,.2) 70%,rgba(150,100,255,.3) 80%,transparent 90%);background-size:200% 100%;animation:foil-shimmer 3s ease-in-out infinite;mix-blend-mode:color-dodge;opacity:.6}.foil-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(160deg,transparent 30%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 70%);background-size:200% 200%;animation:foil-shimmer 3s ease-in-out infinite reverse}.typed-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.typed-confirm-modal{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-2)}.typed-confirm-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-base)}.typed-confirm-message{color:var(--color-text-alt);font-size:var(--font-size-base);line-height:1.6}.typed-confirm-label{font-size:var(--font-size-sm);color:var(--color-text-alt)}.typed-confirm-label strong{color:var(--color-text-base);font-family:var(--font-mono);word-break:break-all}.typed-confirm-input{width:100%;padding:var(--space-1) var(--space-2);background:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:var(--radius-md);color:var(--color-text-base);font-size:var(--font-size-base);font-family:var(--font-mono);outline:none}.typed-confirm-input:focus{border-color:var(--color-twitch-purple)}.typed-confirm-input:disabled{opacity:.5;cursor:not-allowed}.typed-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-1)}[data-testid=play-area]{--color-bg-base: #1a1f2e;--color-bg-alt: #151a27;--color-border: #2a3040;--color-text-base: #e0e4ec;--color-text-alt: #8890a0;--color-surface-hover: rgba(255,255,255,.05)}[data-testid=battlefield]{background-color:#2a2f3e;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}[data-testid=battlefield]>div{border:1px dashed rgba(255,255,255,.08)}[data-testid=battlefield] span{opacity:.3;font-size:13px;text-transform:uppercase;letter-spacing:2px}[data-testid=hand-zone]{background:linear-gradient(to bottom,#12161f,#0d1018)}[data-testid=side-zones]{background:#151a27}[data-testid=game-trackers-panel]{background:#151a27!important}[data-goldfish-theme=dark]{--color-bg-base: #1a1f2e;--color-bg-alt: #151a27;--color-border: #2a3040;--color-text-base: #e0e4ec;--color-text-alt: #8890a0;background:#1a1f2e;color:#e0e4ec}[data-testid=play-area] .btn,[data-goldfish-theme=dark] .btn{background:#9147ff;color:#fff;border:none}[data-testid=play-area] .btn-secondary,[data-goldfish-theme=dark] .btn-secondary{background:#ffffff14;color:#e0e4ec;border:1px solid #3a4050}[data-testid=play-area] .btn-secondary:hover,[data-goldfish-theme=dark] .btn-secondary:hover{background:#ffffff1f}[data-testid=game-trackers] input[type=number]::-webkit-inner-spin-button,[data-testid=game-trackers] input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-testid=game-trackers] input[type=number]{-moz-appearance:textfield}[data-testid=play-area]{overflow:hidden}body:has([data-testid=play-area]){overflow:hidden}body:has([data-testid=play-area]) .content,body:has([data-goldfish-theme=dark]) .content{margin-left:0!important;max-width:none!important;padding:0!important;width:100vw!important}[data-testid=play-area]{transition:opacity .2s ease-out}[data-testid=game-trackers-panel]{scrollbar-width:thin;scrollbar-color:var(--color-bg-input) transparent}[data-testid=game-trackers-panel]::-webkit-scrollbar{width:4px}[data-testid=game-trackers-panel]::-webkit-scrollbar-track{background:transparent}[data-testid=game-trackers-panel]::-webkit-scrollbar-thumb{background:var(--color-bg-input);border-radius:2px}[data-testid=hand-zone] img{transition:transform .12s ease-out,box-shadow .12s ease-out}[data-testid=hand-zone] img:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 16px #0009;z-index:10}[data-testid=battlefield] img{transition:transform .15s ease-out,box-shadow .15s ease-out}[data-testid=battlefield] img:hover{box-shadow:0 4px 12px #0009;z-index:100!important}[data-testid=battlefield] img[style*="rotate(90deg)"]{filter:brightness(.85)}[data-testid=mulligan-screen]{animation:goldfish-fade-in .25s ease-out}[data-testid=mulligan-screen] img{transition:transform .12s ease-out}[data-testid=mulligan-screen] img:hover{transform:scale(1.04)}[data-testid=mulligan-screen] div[style*="border: 3px solid var(--color-twitch-purple)"]{box-shadow:0 0 12px #9147ff80}#goldfish-context-menu{animation:goldfish-fade-in .12s ease-out}#goldfish-context-menu button:hover{background:#ffffff14!important}div[style*="rgba(0,0,0,0.7)"][style*="position: fixed"]{animation:goldfish-fade-in .15s ease-out}[data-testid=shortcuts-panel]{animation:goldfish-slide-in-right .2s ease-out}[data-testid=shortcuts-panel] kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;border-radius:5px;background:var(--color-bg-base);border:1px solid var(--color-border);border-bottom-width:2px;box-shadow:0 1px 0 var(--color-border);color:var(--color-text-base);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.mana-dot-W{background:#f9faf4}.mana-dot-U{background:#0e68ab}.mana-dot-B{background:#150b00;border:1px solid #555!important}.mana-dot-R{background:#d3202a}.mana-dot-G{background:#00733e}.mana-dot-C{background:#ccc2c0}@keyframes goldfish-fade-in{0%{opacity:0}to{opacity:1}}@keyframes goldfish-slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 900px){[data-testid=play-area]{grid-template-columns:120px 1fr 120px!important}}@media (max-width: 700px){[data-testid=play-area]{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr auto auto!important;grid-template-areas:"header" "tracker" "battlefield" "hand" "sidezones" "commandzone"!important;height:auto!important;min-height:100vh}[data-testid=game-trackers-panel]{border-right:none!important;border-bottom:1px solid var(--color-border);max-height:200px;overflow-y:auto}[data-testid=shortcuts-panel]{width:100%!important}}.leaderboard-cards{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.leaderboard-card__rank{font-size:var(--font-size-sm);color:var(--color-text-alt2);min-width:2rem;font-weight:600}.leaderboard-card__player{flex:1;display:flex;align-items:center;gap:var(--space-1);font-weight:500}.leaderboard-card__points{font-weight:700;color:var(--color-twitch-purple);white-space:nowrap}@media (max-width: 767px){.record-game-date-row{flex-direction:column;align-items:flex-start}.record-game-controls-row{flex-wrap:wrap}.record-game-slot-btn{min-height:44px;min-width:44px;padding:0 12px}.record-game-submit-btn{width:100%}.record-game-checkbox-row{min-height:44px;padding-top:8px;padding-bottom:8px;align-items:center}}@media (max-width: 767px){.live-game-life-total{font-size:2rem!important}.live-game-counter-btn{min-height:44px;min-width:44px}.live-game-commander-art{max-height:80px;height:auto!important}}.floating-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--color-surface);border-top:2px solid var(--color-border);padding:var(--space-2) var(--space-3);box-shadow:0 -2px 8px #0000001a}.floating-action-bar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.floating-action-bar-count{font-weight:700;font-size:var(--font-size-base);color:var(--color-text-base)}.floating-action-bar-actions{display:flex;gap:var(--space-2)}.floating-action-bar-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.pack-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at center,#1a1a2e,#0d0d1a);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pack-opening:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(100,65,165,.15) 5deg,transparent 10deg,rgba(255,140,0,.08) 15deg,transparent 20deg,rgba(100,65,165,.12) 25deg,transparent 30deg,rgba(255,215,0,.08) 35deg,transparent 40deg);animation:bg-rotate 4s linear infinite;pointer-events:none}.pack-opening:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:conic-gradient(from 180deg,transparent 0deg,rgba(255,140,0,.06) 8deg,transparent 16deg,rgba(100,65,165,.1) 24deg,transparent 32deg);animation:bg-rotate 6s linear infinite reverse;pointer-events:none}@keyframes bg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pack-sealed{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer}.pack-wrapper{width:220px;height:320px;border-radius:16px;background:linear-gradient(135deg,#6441a5,#9b59b6 40%,#6441a5 60%,#4b2d8e);box-shadow:0 0 40px #6441a580,0 20px 60px #0009,inset 0 2px #ffffff26,inset 0 -2px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:perspective(800px) rotateY(-5deg) rotateX(3deg);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.pack-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:16px;pointer-events:none}.pack-wrapper:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateY(-50%)}.pack-sealed:hover .pack-wrapper{transform:perspective(800px) rotateY(0) rotateX(0) scale(1.05);box-shadow:0 0 60px #6441a5b3,0 20px 80px #00000080}.pack-wrapper-label{font-size:var(--font-size-lg);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center;padding:0 var(--space-2);z-index:1}.pack-wrapper-art{width:80px;height:112px;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:1;margin-bottom:var(--space-1)}.pack-wrapper-art.pack-set-icon{width:100px;height:100px;object-fit:contain;border-radius:0;box-shadow:none;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.5))}.pack-wrapper-icon{font-size:3rem;margin-bottom:var(--space-1);z-index:1}.pack-tap-hint{font-size:var(--font-size-sm);color:#ffffff80;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.5}50%{opacity:1}}.pack-tearing{animation:pack-tear .6s ease-out forwards}@keyframes pack-tear{0%{transform:perspective(800px) rotateY(0) scale(1);opacity:1}30%{transform:perspective(800px) rotateY(0) scale(1.1)}60%{transform:perspective(800px) rotateY(20deg) scale(1.05);opacity:.8}to{transform:perspective(800px) rotateY(90deg) scale(.8);opacity:0}}.pack-opening-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative}.pack-card-reveal{perspective:1000px;width:260px;height:363px;border-radius:12px}.pack-card-shaker{width:100%;height:100%}.pack-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out}.pack-card-inner.flipped{transform:rotateY(180deg)}.pack-card-face,.pack-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;overflow:hidden}.pack-card-back{z-index:2}.pack-card-back img{width:100%;height:100%;object-fit:cover;border-radius:12px}.pack-card-face{transform:rotateY(180deg)}.pack-card-face img{width:100%;height:100%;object-fit:cover;border-radius:12px}.pack-card-glow-mythic{box-shadow:0 0 30px #ff8c00cc,0 0 60px #ff8c0080,0 0 100px #ff8c004d}.pack-card-glow-rare{box-shadow:0 0 25px #ffd700b3,0 0 50px #ffd70066,0 0 80px #ffd70033}.pack-card-glow-uncommon{box-shadow:0 0 15px #c0c0c080,0 0 30px #c0c0c033}.pack-card-buildup{animation:card-shake .06s linear infinite}.pack-card-buildup-mythic{animation:card-shake-intense .04s linear infinite}@keyframes card-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-12px,-8px) rotate(-3deg)}20%{transform:translate(10px,6px) rotate(2.5deg)}30%{transform:translate(-8px,10px) rotate(-2deg)}40%{transform:translate(12px,-6px) rotate(3deg)}50%{transform:translate(-6px,8px) rotate(-2.5deg)}60%{transform:translate(10px,-10px) rotate(2deg)}70%{transform:translate(-12px,4px) rotate(-3deg)}80%{transform:translate(8px,-8px) rotate(2.5deg)}90%{transform:translate(-10px,6px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes card-shake-intense{0%{transform:translate(0) rotate(0) scale(1)}8%{transform:translate(-16px,-12px) rotate(-4deg) scale(1.02)}16%{transform:translate(14px,10px) rotate(3.5deg) scale(.98)}24%{transform:translate(-12px,14px) rotate(-3deg) scale(1.03)}32%{transform:translate(16px,-8px) rotate(4deg) scale(.97)}40%{transform:translate(-10px,12px) rotate(-3.5deg) scale(1.02)}48%{transform:translate(14px,-14px) rotate(3deg) scale(.98)}56%{transform:translate(-16px,6px) rotate(-4deg) scale(1.03)}64%{transform:translate(12px,-12px) rotate(3.5deg) scale(.97)}72%{transform:translate(-14px,10px) rotate(-3deg) scale(1.02)}80%{transform:translate(16px,-6px) rotate(4deg) scale(.98)}88%{transform:translate(-10px,14px) rotate(-3.5deg) scale(1.01)}to{transform:translate(0) rotate(0) scale(1)}}.pack-card-buildup-glow-rare{animation:glow-grow-gold 3s ease-in forwards,bg-pulse-gold .3s ease-in-out infinite}.pack-card-buildup-glow-mythic{animation:glow-grow-orange 5s ease-in forwards,bg-pulse-orange .15s ease-in-out infinite}@keyframes glow-grow-gold{0%{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 50px #ffd700b3,0 0 100px #ffd70066}to{box-shadow:0 0 80px gold,0 0 150px #ffd70099,0 0 200px #ffd7004d}}@keyframes glow-grow-orange{0%{box-shadow:0 0 10px #ff8c004d}25%{box-shadow:0 0 40px #ff8c0080,0 0 80px #ff8c004d}50%{box-shadow:0 0 80px #ff8c00b3,0 0 150px #ff8c0066}75%{box-shadow:0 0 120px #ff8c00e6,0 0 200px #ff8c0080}to{box-shadow:0 0 150px #ff8c00,0 0 250px #ff8c00b3,0 0 350px #ff8c0066}}@keyframes bg-pulse-gold{0%,to{background:transparent}50%{background:#ffd7001f}}@keyframes bg-pulse-orange{0%,to{background:transparent}50%{background:#ff8c0026}}.pack-mythic-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#ff8c00b3;animation:flash-strobe .8s ease-out forwards;pointer-events:none;z-index:101}@keyframes flash-strobe{0%{opacity:1;background:#ffffffe6}15%{opacity:.8;background:#ff8c00cc}30%{opacity:1;background:#fff9}50%{opacity:.6;background:#ff8c0080}70%{opacity:.3;background:#ff8c004d}to{opacity:0}}.pack-ambient-sparkle{position:absolute;border-radius:50%;animation:sparkle-float 2.5s ease-in-out infinite;pointer-events:none}@keyframes sparkle-float{0%,to{transform:translateY(0) scale(0);opacity:0}20%{transform:translateY(-10px) scale(.5);opacity:.5}50%{transform:translateY(-40px) scale(1.2);opacity:1}80%{transform:translateY(-60px) scale(.8);opacity:.6}to{transform:translateY(-80px) scale(0);opacity:0}}.pack-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.pack-particle{position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;animation:particle-burst 1s ease-out forwards}@keyframes particle-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(var(--px),var(--py)) scale(0);opacity:0}}.pack-particle-gold{background:gold}.pack-particle-orange{background:#ff8c00}.pack-card-counter{font-size:var(--font-size-sm);color:#fff9;margin-top:var(--space-1)}.pack-skip-btn{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:8px 20px;font-size:var(--font-size-sm);cursor:pointer;transition:background .15s,color .15s;font-family:var(--font-base)}.pack-skip-btn:hover{background:#fff3;color:#fff}.pack-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);max-height:100vh;overflow-y:auto;width:100%}.pack-summary-title{font-size:var(--font-size-xl);font-weight:700;color:#fff}.pack-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2);max-width:900px;width:100%}.pack-summary-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;text-align:center}.pack-summary-card-mythic{border:3px solid rgba(255,140,0,1);box-shadow:0 0 30px #ff8c00e6,0 0 60px #ff8c0099,0 0 100px #ff8c0066,0 0 150px #ff8c0033,inset 0 0 20px #ff8c004d;animation:summary-pulse-mythic 1.5s ease-in-out infinite}.pack-summary-card-rare{border:3px solid rgba(255,215,0,1);box-shadow:0 0 25px #ffd700cc,0 0 50px #ffd70080,0 0 80px #ffd7004d,inset 0 0 15px #ffd70033;animation:summary-pulse-rare 2s ease-in-out infinite}@keyframes summary-pulse-mythic{0%,to{box-shadow:0 0 30px #ff8c00e6,0 0 60px #ff8c0099,0 0 100px #ff8c0066,0 0 150px #ff8c0033,inset 0 0 20px #ff8c004d}50%{box-shadow:0 0 40px #ff8c00,0 0 80px #ff8c00b3,0 0 120px #ff8c0080,0 0 180px #ff8c004d,inset 0 0 30px #ff8c0066}}@keyframes summary-pulse-rare{0%,to{box-shadow:0 0 25px #ffd700cc,0 0 50px #ffd70080,0 0 80px #ffd7004d,inset 0 0 15px #ffd70033}50%{box-shadow:0 0 35px gold,0 0 70px #ffd700b3,0 0 100px #ffd70066,inset 0 0 20px #ffd7004d}}.pack-summary-card img{width:100%;aspect-ratio:488 / 680;object-fit:cover;display:block}.pack-summary-card-info{padding:6px 8px}.pack-summary-card-name{font-size:var(--font-size-sm);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-summary-card-meta{font-size:.7rem;color:#ffffff80;margin-top:2px}.rarity-label-mythic{color:#ff8c00}.rarity-label-rare{color:gold}.rarity-label-uncommon{color:silver}.rarity-label-common{color:#ffffff80}.pack-done-btn{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-twitch-purple);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 40px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font-base);box-shadow:0 4px 20px #6441a566;z-index:10}.pack-done-btn:hover{background:var(--color-twitch-purple-hover)}.inventory-page{max-width:1200px}.inventory-page .page-title{margin-bottom:var(--space-2)}.inventory-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.inventory-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);text-align:center}.inventory-stat-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-twitch-purple);line-height:1.2}.inventory-stat-label{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.inventory-packs-section{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-twitch-purple);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4)}.inventory-packs-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.inventory-packs-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.inventory-pack-item{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.inventory-pack-name{font-weight:600;font-size:var(--font-size-base)}.inventory-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.inventory-controls .input{min-width:140px}.inventory-count{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-left:auto;white-space:nowrap}.inventory-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2)}.inventory-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s,border-color .15s}.inventory-card:hover{transform:translateY(-2px);border-color:var(--color-twitch-purple)}.inventory-card-pending{opacity:.6;position:relative}.inventory-card-pending:after{content:"Pending";position:absolute;top:8px;right:8px;background:#eb0400d9;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.inventory-card-img{width:100%;aspect-ratio:488 / 680;object-fit:cover;display:block;background:var(--color-bg-alt)}.inventory-card-info{padding:6px 8px}.inventory-card-name{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-card-meta{font-size:.7rem;color:var(--color-text-alt2);margin-top:2px;display:flex;justify-content:space-between}.inventory-empty{text-align:center;padding:var(--space-4);color:var(--color-text-alt2);font-size:var(--font-size-base)}.inventory-loading{text-align:center;padding:var(--space-4);color:var(--color-text-alt2)}@media (max-width: 768px){.inventory-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.inventory-stats{grid-template-columns:repeat(2,1fr)}}.inventory-spoiler-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-2)}.card-spoiler-img{width:100%;aspect-ratio:488 / 680;object-fit:cover;display:block;border-radius:var(--radius-lg);transition:transform .15s}.card-spoiler-img:hover{transform:translateY(-2px)}.inventory-text-table{width:100%;border-collapse:collapse}.inventory-text-table th,.inventory-text-table td{padding:6px 10px;text-align:left;font-size:var(--font-size-sm)}.inventory-text-table thead th{border-bottom:1px solid var(--color-border);color:var(--color-text-alt2);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.inventory-text-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s}.inventory-text-table tbody tr:hover{background:var(--color-bg-alt)}.trade-center{max-width:1200px}.trade-center .page-title{margin-bottom:var(--space-3)}.trade-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4)}.trade-form h2{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2)}.trade-form-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-2)}.trade-form-field{flex:1;min-width:200px}.trade-form-field label{display:block;font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.trade-card-select{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);background:var(--color-bg-alt)}.trade-card-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-alt);transition:all .15s}.trade-card-chip:hover{border-color:var(--color-twitch-purple);color:var(--color-text-base)}.trade-card-chip.selected{background:var(--color-twitch-purple);color:#fff;border-color:var(--color-twitch-purple)}.trade-card-chip-rarity{font-size:.65rem;opacity:.7}.trade-form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.trade-list{margin-top:var(--space-3)}.trade-list h2{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2)}.trade-offer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-2);transition:border-color .15s}.trade-offer:hover{border-color:var(--color-twitch-purple)}.trade-offer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.trade-offer-parties{font-weight:600;font-size:var(--font-size-base)}.trade-offer-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize}.trade-offer-status.pending{background:#f5a62333;color:#f5a623}.trade-offer-status.accepted{background:#00f59326;color:var(--color-success)}.trade-offer-status.declined,.trade-offer-status.cancelled{background:#eb040033;color:var(--color-error)}.trade-offer-cards{display:flex;gap:var(--space-3);margin:var(--space-2) 0;flex-wrap:wrap}.trade-offer-side{flex:1;min-width:200px}.trade-offer-side-label{font-size:var(--font-size-sm);color:var(--color-text-alt2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.trade-offer-card-list{display:flex;flex-wrap:wrap;gap:4px}.trade-offer-card-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);background:var(--color-bg-alt);border:1px solid var(--color-border)}.trade-offer-actions{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.trade-offer-time{font-size:var(--font-size-sm);color:var(--color-text-alt2)}.trade-empty{text-align:center;padding:var(--space-3);color:var(--color-text-alt2)}.trade-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media (max-width: 768px){.trade-offer-cards{flex-direction:column}}.redemption-page{max-width:1200px}.redemption-page .page-title{margin-bottom:var(--space-3)}.redemption-select-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4)}.redemption-select-section h2{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2)}.redemption-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2);max-height:400px;overflow-y:auto;margin-bottom:var(--space-2)}.redemption-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s;position:relative}.redemption-card:hover{transform:translateY(-2px);border-color:var(--color-twitch-purple)}.redemption-card.selected{border-color:var(--color-twitch-purple);box-shadow:0 0 0 1px var(--color-twitch-purple)}.redemption-card.selected:after{content:"✓";position:absolute;top:6px;right:6px;width:22px;height:22px;background:var(--color-twitch-purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.redemption-card.pending-redemption{opacity:.5;pointer-events:none}.redemption-card-img{width:100%;aspect-ratio:488 / 680;object-fit:cover;display:block;background:var(--color-bg-alt)}.redemption-card-info{padding:4px 6px}.redemption-card-name{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.redemption-actions{display:flex;align-items:center;gap:var(--space-2)}.redemption-selected-count{font-size:var(--font-size-sm);color:var(--color-text-alt2)}.redemption-list{margin-top:var(--space-3)}.redemption-list h2{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2)}.redemption-request{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-2)}.redemption-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.redemption-request-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize}.redemption-request-status.pending{background:#f5a62333;color:#f5a623}.redemption-request-status.redeemed{background:#00f59326;color:var(--color-success)}.redemption-request-status.cancelled{background:#eb040033;color:var(--color-error)}.redemption-request-cards{display:flex;flex-wrap:wrap;gap:4px;margin:var(--space-1) 0}.redemption-request-card-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);background:var(--color-bg-alt);border:1px solid var(--color-border)}.redemption-request-time{font-size:var(--font-size-sm);color:var(--color-text-alt2)}.redemption-request-actions{margin-top:var(--space-1)}.redemption-empty{text-align:center;padding:var(--space-3);color:var(--color-text-alt2)}.redemption-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media (max-width: 768px){.redemption-card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.redemption-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.redemption-column{min-width:0}.redemption-column-title{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.redemption-column-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-top:var(--space-2)}.redemption-column-page-info{font-size:var(--font-size-sm);color:var(--color-text-alt2)}@media (max-width: 768px){.redemption-columns{grid-template-columns:1fr}}.activity-history{max-width:1200px}.activity-history .page-title{margin-bottom:var(--space-3)}.activity-tabs{display:flex;gap:2px;margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.activity-tab{padding:var(--space-1) var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-alt);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;font-family:var(--font-base)}.activity-tab:hover{color:var(--color-text-base)}.activity-tab.active{color:var(--color-twitch-purple);border-bottom-color:var(--color-twitch-purple)}.activity-event-list{display:flex;flex-direction:column;gap:var(--space-2)}.activity-event{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);display:flex;gap:var(--space-2);align-items:flex-start}.activity-event-icon{font-size:1.3rem;flex-shrink:0;width:32px;text-align:center;padding-top:2px}.activity-event-body{flex:1;min-width:0}.activity-event-title{font-weight:600;font-size:var(--font-size-base);margin-bottom:2px}.activity-event-detail{font-size:var(--font-size-sm);color:var(--color-text-alt);line-height:1.4}.activity-event-cards{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.activity-event-card-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);background:var(--color-bg-alt);border:1px solid var(--color-border)}.activity-event-time{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-top:4px}.activity-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.activity-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-alt2)}.activity-empty,.activity-loading{text-align:center;padding:var(--space-4);color:var(--color-text-alt2)}@media (max-width: 768px){.activity-tabs{overflow-x:auto}}.pack-mgmt{max-width:1000px}.pack-mgmt h1{margin-bottom:var(--space-3)}.pack-mgmt-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3)}.pack-mgmt-section h2{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text-base)}.tmpl-list{display:flex;flex-direction:column;gap:var(--space-2)}.tmpl-item{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}.tmpl-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tmpl-item-name{font-weight:600;font-size:var(--font-size-base)}.tmpl-item-meta{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-top:4px;display:flex;flex-wrap:wrap;gap:var(--space-1)}.tmpl-item-actions{display:flex;gap:var(--space-1)}.tmpl-item-actions .btn{font-size:var(--font-size-sm);padding:4px 10px}.tmpl-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.tmpl-form-full{grid-column:1 / -1}.tmpl-form label{display:block;font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-bottom:4px}.tmpl-form .input{width:100%}.tmpl-form-rarity{display:flex;gap:var(--space-1);flex-wrap:wrap}.tmpl-form-rarity label{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--font-size-sm)}.tmpl-form-rarity .input{width:60px;text-align:center}.tmpl-form-actions{grid-column:1 / -1;display:flex;gap:var(--space-1);justify-content:flex-end}.rules-game-type{margin-bottom:var(--space-3)}.rules-game-type h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1);text-transform:capitalize}.rules-table{width:100%;border-collapse:collapse}.rules-table th,.rules-table td{padding:6px var(--space-1);text-align:left;font-size:var(--font-size-sm)}.rules-table select.input,.rules-table input.input{font-size:var(--font-size-sm);padding:4px 8px}.rules-table input.input{width:60px}.rules-save{margin-top:var(--space-1);display:flex;justify-content:flex-end}.redemption-admin-list{display:flex;flex-direction:column;gap:var(--space-1)}.redemption-admin-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.redemption-admin-info{flex:1;font-size:var(--font-size-sm)}.redemption-admin-info strong{font-weight:600;color:var(--color-text-base)}.redemption-admin-cards{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.redemption-admin-card-tag{background:var(--color-surface-active);border-radius:4px;padding:2px 6px;font-size:var(--font-size-sm);color:var(--color-text-alt)}.pack-mgmt-empty{color:var(--color-text-alt2);font-size:var(--font-size-sm);padding:var(--space-2) 0}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{opacity:.85}.admin-inv-subsection{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.admin-inv-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-inv-subsection h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.admin-inv-row{display:flex;gap:var(--space-1);align-items:center;flex-wrap:wrap}.admin-inv-row .input{flex:1;min-width:120px}.admin-inv-row .btn{white-space:nowrap}.admin-user-list,.admin-user-detail,.admin-user-inventory{max-width:1200px}.admin-back-btn{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.admin-user-search-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3)}.admin-user-search-section h2{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-1)}.admin-user-hint{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-bottom:var(--space-2)}.admin-user-search-row{display:flex;gap:var(--space-1);align-items:center}.admin-user-search-row .input{flex:1;max-width:400px}.admin-user-placeholder-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);opacity:.6}.admin-user-placeholder-section h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.admin-user-panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.admin-user-panel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;transition:border-color .15s,transform .15s;text-align:left;font-family:var(--font-base);color:var(--color-text-base)}button.admin-user-panel-card{border:1px solid var(--color-border)}.admin-user-panel-card:hover:not(.admin-user-panel-disabled){border-color:var(--color-twitch-purple);transform:translateY(-2px)}.admin-user-panel-disabled{opacity:.5;cursor:default}.admin-user-panel-icon{font-size:1.5rem}.admin-user-panel-label{font-weight:700;font-size:var(--font-size-base)}.admin-user-panel-desc{font-size:var(--font-size-sm);color:var(--color-text-alt2);line-height:1.4}.admin-reason-bar{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-twitch-purple);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.admin-reason-bar label{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;color:var(--color-text-alt)}.admin-reason-bar .input{flex:1}.admin-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.admin-section-header h2{margin-bottom:0}.admin-selectable-card{cursor:pointer;position:relative}.admin-card-selected{border-color:var(--color-error)!important;box-shadow:0 0 0 2px var(--color-error)}.admin-card-check{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:var(--color-error);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.admin-tx-event{align-items:center}.admin-tx-checkbox{flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--color-twitch-purple)}.admin-tx-actions{flex-shrink:0;margin-left:auto}.admin-tx-blocked{font-size:1rem;cursor:help;opacity:.5}.btn-sm{font-size:var(--font-size-sm);padding:4px 10px}.admin-user-loading{text-align:center;padding:var(--space-4);color:var(--color-text-alt2)}.admin-manage-users-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-base);font-weight:600;color:var(--color-twitch-purple);cursor:pointer;background:none;border:none;padding:0;font-family:var(--font-base);transition:opacity .15s}.admin-manage-users-link:hover{opacity:.8}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center}.admin-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--space-1)}.admin-modal-title{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-1) 0}.admin-modal-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-alt)}.admin-modal-input{width:100%;margin-top:4px}.admin-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-2)}.admin-header-bar{display:flex;align-items:center;gap:var(--space-2);background:#ffa54026;border:1px solid var(--color-warn);border-left:4px solid var(--color-warn);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-base);flex-wrap:wrap}.admin-header-bar-badge{font-weight:700;color:var(--color-warn);white-space:nowrap;flex-shrink:0}.admin-header-bar-label{flex:1;min-width:0}.admin-header-bar-name{color:var(--color-text-base);font-weight:700}.admin-header-bar-userid{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-alt2);white-space:nowrap;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;max-width:280px}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.bottom-tab-bar__item{min-height:44px;min-width:44px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;background:none;border:none;color:var(--color-text-alt);font-family:var(--font-base);font-size:var(--font-size-sm);cursor:pointer;transition:color .15s,background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-tab-bar__item:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.bottom-tab-bar__item--active{color:var(--color-twitch-purple)}.bottom-tab-bar__item--active .bottom-tab-bar__icon{background:#9147ff26;border-radius:8px}.bottom-tab-bar__item--active .bottom-tab-bar__label{color:var(--color-twitch-purple);font-weight:600}.bottom-tab-bar__item--open .bottom-tab-bar__icon{background:#9147ff1a;border-radius:8px}.bottom-tab-bar__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1.1rem;line-height:1;border-radius:8px;transition:background .15s}.bottom-tab-bar__label{font-size:.6875rem;font-weight:500;line-height:1;color:inherit;transition:color .15s}.bottom-tab-bar__more-sheet-header{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-alt2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}.bottom-tab-bar__more-sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);animation:sheet-slide-up .22s ease-out;padding-bottom:env(safe-area-inset-bottom);max-height:60vh;overflow-y:auto}@keyframes sheet-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-tab-bar__more-item{min-height:44px;width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:none;border:none;color:var(--color-text-alt);font-family:var(--font-base);font-size:var(--font-size-base);cursor:pointer;text-align:left;transition:background .15s,color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-tab-bar__more-item:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.bottom-tab-bar__more-item--active{color:var(--color-twitch-purple);font-weight:600;background:var(--color-surface-active)}.bottom-tab-bar__more-item--active .bottom-tab-bar__icon{background:#9147ff26;border-radius:8px}.bottom-tab-bar__more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:var(--color-bg-overlay);animation:backdrop-fade-in .18s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-bg-alt);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-brand{padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-1);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;transition:background .15s}.sidebar-brand:hover{background:var(--color-surface-hover)}.brand-icon{font-size:1.5rem}.brand-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-base)}.sidebar-nav{padding:var(--space-1) 0;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-3);background:none;border:none;color:var(--color-text-alt);font-size:var(--font-size-base);cursor:pointer;transition:background .15s,color .15s;text-align:left}.nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.nav-item.active{background:var(--color-surface-active);color:var(--color-text-base);border-left:2px solid var(--color-twitch-purple)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1rem;flex-shrink:0;line-height:1;border-radius:50%;background:var(--color-surface-hover)}.nav-icon-img{display:inline-block;width:28px;height:28px;flex-shrink:0;border-radius:50%;background-size:150%;background-position:center;background-repeat:no-repeat;background-color:#fff;box-shadow:0 0 0 1.5px #ffffff26}.nav-label{font-weight:500}.sidebar-shell{position:relative;display:flex}.flyout-panel{position:absolute;left:220px;width:200px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:4px 4px 16px #00000059;z-index:11;overflow:hidden}.flyout-panel-header{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-alt2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt2)}.nav-category{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-3);background:none;border:none;color:var(--color-text-alt);font-size:var(--font-size-base);cursor:pointer;transition:background .15s,color .15s;text-align:left}.nav-category:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.nav-category.active{background:var(--color-surface-active);color:var(--color-text-base);border-left:2px solid var(--color-twitch-purple)}.nav-category.open{background:var(--color-surface-active);color:var(--color-text-base)}.nav-chevron{margin-left:auto;font-size:1rem;opacity:.4;transition:transform .15s}.nav-category.open .nav-chevron{transform:rotate(90deg);opacity:.8}.flyout-item{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-3);background:none;border:none;color:var(--color-text-alt);font-size:var(--font-size-base);cursor:pointer;transition:background .15s,color .15s;text-align:left}.flyout-item:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.flyout-item.active{background:var(--color-surface-active);color:var(--color-text-base);border-left:2px solid var(--color-twitch-purple)}.bottom-panel{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.bottom-panel-name{font-size:var(--font-size-sm);color:var(--color-text-alt);margin-bottom:var(--space-1)}.content{flex:1;margin-left:220px;padding:var(--space-4);max-width:1200px}.page-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-3);color:var(--color-text-base)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--color-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.card-clickable{cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.card-clickable:hover{background:var(--color-surface-hover);border-color:var(--color-twitch-purple);transform:translateY(-1px)}.card-selected{border-color:var(--color-twitch-purple)!important;background:var(--color-surface-active)!important;box-shadow:0 0 0 1px var(--color-twitch-purple)}.card-title{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-base)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.stat-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-twitch-purple);line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-top:var(--space-05);text-transform:uppercase;letter-spacing:.05em}.table-wrap{overflow-x:auto;margin-top:var(--space-2)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-alt2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt2);position:sticky;top:0}td{padding:var(--space-1) var(--space-2);font-size:var(--font-size-base);border-bottom:1px solid var(--color-border)}tbody tr:hover{background:var(--color-surface-hover)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.input{background:var(--color-bg-input);color:var(--color-text-base);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--font-size-base);font-family:var(--font-base);outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-twitch-purple)}.input::placeholder{color:var(--color-text-alt2)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23adadb8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.btn{background:var(--color-twitch-purple);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font-base)}.btn:hover{background:var(--color-twitch-purple-hover)}.btn:active{background:var(--color-twitch-purple-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-input);color:var(--color-text-base)}.btn-secondary:hover{background:var(--color-surface-active)}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-base);color:var(--color-text-alt);cursor:pointer}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);font-weight:600}.badge-warn{background:#eb040033;color:var(--color-error)}.badge-ok{background:#00f59326;color:var(--color-success)}.summary-banner{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-twitch-purple);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-base)}.detail-panel{margin-top:var(--space-3)}.detail-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-3)}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.form-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text-base)}.form-field{margin-bottom:var(--space-2)}.form-field label{display:block;font-size:var(--font-size-sm);color:var(--color-text-alt2);margin-bottom:4px}.form-field .input{width:100%}.alert{padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-top:var(--space-2)}.alert-success{background:#00f5931a;color:var(--color-success);border:1px solid var(--color-success)}.alert-error{background:#eb04001a;color:var(--color-error);border:1px solid var(--color-error)}.overlap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-1)}.overlap-pair{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s,border-color .15s}.overlap-pair:hover{background:var(--color-surface-hover);border-color:var(--color-twitch-purple)}.overlap-pair-names{font-weight:500}.overlap-pair-count{color:var(--color-twitch-purple);font-weight:700}.shared-cards-list{columns:2;column-gap:var(--space-4);list-style:none;margin-top:var(--space-2)}.shared-cards-list li{padding:3px 0;font-size:var(--font-size-base);break-inside:avoid}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:60px}.sidebar .brand-text,.sidebar .nav-label{display:none}.content{margin-left:60px}.flyout-panel{width:160px;left:60px}}@media (max-width: 767px){html{font-size:16px;touch-action:manipulation}body{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.app{min-height:100vh;min-height:-webkit-fill-available}.content{margin-left:0;width:100%;box-sizing:border-box;padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top));padding-bottom:calc(56px + env(safe-area-inset-bottom));max-width:100%}.btn,.input,select.input{min-height:44px}.pill{min-height:36px;min-width:36px}.stats-grid{grid-template-columns:1fr 1fr}.shared-cards-list{columns:1}.live-game-header{position:sticky;top:0;max-height:64px;z-index:5;background:var(--color-bg);overflow:hidden}.live-game-grid{grid-template-columns:1fr 1fr!important}.form-grid{grid-template-columns:1fr}.deck-detail-layout{flex-direction:column!important}.deck-detail-layout img[alt=""]{width:100%!important;max-width:200px}.league-dashboard-tables,.card-grid{grid-template-columns:1fr!important}}.mana-cost{display:inline-flex;align-items:center;gap:1px}.mana-symbol{width:16px;height:16px;vertical-align:middle}.color-identity-empty{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;background:#b4b4b433;color:var(--color-text-alt2);font-size:10px;font-weight:700}.rarity-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.cell-type{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-text-alt)}.toast-container{position:fixed;top:var(--space-3);right:var(--space-3);z-index:1000;display:flex;flex-direction:column;gap:var(--space-1)}.toast{padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .2s ease-out;min-width:250px}.toast-success{background:#065f46;color:#6ee7b7;border:1px solid #059669}.toast-error{background:#7f1d1d;color:#fca5a5;border:1px solid #dc2626}.toast-info{background:#1e3a5f;color:#93c5fd;border:1px solid #3b82f6}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.skeleton-card{min-height:60px}.skeleton-line{height:14px;background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-surface-active) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-preview-img{width:240px;border-radius:12px;box-shadow:0 8px 32px #000000b3;border:1px solid var(--color-border)}.filter-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:var(--space-3)}.pill{background:var(--color-surface);color:var(--color-text-alt);border:1px solid var(--color-border);border-radius:20px;padding:6px 14px;font-size:var(--font-size-sm);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-base)}.pill:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.pill.active{background:var(--color-twitch-purple);color:#fff;border-color:var(--color-twitch-purple)}.pill .pill-count{font-size:.75rem;opacity:.7;margin-left:4px}.pill-delete{margin-left:4px;opacity:.5;cursor:pointer;font-size:.7rem}.pill-delete:hover{opacity:1;color:var(--color-error)}.deck-dropdown-wrap{position:relative;display:inline-block}.deck-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-alt2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:300px;overflow-y:auto;min-width:200px}.deck-dropdown-item{display:block;width:100%;padding:8px 14px;background:none;border:none;color:var(--color-text-alt);font-size:var(--font-size-sm);cursor:pointer;text-align:left;font-family:var(--font-base)}.deck-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text-base)}.deck-dropdown-item.active{color:var(--color-twitch-purple);font-weight:600}.fade-in{animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.deck-groups{columns:3;column-gap:var(--space-4);flex:1}@media (max-width: 900px){.deck-groups{columns:2}}@media (max-width: 600px){.deck-groups{columns:1}}.deck-group{break-inside:avoid;margin-bottom:var(--space-3)}.deck-group-header{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-alt);text-transform:uppercase;letter-spacing:.04em;padding-bottom:6px;border-bottom:1px solid var(--color-border);margin-bottom:4px}.deck-group-card{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:var(--font-size-sm);border-bottom:1px solid rgba(47,47,53,.4)}.deck-group-card:hover{background:var(--color-surface-hover)}.deck-group-qty{color:var(--color-text-alt2);min-width:16px;text-align:right}.deck-group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-group-price{color:var(--color-text-alt2);font-size:.75rem;margin-left:auto;white-space:nowrap}.deck-group-card-sleeved{opacity:.4;text-decoration:line-through}.deck-group-card-sleeved:hover{opacity:.7}.bracket-hover-wrap .bracket-tooltip{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--color-bg-alt2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);min-width:220px;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-base);box-shadow:var(--shadow-lg);z-index:50;white-space:nowrap}.bracket-hover-wrap:hover .bracket-tooltip{display:block}.card-flip-container{position:relative;width:240px;height:335px;transform-style:preserve-3d;transition:transform .5s ease}.card-flip-front,.card-flip-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.card-flip-back{transform:rotateY(180deg)}.pinned-footer{position:fixed;bottom:0;left:220px;right:0;background:var(--color-twitch-purple);color:#fff;padding:8px var(--space-3);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:500;z-index:20;box-shadow:0 -2px 8px #0000004d}.pinned-footer span{white-space:nowrap;color:#fff}@media (min-width: 768px) and (max-width: 1023px){.pinned-footer{left:60px}}.content{padding-bottom:50px}.primer-content{line-height:1.6;font-size:var(--font-size-sm);max-width:800px}.primer-content h1,.primer-content h2{margin-top:1em;margin-bottom:.4em;color:var(--color-text)}.primer-content h1{font-size:1.3em}.primer-content h2{font-size:1.15em}.primer-content h3{font-size:.95em;font-weight:700;color:var(--color-twitch-purple);margin:0 0 8px;padding:0;border:none}.primer-content p{margin:.3em 0}.primer-content ul,.primer-content ol{margin:.2em 0;padding-left:1.4em}.primer-content li{margin:1px 0}.primer-content strong{color:var(--color-text);font-size:.85em;text-transform:uppercase;letter-spacing:.03em}.primer-content hr{border:none;height:0;margin:0}.primer-content code{background:var(--color-surface-alt);padding:1px 4px;border-radius:3px;font-size:.9em}.primer-content pre{background:var(--color-surface-alt);padding:var(--space-2);border-radius:var(--radius);overflow-x:auto}.primer-content blockquote{border-left:3px solid var(--color-twitch-purple);margin:.5em 0;padding:.25em 1em;color:var(--color-text-alt)}.primer-card-ref{color:var(--color-text-link);cursor:help;border-bottom:1px dotted var(--color-text-link);font-weight:500}.primer-content details{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-2)}.primer-content details summary{padding:10px 14px;font-weight:700;font-size:1em;cursor:pointer;background:var(--color-surface-alt);-webkit-user-select:none;user-select:none;list-style:none;border-radius:var(--radius)}.primer-content details[open] summary{border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--color-border)}.primer-content details summary:before{content:"▸ ";display:inline}.primer-content details[open] summary:before{content:"▾ "}.primer-content details summary::-webkit-details-marker{display:none}.primer-content details[open]>*:not(summary){margin-left:14px;margin-right:14px}.primer-content details h3{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0;padding:8px 12px;margin:14px 0 0}.primer-content details h3+*{margin-top:0}.primer-content details details{margin:6px 0;border:1px solid var(--color-border);border-radius:var(--radius)}.primer-content details details summary{padding:6px 12px;font-weight:600;font-size:.9em;background:var(--color-surface)}.primer-content details details[open] summary{border-bottom:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0}.primer-content details details:not([open]) summary{border-radius:var(--radius)}.primer-content details details[open]>*:not(summary){margin-left:12px;margin-right:12px}:root{--color-twitch-purple: #9147ff;--color-twitch-purple-hover: #772ce8;--color-twitch-purple-active: #5c16c5;--color-bg-base: #0e0e10;--color-bg-alt: #18181b;--color-bg-alt2: #1f1f23;--color-bg-input: #3a3a3d;--color-bg-overlay: rgba(0, 0, 0, .6);--color-surface: #1f1f23;--color-surface-hover: #26262c;--color-surface-active: #323239;--color-text-base: #efeff1;--color-text-alt: #adadb8;--color-text-alt2: #848494;--color-text-link: #bf94ff;--color-accent: #9147ff;--color-success: #00f593;--color-error: #eb0400;--color-warn: #ffa540;--color-info: #1f69ff;--color-border: #2f2f35;--color-border-input: #3a3a3d;--space-05: .25rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-base: "Inter", "Roobert", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:var(--color-bg-base);color:var(--color-text-base);line-height:1.5;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-input);border-radius:3px}[data-theme=light]{--color-twitch-purple: #9147ff;--color-twitch-purple-hover: #772ce8;--color-twitch-purple-active: #5c16c5;--color-bg-base: #f7f7f8;--color-bg-alt: #efeff1;--color-bg-alt2: #e5e5e8;--color-bg-input: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .3);--color-surface: #ffffff;--color-surface-hover: #f0f0f2;--color-surface-active: #e5e5e8;--color-text-base: #0e0e10;--color-text-alt: #53535f;--color-text-alt2: #868691;--color-text-link: #772ce8;--color-success: #00a87a;--color-error: #d20f39;--color-border: #d2d2d6;--color-border-input: #c8c8d0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}