:root{--bg-darkest: #080c14;--bg-dark: #0a1018;--bg-panel: #0d151f;--bg-card: #111a28;--accent-primary: #00d4aa;--accent-hover: #00f0c0;--accent-muted: #0a8f7a;--accent-glow: rgba(0, 212, 170, .4);--accent-subtle: rgba(0, 212, 170, .15);--text-primary: #e8f0f8;--text-secondary: #a0b0c0;--text-muted: #607080;--text-bright: #f8fafc;--player-blue: #3b82f6;--player-red: #dc2626;--gold-accent: #d4af37;--border-color: rgba(0, 212, 170, .15);--border-subtle: rgba(100, 120, 140, .2);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .6);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .4);--glow-teal: 0 0 20px rgba(0, 212, 170, .3);--glow-teal-strong: 0 0 30px rgba(0, 212, 170, .5);--input-bg: rgba(0, 10, 20, .6);--btn-primary-bg: linear-gradient(135deg, #00c4a0 0%, #00a080 100%);--btn-primary-hover: linear-gradient(135deg, #00d4b0 0%, #00b090 100%);--btn-primary-shadow: 0 4px 15px rgba(0, 212, 170, .3);--btn-primary-shadow-hover: 0 6px 25px rgba(0, 212, 170, .5);--primary-color: #00d4aa;--primary-hover: #00f0c0}*{box-sizing:border-box}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;mix-blend-mode:overlay}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 80% 20%,rgba(0,60,70,.35) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(0,50,60,.25) 0%,transparent 50%),linear-gradient(180deg,#050810,#0a1018,#080c14);background-attachment:fixed;color:var(--text-primary);line-height:1.4;min-height:100vh}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 15px var(--accent-glow)}.app{min-height:100vh;padding:1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,170,.2);background:linear-gradient(180deg,#0a1018f2,#080c14e6);margin:-1rem -1rem 1.5rem;padding:1rem;box-shadow:0 4px 20px #00000080}.header h1{margin:0;font-size:1.5rem;background:linear-gradient(90deg,#00d4aa,#00f0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,212,170,.5);filter:drop-shadow(0 0 20px rgba(0,212,170,.3))}.user-info{display:flex;align-items:center;gap:1rem}.username{font-weight:700;color:var(--accent-primary)}.elo{color:var(--text-secondary)}.currency{display:flex;gap:.5rem;padding:.25rem .5rem;background:#00141e99;border:1px solid rgba(0,212,170,.2);border-radius:4px;font-size:.9rem;box-shadow:inset 0 2px 4px #0000004d}.currency .gold{color:#fbbf24}.currency .crystals{color:#a78bfa}.logout-btn{padding:.5rem 1rem;background:#141e28cc;font-size:.9rem;border:1px solid rgba(0,212,170,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s}.logout-btn:hover{background:#00d4aa26;border-color:#00d4aa66}.game-layout{display:grid;grid-template-columns:260px 1fr 320px;gap:1.5rem;align-items:start}@media (max-width: 1200px){.game-layout{grid-template-columns:240px 1fr}.rules-explainer{grid-column:1 / -1;max-height:300px}}@media (max-width: 800px){.game-layout{grid-template-columns:1fr}.rules-sidebar{order:2}}.rules-sidebar{position:sticky;top:12px;background:linear-gradient(135deg,#0d151ff2,#080c14fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,212,170,.1);border-radius:12px;padding:14px;box-shadow:0 12px 28px #00000080,inset 0 1px #ffffff08;font-size:12px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,170,.15)}.sidebar-header h3{margin:0;font-size:14px;font-weight:700;color:var(--accent-primary)}.sidebar-actions{display:flex;gap:6px}.help-btn,.tooltip-toggle{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,212,170,.2);background:#00141e99;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.help-btn:hover,.tooltip-toggle:hover{background:#00d4aa26;color:var(--text-bright);border-color:#00d4aa66}.tooltip-toggle.active{background:#00d4aa33;border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width: 800px){.mobile-only{display:flex}.desktop-only{display:none}}.rules-sidebar>h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--accent-primary);border-bottom:1px solid rgba(0,212,170,.15);padding-bottom:8px}.rule-group{margin:12px 0}.rule-group-title{font-weight:700;color:var(--accent-primary);margin-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.rules-sidebar label{display:flex;align-items:center;gap:8px;margin:5px 0;cursor:pointer;color:var(--text-primary)}.rules-sidebar label:hover{color:var(--text-bright)}.rules-sidebar input[type=checkbox]{accent-color:var(--accent-primary)}.rule-row{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}.rule-row label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#94a3b8}.rule-label{font-size:11px;color:#94a3b8}.rules-sidebar select,.rules-sidebar input[type=number]{background:#000a1499;color:var(--text-primary);border:1px solid rgba(0,212,170,.2);border-radius:6px;padding:4px 8px;font-size:12px;min-width:80px;transition:all .2s}.rules-sidebar select:focus,.rules-sidebar input[type=number]:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);outline:none}.rules-sidebar select:disabled{opacity:.5;cursor:not-allowed}.difficulty-select{width:100%;padding:8px 12px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#00806a,#006a58);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-bright);cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #00d4aa33}.difficulty-select:hover{background:linear-gradient(135deg,#00a088,#008070);border-color:var(--accent-hover);box-shadow:0 4px 15px #00d4aa4d}.difficulty-select:focus{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.rule-warning{background:#eab30826;border:1px solid #ca8a04;border-radius:8px;padding:8px 10px;margin-bottom:12px;font-size:11px;color:#fbbf24;line-height:1.4}.rules-sidebar label.disabled,.rules-sidebar .disabled{opacity:.4;cursor:not-allowed}.rules-sidebar label.disabled:hover{color:#e5e7eb}.rule-with-sub{display:flex;align-items:center;gap:4px;margin:5px 0}.rule-with-sub>label:first-child{min-width:70px;margin:0}.rule-sub{font-size:11px;color:var(--text-secondary);padding-left:8px;border-left:2px solid rgba(0,212,170,.2);margin:0!important}.rule-sub:not(.disabled):hover{color:var(--text-bright);border-left-color:var(--accent-primary)}.rule-sub-section{margin-left:12px;padding-left:10px;border-left:2px solid rgba(0,212,170,.2);margin-top:6px;margin-bottom:6px}.rule-sub-section.disabled{border-left-color:#00d4aa0d}.rule-hint{font-size:10px;color:#64748b;font-style:italic}.rule-hint-inline{font-size:10px;color:#64748b;margin-left:auto;font-weight:400}.tooltip-wrapper{display:contents}.tooltip{position:fixed;z-index:1000;background:linear-gradient(135deg,#0d151ffa,#080c14fc);border:1px solid rgba(0,212,170,.2);border-radius:8px;padding:10px 12px;width:280px;max-width:calc(100vw - 16px);box-shadow:0 10px 40px #0009,0 0 20px #00d4aa1a;transform:translateY(-50%);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-right{animation:tooltipFadeInRight .15s ease-out}@keyframes tooltipFadeInRight{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tooltip-left{animation:tooltipFadeInLeft .15s ease-out}@keyframes tooltipFadeInLeft{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tooltip-top-center{transform:translate(-50%);animation:tooltipFadeInTop .15s ease-out}@keyframes tooltipFadeInTop{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-title{font-weight:700;font-size:13px;color:#f8fafc;margin-bottom:6px}.tooltip-desc{font-size:12px;color:#94a3b8;line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.rules-help-modal{background:linear-gradient(135deg,#0d151ffa,#080c14fc);border:1px solid rgba(0,212,170,.2);border-radius:12px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out;box-shadow:0 25px 80px #000c,0 0 40px #00d4aa1a}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,212,170,.15)}.modal-header h2{margin:0;font-size:18px;color:var(--accent-primary)}.modal-close{width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,212,170,.2);background:#00141e99;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .2s}.modal-close:hover{background:#00d4aa26;color:var(--text-bright);border-color:var(--accent-primary)}.modal-content{flex:1;overflow-y:auto;padding:16px 20px}.help-section{margin-bottom:20px}.help-section:last-child{margin-bottom:0}.help-section h3{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #1f2937}.help-rule{margin-bottom:12px;padding-left:10px;border-left:2px solid rgba(0,212,170,.3)}.help-rule:last-child{margin-bottom:0}.help-rule-name{font-weight:600;font-size:13px;color:var(--accent-primary);margin-bottom:4px}.help-rule-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.apply-btn{margin-top:14px;width:100%;padding:10px;border:1px solid rgba(0,212,170,.3);background:linear-gradient(135deg,#00c4a0,#00a080);color:var(--text-bright);border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;transition:all .2s;box-shadow:0 4px 15px #00d4aa4d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.3)}.apply-btn:hover{background:linear-gradient(135deg,#00d4b0,#00b090);border-color:var(--accent-hover);box-shadow:0 6px 25px #00d4aa80,inset 0 1px #fff3}.apply-btn:disabled{opacity:.5;cursor:not-allowed}.game-main{display:flex;flex-direction:column;align-items:center}.status-bar{background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:14px;color:var(--text-primary);text-align:center;min-width:300px;box-shadow:0 4px 15px #0000004d}.score-display{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:18px;font-weight:700}.score-display span{padding:8px 16px;border-radius:8px;background:#0d151fe6;border:1px solid rgba(100,120,140,.2);transition:all .3s}.score-display span.active{background:#00d4aa26;border-color:var(--accent-primary);color:var(--text-bright);box-shadow:0 0 15px var(--accent-glow)}.score-display .vs{background:transparent;border:none;padding:0;color:var(--text-muted);font-size:14px}.game-header-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.game-header-row .status-bar{margin-bottom:0;min-width:auto;padding:8px 12px;font-size:13px}.game-header-row .score-display{margin-bottom:0;font-size:16px;gap:10px}.game-header-row .score-display span{padding:6px 12px}.game-play-area{display:flex;align-items:flex-start;justify-content:center;gap:.75rem}.game-avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:20px}.game-avatar .player-avatar{width:72px;height:96px}.game-avatar .avatar-indicator{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:2px 8px;border-radius:4px;background:#0f1923cc;border:1px solid rgba(100,120,140,.2);transition:all .3s}.game-avatar .avatar-indicator.active{color:var(--accent-primary);border-color:var(--accent-primary);background:#00d4aa1a;box-shadow:0 0 10px var(--accent-glow)}@media (max-width: 900px){.game-avatar{display:none}}.hand-column{display:flex;flex-direction:column;align-items:center;min-width:70px}.hand-column h4{font-size:11px;color:#94a3b8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.hand-vertical{display:flex;flex-direction:column;gap:6px}.hand-vertical.ai{opacity:.8}.cardTT.compact{width:60px}.cardTT.compact .num{font-size:11px;padding:1px 4px}.cardTT.compact .card-element{font-size:10px;padding:1px 2px;bottom:2px;right:2px}.board-container{position:relative}.game-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#080c14f2,#05080ffa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10;animation:fadeIn .3s ease-out;border:1px solid rgba(0,212,170,.2);box-shadow:inset 0 0 60px #00000080,0 0 30px #00d4aa1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-content{text-align:center;padding:1rem}.result-text{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#f8fafc}.game-result-overlay .ai-trade-phase{margin-bottom:.75rem}.game-result-overlay .ai-trade-phase h4{font-size:.9rem;margin:0 0 .5rem;color:#94a3b8}.game-result-overlay .lottery-rolling{font-size:2rem;margin:0;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-result-overlay .lottery-card-won .cardTT{width:70px;margin:0 auto}.game-result-overlay .lottery-card-name{font-size:.8rem;color:#22c55e;margin:.5rem 0 0}.game-result-overlay .lottery-gold-won{font-size:1.5rem;color:#fbbf24;margin:0}.game-result-overlay .loss-gold{font-size:1.5rem;color:#ef4444;margin:0}.game-result-overlay .loss-note{font-size:.8rem;color:#94a3b8;margin:.25rem 0 0}.game-result-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.game-result-buttons button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(0,212,170,.3);background:linear-gradient(135deg,#00c4a0,#00a080);color:#fff;box-shadow:0 4px 15px #00d4aa4d;transition:all .2s}.game-result-buttons button:hover{background:linear-gradient(135deg,#00d4b0,#00b090);box-shadow:0 6px 20px #00d4aa66}.game-result-buttons button.secondary{background:#141e28cc;border:1px solid rgba(100,120,140,.3);box-shadow:none}.game-result-buttons button.secondary:hover{background:#00d4aa26;border-color:#00d4aa66}.in-game-rules-panel{background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:8px;margin-bottom:16px;width:100%;max-width:400px;overflow:hidden;transition:all .2s ease}.in-game-rules-panel.minimized{max-width:180px}.in-game-rules-panel-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease}.in-game-rules-panel-toggle:hover{background:#ffffff0d}.in-game-rules-panel .toggle-icon{font-size:10px;color:#64748b;transition:transform .2s ease}.in-game-rules-panel .toggle-label{flex:1}.in-game-rules-panel .rules-count{font-size:11px;color:#64748b;font-weight:400}.in-game-rules-panel-content{padding:0 14px 12px;display:flex;flex-direction:column;gap:6px;animation:panelSlideDown .15s ease-out}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.in-game-rules-panel .rule-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#00d4aa1a;border-radius:6px;border-left:3px solid var(--accent-primary)}.in-game-rules-panel .rule-name{font-size:12px;font-weight:600;color:var(--accent-primary);min-width:70px}.in-game-rules-panel .rule-desc{font-size:11px;color:var(--text-secondary)}.in-game-rules-panel .no-special-rules{font-size:12px;color:#64748b;font-style:italic;margin:0;padding:4px 0}.board{display:grid;grid-template-columns:repeat(3,85px);grid-template-rows:repeat(3,119px);gap:8px;margin-bottom:0;background:radial-gradient(circle at center,rgba(0,212,170,.05) 0%,transparent 70%),linear-gradient(135deg,#0a1520,#060a10);padding:12px;border-radius:16px;box-shadow:inset 0 0 60px #00000080,0 0 40px #00d4aa1a}.cell{background:#00141e99;border:1px solid rgba(0,212,170,.15);border-radius:12px;display:grid;place-items:center;position:relative;cursor:pointer;transition:all .2s;box-shadow:inset 0 0 20px #0006}.cell:hover:not(.occupied){border-color:#00d4aa66;background:#00d4aa1a;box-shadow:inset 0 0 20px #0006,0 0 15px #00d4aa33}.cell.occupied{cursor:default}.cell.flipped{animation:flipPulse .6s ease-out}.cell.last-placed{box-shadow:0 0 0 3px #00d4aa80}@keyframes flipPulse{0%{transform:scale(1);box-shadow:0 0 #fbbf24}50%{transform:scale(1.05);box-shadow:0 0 20px 8px #fbbf2499}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.rule-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 20px #00000080,0 0 30px currentColor;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:rulePopupAnim 1.2s ease-out forwards}@keyframes rulePopupAnim{0%{transform:translate(-50%,-50%) scale(0);opacity:0}15%{transform:translate(-50%,-50%) scale(1.3);opacity:1}25%{transform:translate(-50%,-50%) scale(1)}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.8);opacity:0}}.rule-popup[style*=CAPTURE]{font-size:10px;padding:4px 8px}.cell .rule-popup:nth-child(2){transform-origin:center top}.cell .rule-popup:nth-child(3){transform-origin:center bottom}.tile-badge{position:absolute;top:4px;left:4px;font-size:9px;padding:2px 6px;background:#ffffffe6;color:#1e293b;border-radius:4px;pointer-events:none;font-weight:600;text-transform:uppercase;z-index:5}.cardTT{width:80px;aspect-ratio:5 / 7;border-radius:10px;border:2px solid rgba(100,120,140,.3);background:linear-gradient(135deg,#1e2837e6,#0f141ef2);position:relative;display:grid;place-items:center;font-weight:700;transition:all .2s;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.card-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;pointer-events:none;z-index:1}.cardTT.you{border-color:#3b82f680;background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 0 20px #3b82f64d,inset 0 0 15px #3b82f61a}.cardTT.you .card-frame{box-shadow:inset 0 0 0 2px #3b82f666}.cardTT.ai{border-color:#dc262680;background:linear-gradient(135deg,#7f1d1d,#991b1b);box-shadow:0 0 20px #dc26264d,inset 0 0 15px #dc26261a}.cardTT.ai .card-frame{box-shadow:inset 0 0 0 2px #dc262666}.cardTT.gold{border-color:#d4af37;box-shadow:0 0 8px #ffd70080,inset 0 0 0 1px #ffd7004d}.cardTT.gold .card-art{filter:sepia(15%) saturate(130%) brightness(105%)}.cardTT.gold .card-frame{box-shadow:inset 0 0 0 2px #ffd70066,inset 0 0 15px #ffd70026}.cardTT.gold.you{border-color:#d4af37;box-shadow:0 0 8px #ffd70080,0 0 0 2px #3b82f6,inset 0 0 0 1px #3b82f64d}.cardTT.gold.ai{border-color:#d4af37;box-shadow:0 0 8px #ffd70080,0 0 0 2px #dc2626,inset 0 0 0 1px #dc26264d}.cardTT.selectable{cursor:pointer;animation:selectablePulse .6s ease-in-out}@keyframes selectablePulse{0%{box-shadow:0 0 #00d4aa99,0 0 10px #00d4aa66;transform:scale(1)}50%{box-shadow:0 0 0 8px #00d4aa4d,0 0 25px #00d4aab3;transform:scale(1.03)}to{box-shadow:0 0 #00d4aa00,0 0 8px #00d4aa4d;transform:scale(1)}}.cardTT.selectable:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00d4aa99;animation:none}.cardTT.selected{outline:3px solid var(--accent-primary);outline-offset:2px;transform:translateY(-4px);animation:none;box-shadow:0 0 20px var(--accent-glow)}.num{position:absolute;font-size:16px;background:#000000b3;border-radius:6px;padding:2px 8px;line-height:1;color:#f8fafc;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.num.top{top:6px;left:50%;transform:translate(-50%)}.num.right{right:6px;top:50%;transform:translateY(-50%)}.num.bottom{bottom:6px;left:50%;transform:translate(-50%)}.num.left{left:6px;top:50%;transform:translateY(-50%)}.card-element{position:absolute;bottom:3px;right:3px;font-size:12px;line-height:1;padding:2px;border-radius:4px;cursor:help;background:#000000b3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));z-index:2}.card-element-inactive{opacity:.4;filter:grayscale(1)}.hands-container{display:flex;gap:40px;margin-top:10px}.hand-section h3{margin:0 0 10px;font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.hand{display:flex;gap:10px;flex-wrap:wrap}.hand .cardTT{width:80px}.hand .cardTT .num{font-size:13px;padding:2px 6px}.hand.ai .cardTT{opacity:.7}.rules-explainer{background:linear-gradient(135deg,#0d151ff2,#080c14fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,212,170,.1);border-radius:12px;padding:14px;box-shadow:0 12px 28px #00000080,inset 0 1px #ffffff08;max-height:calc(100vh - 120px);overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease}.rules-explainer.minimized{max-height:none;padding:10px}.explainer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,170,.15);gap:10px}.rules-explainer.minimized .explainer-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.explainer-toggle-btn{background:#00141e99;border:1px solid rgba(0,212,170,.2);color:var(--text-secondary);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .15s ease;flex-shrink:0}.explainer-toggle-btn:hover{background:#00d4aa26;color:var(--text-bright);border-color:#00d4aa66}.explainer-title{font-weight:700;font-size:14px;color:var(--accent-primary);flex:1}.explainer-minimized-count{font-size:11px;color:#64748b;text-align:center;margin-top:8px}.btn-small{font-size:11px;padding:4px 10px;border-radius:6px;color:#e5e7eb;background:#111827;border:1px solid #374151;cursor:pointer}.btn-small:hover{background:#1f2937}.explainer-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.explainer-empty{color:var(--text-muted);font-size:13px;padding:12px;border:1px dashed rgba(0,212,170,.2);border-radius:8px;background:#00141e66;text-align:center}.explainer-entry{border:1px solid rgba(0,212,170,.1);border-radius:8px;padding:10px;background:#00141e66}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.entry-badges{display:flex;gap:4px;flex-wrap:wrap}.rule-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;color:#fff;text-transform:uppercase}.entry-time{font-size:11px;color:#64748b}.entry-details{font-size:12px;color:#94a3b8}.entry-details strong{color:#e5e7eb}.entry-no-rule{font-size:11px;color:#64748b;font-style:italic;margin-top:4px}.entry-header{cursor:pointer;-webkit-user-select:none;user-select:none}.entry-expand{font-size:12px;color:var(--accent-primary);margin-right:8px;transition:color .15s;min-width:12px}.explainer-entry:hover .entry-expand{color:var(--text-secondary)}.explainer-entry.expanded{border-color:var(--accent-primary);background:#00d4aa0d}.entry-expanded{margin-top:12px;padding-top:12px;border-top:1px solid #1f2937}.flipped-at{color:#f59e0b;font-weight:600}.side-details{margin-top:10px}.side-details-title{font-size:11px;font-weight:600;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.side-row{display:flex;align-items:center;gap:8px;font-size:11px;padding:4px 8px;border-radius:4px;margin-bottom:3px;background:#111827}.side-row.capture{background:#dc262626;border-left:2px solid #dc2626}.side-row.blocked{background:#64748b1a}.side-row.empty,.side-row.wall{opacity:.6}.side-dir{font-weight:600;color:var(--accent-primary);min-width:55px}.side-vals{color:#cbd5e1;flex:1}.side-vals strong{color:#f8fafc}.side-empty{color:#64748b;font-style:italic}.side-math{font-size:10px;color:#64748b}.side-outcome{font-size:10px;font-weight:600;text-transform:uppercase}.outcome-capture{color:#ef4444}.outcome-blocked{color:#64748b}.outcome-equal{color:#f59e0b}.outcome-friendly{color:#22c55e}.outcome-wall,.outcome-empty{color:#475569}.rule-details{margin-top:8px}.rule-detail-row{display:flex;align-items:center;gap:8px;font-size:11px;padding:6px 8px;background:#111827;border-radius:4px;margin-bottom:4px}.rule-badge-sm{font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px;color:#fff;text-transform:uppercase;white-space:nowrap}.rule-explain{color:#94a3b8}.rule-explain strong{color:#f8fafc}.pair-info{color:var(--accent-primary)}.mode-selector{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 60px;min-height:calc(100vh - 150px)}.mode-selector h2{margin:0 0 8px;font-size:28px;background:linear-gradient(90deg,#00d4aa,#00f0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-subtitle{margin:0;color:var(--text-secondary);font-size:16px}.welcome-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.welcome-section .player-avatar{flex-shrink:0}.welcome-text{text-align:left}.welcome-text h2{margin:0 0 4px}.mode-category{width:100%;max-width:800px;margin-bottom:32px}.mode-category:last-child{margin-bottom:0}.mode-category-title{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,170,.2);text-shadow:0 0 20px rgba(0,212,170,.4)}.mode-options{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;background:linear-gradient(135deg,#0f1923e6,#0a0f19f2);border:1px solid rgba(0,212,170,.15);border-radius:16px;cursor:pointer;transition:all .2s;min-width:200px;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff08}.mode-btn:hover{transform:translateY(-4px);border-color:#00d4aa66;box-shadow:0 8px 30px #00000080,0 0 25px #00d4aa33}.mode-btn.mode-ai:hover{border-color:#00d4aa80;box-shadow:0 8px 30px #00000080,0 0 25px #00d4aa4d}.mode-btn.mode-pvp:hover{border-color:#f59e0b;box-shadow:0 12px 40px #00000080,0 0 25px #f59e0b33}.mode-icon{font-size:48px}.mode-title{font-size:20px;font-weight:700;color:var(--text-bright)}.mode-desc{font-size:13px;color:var(--text-secondary)}.pvp-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:calc(100vh - 150px);text-align:center}.pvp-placeholder h2{margin:0 0 12px;font-size:24px;color:#f8fafc}.pvp-placeholder p{margin:0 0 24px;color:#94a3b8;font-size:16px}.back-btn{padding:12px 24px;background:#374151;border:1px solid #4b5563;border-radius:8px;color:#e5e7eb;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{background:#4b5563;border-color:#6b7280}.card-vault{display:flex;flex-direction:column;padding:20px;max-width:1200px;margin:0 auto;width:100%}.vault-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #1f2937;flex-wrap:wrap;gap:16px}.vault-title-section h2{margin:0 0 4px;font-size:24px;color:#f8fafc}.vault-subtitle{margin:0;color:#94a3b8;font-size:14px}.vault-stats{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#0d151fe6;border-radius:12px;border:1px solid rgba(0,212,170,.15)}.vault-stat{text-align:center}.vault-stat-value{display:block;font-size:24px;font-weight:700;color:var(--accent-primary)}.vault-stat-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.vault-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:16px;background:#0d151fe6;border-radius:12px;border:1px solid rgba(0,212,170,.15);align-items:center}.vault-search{flex:1;min-width:180px;padding:10px 14px;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.vault-search:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.vault-search::placeholder{color:#64748b}.vault-filter-select{padding:10px 14px;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:8px;color:var(--text-primary);font-size:13px;min-width:140px;transition:all .2s}.vault-filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.vault-level-range{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px}.vault-level-range select{padding:8px 12px;background:#0f172a;border:1px solid #2b3a55;border-radius:6px;color:#e5e7eb;font-size:13px;width:60px}.vault-clear-btn{padding:10px 16px;background:#374151;border:1px solid #4b5563;border-radius:8px;color:#e5e7eb;font-size:13px;cursor:pointer}.vault-clear-btn:hover{background:#4b5563}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;margin-bottom:20px}.vault-card{display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .2s}.vault-card:hover{transform:translateY(-4px)}.vault-card .cardTT{width:80px}.vault-card .cardTT .num{font-size:12px;padding:1px 5px}.vault-card .card-element{font-size:7px;padding:1px 3px}.vault-card-quantity{position:absolute;top:-6px;right:calc(50% - 46px);background:#f59e0b;color:#000;font-size:11px;font-weight:700;min-width:24px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 4px #0000004d}.vault-card-name{margin-top:6px;font-size:11px;color:#e5e7eb;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-card-info{font-size:10px;color:#64748b;text-align:center}.vault-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}.vault-page-btn{width:40px;height:40px;border-radius:8px;background:#111827;border:1px solid #1f2937;color:#e5e7eb;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.vault-page-btn:hover:not(:disabled){background:#1f2937;border-color:#3b82f6}.vault-page-btn:disabled{opacity:.4;cursor:not-allowed}.vault-page-info{color:#94a3b8;font-size:14px}.vault-loading,.vault-error,.vault-empty{text-align:center;padding:60px 20px;color:#94a3b8;font-size:16px}.vault-error{color:#f87171}.vault-empty{background:#111827;border-radius:12px;border:1px dashed #374151}.mode-vault{border-color:#8b5cf6}.mode-vault:hover{border-color:#a78bfa;box-shadow:0 12px 40px #a78bfa33}@media (max-width: 768px){.vault-header{flex-direction:column}.vault-stats{justify-content:space-around}.vault-filters{flex-direction:column}.vault-search,.vault-filter-select{width:100%}.vault-level-range{width:100%;justify-content:center}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.vault-card .cardTT{width:70px}.vault-card .cardTT .num{font-size:11px}}.game-result{margin-top:20px;padding:20px 40px;background:linear-gradient(135deg,#1e3a8a,#1e40af);border:2px solid #3b82f6;border-radius:12px;text-align:center}.game-result p{font-size:24px;font-weight:700;margin:0 0 16px;color:#f8fafc}.game-result-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.game-result button{padding:10px 24px;background:#22c55e;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.game-result button:hover{background:#16a34a}.game-result button.secondary{background:#374151;border:1px solid #4b5563}.game-result button.secondary:hover{background:#4b5563}.ai-trade-phase{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;padding:1.5rem;margin:1rem 0}.ai-trade-phase h4{color:#fbbf24;margin-bottom:1rem;text-align:center}.ai-trade-cards{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.ai-trade-card{cursor:pointer;transition:all .2s;border:3px solid transparent;border-radius:8px}.ai-trade-card:hover{transform:translateY(-4px);border-color:#6366f1}.ai-trade-card.selected{border-color:#22c55e;box-shadow:0 0 12px #22c55e80;transform:translateY(-4px)}.ai-trade-card .cardTT{width:80px}.ai-trade-card .cardTT .num{font-size:13px}.ai-trade-actions{display:flex;justify-content:center;gap:1rem}.ai-trade-actions .confirm-trade-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.ai-trade-actions .confirm-trade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.ai-trade-actions .confirm-trade-btn:disabled{opacity:.5;cursor:not-allowed}.ai-trade-actions .skip-trade-btn{padding:.75rem 1.5rem;background:#374151;color:#e5e7eb;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.ai-trade-actions .skip-trade-btn:hover{background:#4b5563}.ai-taking-card{color:#9ca3af;text-align:center;font-style:italic}.lottery-result{text-align:center}.lottery-rolling{font-size:3rem;animation:roll .5s infinite;margin:1rem 0}@keyframes roll{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.lottery-card-won{display:flex;justify-content:center;margin:1rem 0}.lottery-card-won .cardTT{width:100px;box-shadow:0 0 20px #22c55e80;animation:cardWin .5s ease-out}@keyframes cardWin{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.lottery-card-name{color:#22c55e;font-weight:700;font-size:1.1rem}.lottery-gold-won{font-size:2rem;color:#fbbf24;font-weight:700;margin:1rem 0;animation:goldWin .5s ease-out}@keyframes goldWin{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.lottery-gold-note{color:#9ca3af;font-size:.9rem}.loss-result{text-align:center}.loss-gold{font-size:1.75rem;color:#ef4444;font-weight:700;margin:.5rem 0}.loss-note{color:#9ca3af;font-size:.9rem;margin:0}.practice-mode-notice{background:linear-gradient(135deg,#374151,#4b5563);border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem;text-align:center}.practice-mode-notice .practice-text{color:#9ca3af;font-size:.9rem;margin:0}.practice-mode-notice .practice-hint{color:#6b7280;font-size:.75rem;margin:.25rem 0 0}.deck-mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem}.deck-mode-btn .reward-badge{font-size:.65rem;color:#22c55e;background:#22c55e26;padding:.15rem .5rem;border-radius:3px;font-weight:500}.deck-mode-btn .practice-badge{font-size:.65rem;color:#9ca3af;background:#9ca3af26;padding:.15rem .5rem;border-radius:3px;font-weight:500}.trade-rules-info{color:#9ca3af;font-size:.85rem;line-height:1.4}.trade-rules-info p{margin:.25rem 0}.trade-rules-info strong{color:#e5e7eb}.welcome-message{text-align:center;padding:60px 20px}.welcome-message h2{margin:0 0 12px;font-size:24px;color:#f8fafc}.welcome-message p{color:#94a3b8;font-size:16px;margin-bottom:24px}.welcome-message .back-btn{margin-top:8px}.auth-form{max-width:400px;margin:3rem auto;padding:2rem;background:linear-gradient(135deg,#0d151ff2,#080c14fa);border:1px solid rgba(0,212,170,.15);border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 30px #00d4aa0d}.auth-form h2{margin:0 0 1.5rem;text-align:center;background:linear-gradient(90deg,#00d4aa,#00f0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-form p{color:var(--text-secondary);margin-bottom:1rem;text-align:center}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:1px solid rgba(100,120,140,.3);background:#000a1499;color:var(--text-primary);border-radius:6px;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.error{background:#7f1d1d80;color:#fca5a5;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(220,38,38,.3)}button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00c4a0,#00a080);color:#fff;border:1px solid rgba(0,212,170,.3);border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #00d4aa4d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.3)}button:hover{background:linear-gradient(135deg,#00d4b0,#00b090);box-shadow:0 6px 25px #00d4aa80,inset 0 1px #fff3}button:disabled{background:#37415180;cursor:not-allowed;box-shadow:none;border-color:#64788c33}.link-btn{background:transparent;color:var(--accent-primary);padding:.5rem;border:none;box-shadow:none}.link-btn:hover{background:transparent;text-decoration:underline;box-shadow:none}.auth-links{margin-top:1rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.app.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.app.loading h1{margin-bottom:1rem}.app.loading p{color:#64748b}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#080c1480}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a3040,#0d1820);border:1px solid rgba(0,212,170,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#204050,#102530);border-color:#00d4aa66}.lobby-container{max-width:800px;margin:0 auto;padding:1rem}.lobby-header{text-align:center;margin-bottom:1.5rem}.lobby-header h2{margin:0 0 .5rem;color:#f8fafc}.lobby-status{color:#94a3b8;font-size:.9rem}.lobby-error{background:#ef444433;border:1px solid #ef4444;color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.lobby-actions{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.host-game-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00c4a0,#00a080);color:#fff;border:1px solid rgba(0,212,170,.3);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #00d4aa4d}.host-game-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#00d4b0,#00b090);box-shadow:0 6px 20px #00d4aa80}.host-game-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{padding:.75rem 1.25rem;background:#374151;color:#e5e7eb;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.hosted-games-list{display:flex;flex-direction:column;gap:.75rem}.no-games{text-align:center;padding:3rem 1rem;background:#0d151fe6;border:1px solid rgba(0,212,170,.1);border-radius:12px;color:var(--text-secondary)}.no-games p{margin:.5rem 0}.no-games .hint{font-size:.9rem;color:var(--text-muted)}.game-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0d151fe6;border-radius:10px;border:1px solid rgba(0,212,170,.15);transition:all .2s}.game-card:hover{background:#00d4aa0d;border-color:#00d4aa4d}.game-info{display:flex;flex-direction:column;gap:.25rem}.game-name{font-weight:700;color:#f8fafc;font-size:1.1rem}.game-host{color:#94a3b8;font-size:.9rem}.join-game-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#00c4a0,#00a080);color:#fff;border:1px solid rgba(0,212,170,.3);border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #00d4aa33}.join-game-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00d4aa66}.join-game-btn:disabled{background:#37415180;cursor:not-allowed;border-color:#64788c33}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-game-modal{background:linear-gradient(135deg,#0d151ffa,#080c14fc);border-radius:12px;padding:1.5rem;width:100%;max-width:400px;border:1px solid rgba(0,212,170,.2);box-shadow:0 25px 80px #000c,0 0 40px #00d4aa1a}.create-game-modal h3{margin:0 0 1rem;color:var(--accent-primary)}.create-game-modal input{width:100%;padding:.75rem;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:6px;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;box-sizing:border-box;transition:all .2s}.create-game-modal input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-actions button{padding:.5rem 1rem;border:1px solid rgba(0,212,170,.3);border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.modal-actions button:first-child{background:linear-gradient(135deg,#00c4a0,#00a080);color:#fff;box-shadow:0 4px 15px #00d4aa4d}.modal-actions .cancel-btn{background:#141e28cc;color:var(--text-primary);border-color:#64788c4d;box-shadow:none}.modal-actions button:hover{transform:translateY(-1px)}.waiting-room{max-width:500px;margin:0 auto;text-align:center}.waiting-room h2{margin:0 0 .5rem;color:#f8fafc}.game-code{color:#94a3b8;margin-bottom:2rem}.game-code strong{color:#60a5fa;font-family:monospace;font-size:1.1em;letter-spacing:.1em}.players-list{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.vs-divider{font-weight:700;color:#64748b;font-size:1.2rem}.player-slot{flex:1;padding:1.25rem 1rem;background:#1f2937;border-radius:12px;border:2px solid #374151;display:flex;flex-direction:column;gap:.5rem}.player-slot.host{border-color:#22c55e}.player-slot.guest{border-color:#3b82f6}.player-slot.empty{border-style:dashed;border-color:#4b5563}.player-badge{display:inline-block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.player-slot .player-name{font-size:1.1rem;font-weight:700;color:#f8fafc}.player-slot .player-elo{color:#94a3b8;font-size:.85rem}.player-slot .waiting-text{color:#64748b;font-style:italic;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.waiting-room-actions{display:flex;gap:1rem;justify-content:center}.start-game-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.start-game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.start-game-btn:disabled{opacity:.5;cursor:not-allowed}.leave-game-btn{padding:.75rem 1.5rem;background:#374151;color:#e5e7eb;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.leave-game-btn:hover{background:#4b5563}.lobby-chat{margin-top:1.5rem;background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:12px;display:flex;flex-direction:column;max-height:300px}.chat-header{padding:.75rem 1rem;border-bottom:1px solid rgba(0,212,170,.15);display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:.9rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px}.online-count{font-size:.8rem;color:#22c55e;display:flex;align-items:center;gap:.35rem}.online-count:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block}.chat-error{background:#ef444433;color:#fca5a5;padding:.5rem 1rem;font-size:.85rem;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-height:120px}.chat-empty{color:var(--text-muted);text-align:center;font-style:italic;padding:2rem 0}.chat-message{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;line-height:1.4}.chat-message.system{justify-content:center;color:var(--text-muted);font-style:italic;font-size:.8rem}.chat-timestamp{color:var(--text-muted);font-size:.7rem;flex-shrink:0}.chat-username{color:var(--accent-primary);font-weight:600;flex-shrink:0}.chat-content{color:var(--text-primary);word-break:break-word}.chat-delete-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:0 .25rem;opacity:0;margin-left:auto}.chat-message:hover .chat-delete-btn{opacity:.6}.chat-delete-btn:hover{opacity:1!important}.chat-input-form{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(0,212,170,.15)}.chat-input-form input{flex:1;padding:.5rem .75rem;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:6px;color:var(--text-primary);font-size:.9rem}.chat-input-form input:focus{outline:none;border-color:var(--accent-primary)}.chat-input-form button{padding:.5rem 1rem;background:linear-gradient(135deg,#00c4a0,#00a080);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.chat-banned-notice{padding:1rem;text-align:center;color:#fca5a5;background:#ef44441a;font-size:.85rem;border-top:1px solid rgba(239,68,68,.2)}.chat-warning{padding:.5rem 1rem;background:#eab30826;color:#fbbf24;font-size:.8rem;border-bottom:1px solid rgba(234,179,8,.3)}.chat-input-area{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05)}.chat-format-toolbar{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.format-btn{width:28px;height:26px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#d1d5db;cursor:pointer;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.format-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.format-btn.format-italic{font-style:italic}.format-btn.format-strike{text-decoration:line-through}.format-btn.format-color .color-icon{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.toolbar-separator{color:#ffffff26;margin:0 .25rem;font-size:.9rem}.color-picker-container{position:relative}.color-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:#1f2937;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem;z-index:100;box-shadow:0 4px 12px #0000004d}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;margin-bottom:.5rem}.color-swatch{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:transform .1s ease}.color-swatch:hover{transform:scale(1.15);border-color:#fff}.color-custom{border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.color-custom input{width:100%;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#0000004d;color:#fff;font-size:.8rem;font-family:monospace}.color-custom input::placeholder{color:#fff6}.emoji-picker-container{position:relative}.emoji-picker{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:#1f2937;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem;z-index:100;box-shadow:0 4px 12px #0000004d;min-width:200px;max-width:280px;max-height:200px;overflow-y:auto}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.emoji-item{width:36px;height:36px;border:none;border-radius:6px;background:#ffffff0d;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.emoji-item:hover{background:#ffffff26}.emoji-item img{width:28px;height:28px;object-fit:contain}.chat-emoji-inline{display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0 1px}.admin-emojis{padding:1rem}.emojis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.emojis-header h3{margin:0;font-size:1.2rem}.emoji-dropzone{border:2px dashed rgba(0,212,170,.3);border-radius:8px;padding:1.5rem;margin-bottom:1rem;text-align:center;background:#00d4aa0d;transition:all .2s ease;cursor:pointer}.emoji-dropzone:hover{border-color:#00d4aa80;background:#00d4aa14}.emoji-dropzone.dragging{border-color:#00d4aa;background:#00d4aa26;transform:scale(1.01)}.emoji-dropzone.uploading{opacity:.7;pointer-events:none}.emoji-dropzone p{margin:.25rem 0;color:#a0a0a0}.emoji-dropzone .dropzone-hint{font-size:.8rem;color:#707070}.emoji-dropzone .dropzone-controls{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:.75rem;flex-wrap:wrap}.emoji-dropzone .dropzone-controls label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#b0b0b0}.emoji-dropzone .dropzone-controls select{padding:.25rem .5rem;background:#00141ecc;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0}.emoji-dropzone .file-input-label{cursor:pointer;color:#00d4aa;text-decoration:underline}.emoji-dropzone .file-input-label:hover{color:#0fc}.bulk-upload-results{background:#00141e99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}.bulk-upload-results .bulk-success{color:#4ade80;margin-bottom:.5rem}.bulk-upload-results .bulk-failed{color:#f87171;margin-bottom:.5rem;font-size:.9rem}.bulk-upload-results .btn-small{margin-top:.5rem}.emoji-categories-manager{background:#00141e66;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem}.categories-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.categories-header>span{color:gray;font-size:.85rem}.categories-list{display:flex;gap:.5rem;flex-wrap:wrap}.category-tag{background:#00d4aa26;border:1px solid rgba(0,212,170,.3);color:#00d4aa;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.category-delete{background:none;border:none;color:#f87171;cursor:pointer;font-size:1rem;line-height:1;padding:0 .15rem;opacity:.6}.category-delete:hover{opacity:1}.add-category{display:flex;gap:.25rem;margin-left:auto}.add-category input{width:120px;padding:.25rem .5rem;background:#00141ecc;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;font-size:.8rem}.add-category button{padding:.25rem .5rem;background:#00d4aa33;border:1px solid rgba(0,212,170,.4);border-radius:4px;color:#00d4aa;cursor:pointer;font-size:.8rem}.add-category button:hover{background:#00d4aa4d}.emoji-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.emoji-admin-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.emoji-admin-item.inactive{opacity:.5}.emoji-preview{width:48px;height:48px;object-fit:contain}.emoji-info{text-align:center;display:flex;flex-direction:column;gap:.25rem}.emoji-shortcode{font-family:monospace;font-size:.9rem;color:#60a5fa}.emoji-category{font-size:.75rem;color:#9ca3af}.emoji-inactive-badge{font-size:.7rem;color:#f87171;background:#f871711a;padding:.1rem .4rem;border-radius:4px}.emoji-actions{display:flex;gap:.5rem}.current-emoji-preview{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:#9ca3af}.current-emoji-preview img{width:32px;height:32px}.admin-banned-words{padding:1rem}.banned-words-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.banned-words-header h3{margin:0;font-size:1.2rem}.severity-legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border-radius:6px;margin-bottom:1rem;font-size:.8rem;color:#9ca3af;align-items:center}.severity-badge{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-filter{background:#9ca3af33;color:#9ca3af}.severity-warn{background:#eab30833;color:#fbbf24}.severity-chatban{background:#f9731633;color:#fb923c}.severity-siteban{background:#ef444433;color:#f87171}.bulk-import-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;margin-bottom:1rem}.bulk-import-section h4{margin:0 0 .75rem;font-size:.95rem;color:#d1d5db}.bulk-import-section textarea{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0003;color:#fff;font-family:monospace;font-size:.85rem;resize:vertical;margin-bottom:.5rem}.bulk-import-actions{display:flex;gap:.5rem;align-items:center}.bulk-import-actions select{padding:.4rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#0003;color:#fff;font-size:.85rem}.btn-add{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .15s ease}.btn-add:hover{background:#1d4ed8}@media (max-width: 600px){.lobby-container{padding:.5rem}.lobby-actions{flex-direction:column;align-items:stretch}.game-card{flex-direction:column;gap:.75rem;align-items:stretch}.game-info{text-align:center}.join-game-btn{width:100%}.players-list{flex-direction:column}.vs-divider{margin:.5rem 0}.waiting-room-actions{flex-direction:column}.start-game-btn,.leave-game-btn{width:100%}}.deck-selection{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;padding:1.5rem;margin-top:1rem}.deck-selection h3{text-align:center;color:#a5b4fc;margin-bottom:.5rem}.deck-selection-subtitle{text-align:center;color:#6b7280;font-size:.9rem;margin-bottom:1rem}.deck-ready-status{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:.75rem;background:#0003;border-radius:8px}.ready-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.ready-indicator.ready{color:#22c55e}.ready-indicator.waiting{color:#6b7280}.ready-indicator:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}.deck-mode-selection{text-align:center}.deck-mode-selection p{color:#9ca3af;margin-bottom:1rem}.deck-mode-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.deck-mode-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;min-width:180px}.deck-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.deck-mode-btn.random-owned{background:linear-gradient(135deg,#059669,#10b981)}.deck-mode-btn.random-owned:hover{box-shadow:0 4px 12px #10b98166}.deck-mode-btn.random-all{background:linear-gradient(135deg,#d97706,#f59e0b)}.deck-mode-btn.random-all:hover{box-shadow:0 4px 12px #f59e0b66}.card-picker{margin-top:1rem}.card-picker p{color:#9ca3af;text-align:center;margin-bottom:1rem}.available-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#0003;border-radius:8px}.pick-card{cursor:pointer;transition:all .2s;border-radius:4px;border:2px solid transparent}.pick-card:hover{transform:scale(1.05);border-color:#6366f1}.pick-card.selected{border-color:#22c55e;box-shadow:0 0 8px #22c55e80}.pick-card.disabled{opacity:.5;cursor:not-allowed}.selected-deck{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px}.selected-deck h4{color:#a5b4fc;text-align:center;margin-bottom:1rem}.selected-cards-row{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.selected-card{position:relative;border:2px solid #22c55e;border-radius:4px}.selected-card .remove-card{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.selected-card .remove-card:hover{background:#dc2626}.deck-selection-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.confirm-deck-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.confirm-deck-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.confirm-deck-btn:disabled{opacity:.5;cursor:not-allowed}.change-mode-btn{padding:.75rem 1.5rem;background:#374151;color:#e5e7eb;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.change-mode-btn:hover{background:#4b5563}@media (max-width: 600px){.deck-selection{padding:1rem}.deck-ready-status{flex-direction:column;gap:.5rem}.deck-mode-buttons{flex-direction:column}.deck-mode-btn{width:100%}.available-cards-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:200px}.selected-cards-row{gap:.25rem}.deck-selection-actions{flex-direction:column}.confirm-deck-btn,.change-mode-btn{width:100%}}.ai-deck-selection{max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;text-align:center}.ai-deck-selection h2{color:#a5b4fc;margin-bottom:.5rem}.ai-deck-selection .deck-selection-subtitle{color:#9ca3af;margin-bottom:1.5rem}.ai-deck-selection .deck-mode-selection{margin-top:1rem}.ai-deck-selection .deck-mode-selection p{color:#9ca3af;margin-bottom:1rem}.ai-deck-selection .deck-mode-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.ai-deck-selection .deck-mode-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;min-width:180px}.ai-deck-selection .deck-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.ai-deck-selection .deck-mode-btn.pick{background:linear-gradient(135deg,#4f46e5,#6366f1)}.ai-deck-selection .deck-mode-btn.random-owned{background:linear-gradient(135deg,#059669,#10b981)}.ai-deck-selection .deck-mode-btn.random-owned:hover{box-shadow:0 4px 12px #10b98166}.ai-deck-selection .deck-mode-btn.random-all{background:linear-gradient(135deg,#d97706,#f59e0b)}.ai-deck-selection .deck-mode-btn.random-all:hover{box-shadow:0 4px 12px #f59e0b66}.ai-deck-selection .deck-loading{padding:2rem;color:#9ca3af}.ai-deck-selection .card-picker{margin-top:1rem}.ai-deck-selection .card-picker p{color:#9ca3af;margin-bottom:1rem}.ai-deck-selection .no-cards-message{color:#f87171;padding:1rem}.ai-deck-selection .available-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.75rem;background:#0003;border-radius:8px}.ai-deck-selection .pick-card{cursor:pointer;transition:all .2s;border-radius:4px;border:2px solid transparent}.ai-deck-selection .pick-card .cardTT{width:75px}.ai-deck-selection .pick-card .cardTT .num{font-size:12px}.ai-deck-selection .pick-card:hover{transform:scale(1.05);border-color:#6366f1}.ai-deck-selection .pick-card.selected{border-color:#22c55e;box-shadow:0 0 8px #22c55e80}.ai-deck-selection .pick-card.disabled{opacity:.5;cursor:not-allowed}.ai-deck-selection .selected-deck{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px}.ai-deck-selection .selected-deck h4{color:#a5b4fc;margin-bottom:1rem}.ai-deck-selection .selected-cards-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.ai-deck-selection .selected-card{position:relative;border:2px solid #22c55e;border-radius:4px}.ai-deck-selection .selected-card .cardTT{width:75px}.ai-deck-selection .selected-card .cardTT .num{font-size:12px}.ai-deck-selection .selected-card .remove-card{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-deck-selection .selected-card .remove-card:hover{background:#dc2626}.ai-deck-selection .deck-selection-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.ai-deck-selection .confirm-deck-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.ai-deck-selection .confirm-deck-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.ai-deck-selection .confirm-deck-btn:disabled{opacity:.5;cursor:not-allowed}.ai-deck-selection .change-mode-btn{padding:.75rem 1.5rem;background:#374151;color:#e5e7eb;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.ai-deck-selection .change-mode-btn:hover{background:#4b5563}@media (max-width: 600px){.ai-deck-selection{padding:1rem;margin:.5rem}.ai-deck-selection .deck-mode-buttons{flex-direction:column}.ai-deck-selection .deck-mode-btn{width:100%}.ai-deck-selection .available-cards-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:200px}.ai-deck-selection .selected-cards-row{gap:.25rem}.ai-deck-selection .deck-selection-actions{flex-direction:column}.ai-deck-selection .confirm-deck-btn,.ai-deck-selection .change-mode-btn{width:100%}}.multiplayer-game{max-width:600px;margin:0 auto;padding:1rem}.mp-game-header{text-align:center;margin-bottom:1.5rem}.mp-players{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.mp-player{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;background:#1f2937;border-radius:10px;border:2px solid #374151;transition:all .3s}.mp-player .player-avatar{width:48px;height:64px;border-radius:4px;flex-shrink:0}.mp-player .player-avatar .avatar-body,.mp-player .player-avatar .avatar-head{width:32px}.mp-player-info{display:flex;flex-direction:column;align-items:flex-start}.mp-player.active{border-color:#22c55e;box-shadow:0 0 15px #22c55e4d}.mp-player.you.active{border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.mp-player-name{font-weight:700;color:#f8fafc;font-size:.9rem}.mp-player-score{font-size:1.25rem;font-weight:700;color:#22c55e}.mp-player.you .mp-player-score{color:#3b82f6}.mp-vs{font-weight:700;color:#64748b;font-size:1.1rem}.mp-status{color:#94a3b8;font-size:.95rem;padding:.5rem 1rem;background:#1f2937;border-radius:6px;display:inline-block}.mp-game-area{display:flex;flex-direction:column;gap:1.5rem}.mp-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#1f2937;padding:10px;border-radius:12px;max-width:320px;margin:0 auto}.mp-cell{aspect-ratio:5 / 7;background:#0f172a;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:default}.mp-cell.empty.clickable{cursor:pointer;background:#1e3a5f}.mp-cell.empty.clickable:hover{background:#2563eb}.mp-cell.last-placed{animation:cellPulse .5s ease-out}.mp-cell.flipped{animation:cellFlip .4s ease-out}@keyframes cellPulse{0%{transform:scale(1.05);box-shadow:0 0 20px #22c55e80}to{transform:scale(1);box-shadow:none}}@keyframes cellFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.mp-card{width:100%;height:100%;display:grid;grid-template-areas:". top ." "left . right" ". bottom .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:4px;border-radius:6px;font-weight:700;position:relative;overflow:hidden}.mp-card .card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.mp-card .card-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;pointer-events:none;z-index:1}.mp-card .card-value{z-index:2}.mp-card.owner-1{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #3b82f6}.mp-card.owner-1 .card-frame{box-shadow:inset 0 0 0 2px #3b82f666}.mp-card.owner-2{background:linear-gradient(135deg,#ef4444,#b91c1c);border:2px solid #ef4444}.mp-card.owner-2 .card-frame{box-shadow:inset 0 0 0 2px #ef444466}.mp-card.gold{border-color:#d4af37;box-shadow:0 0 8px #ffd70080}.mp-card.gold .card-art{filter:sepia(15%) saturate(130%) brightness(105%)}.mp-card.gold .card-frame{box-shadow:inset 0 0 0 2px #ffd70066}.mp-card .card-value{display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mp-card .card-value.top{grid-area:top}.mp-card .card-value.left{grid-area:left}.mp-card .card-value.right{grid-area:right}.mp-card .card-value.bottom{grid-area:bottom}.mp-hand{background:#1f2937;border-radius:12px;padding:1rem}.mp-hand h3{margin:0 0 .75rem;color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.waiting-indicator{animation:pulse 1s ease-in-out infinite}.mp-hand-cards{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.mp-hand-card{width:70px;aspect-ratio:5 / 7;display:grid;grid-template-areas:". top ." "left . right" ". bottom .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:4px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #3b82f6;cursor:default;transition:all .2s;position:relative;overflow:hidden}.mp-hand-card .card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.mp-hand-card .card-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 2px #3b82f666}.mp-hand-card .card-value{z-index:2}.mp-hand-card.gold{border-color:#d4af37;box-shadow:0 0 8px #ffd70080}.mp-hand-card.gold .card-art{filter:sepia(15%) saturate(130%) brightness(105%)}.mp-hand-card.gold .card-frame{box-shadow:inset 0 0 0 2px #ffd70066}.mp-hand-card.selectable{cursor:pointer;animation:selectablePulse .6s ease-in-out}.mp-hand-card.selectable:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #3b82f699;animation:none}.mp-hand-card.selected{border-color:#22c55e;transform:translateY(-6px);box-shadow:0 6px 16px #22c55e80;animation:none}.mp-hand-card .card-value{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mp-hand-card .card-value.top{grid-area:top}.mp-hand-card .card-value.left{grid-area:left}.mp-hand-card .card-value.right{grid-area:right}.mp-hand-card .card-value.bottom{grid-area:bottom}.game-chat{margin-top:1rem;background:#0d151ff2;border-radius:8px;border:1px solid rgba(0,212,170,.2);overflow:hidden;transition:all .3s ease}.game-chat.collapsed .game-chat-header{border-radius:8px}.game-chat-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#00d4aa1a;cursor:pointer;-webkit-user-select:none;user-select:none}.game-chat-title{font-size:.85rem;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:.5rem}.unread-badge{background:#ef4444;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.game-chat-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:.25rem}.game-chat-error{padding:.4rem .75rem;background:#ef444433;color:#fca5a5;font-size:.75rem}.game-chat-messages{max-height:120px;overflow-y:auto;padding:.5rem .75rem}.game-chat-empty{color:var(--text-muted);font-size:.75rem;text-align:center;padding:.5rem 0;font-style:italic}.game-chat-message{font-size:.8rem;margin-bottom:.25rem;line-height:1.3}.game-chat-message.own .game-chat-username{color:#60a5fa}.game-chat-message.quick{font-style:italic;opacity:.9}.game-chat-username{color:var(--accent-primary);font-weight:600;margin-right:.3rem}.game-chat-content{color:var(--text-primary);word-break:break-word}.game-chat-quick-btns{display:flex;gap:.25rem;padding:.4rem .75rem;border-top:1px solid rgba(0,212,170,.1)}.game-chat-quick-btns button{flex:1;padding:.3rem .4rem;background:#00d4aa1a;border:1px solid rgba(0,212,170,.2);border-radius:4px;color:var(--text-secondary);font-size:.7rem;cursor:pointer;transition:all .2s}.game-chat-quick-btns button:hover{background:#00d4aa33;color:var(--text-primary)}.game-chat-quick-btns button:active{transform:scale(.95)}.game-chat-input{display:flex;gap:.25rem;padding:.5rem .75rem;border-top:1px solid rgba(0,212,170,.1)}.game-chat-input input{flex:1;padding:.4rem .6rem;background:#0000004d;border:1px solid rgba(0,212,170,.2);border-radius:4px;color:var(--text-primary);font-size:.8rem}.game-chat-input input:focus{outline:none;border-color:var(--accent-primary)}.game-chat-input input::placeholder{color:var(--text-muted)}.game-chat-input button{padding:.4rem .75rem;background:linear-gradient(135deg,#00c4a0,#00a080);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.game-chat-input button:hover:not(:disabled){background:linear-gradient(135deg,#00d4b0,#00b090)}.game-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.game-chat-messages{max-height:80px}.game-chat-quick-btns button{padding:.25rem .3rem;font-size:.65rem}.game-chat-input input{font-size:.75rem}}.mp-game-over{margin-top:1.5rem;text-align:center}.back-to-lobby-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.back-to-lobby-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.trade-phase{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.trade-phase h3{color:#fbbf24;margin-bottom:.5rem}.trade-instruction{color:#9ca3af;margin-bottom:1rem}.trade-cards{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.trade-card{cursor:pointer;transition:all .2s;border:3px solid transparent;border-radius:8px}.trade-card:hover{transform:translateY(-4px);border-color:#6366f1}.trade-card.selected{border-color:#22c55e;box-shadow:0 0 12px #22c55e80;transform:translateY(-4px)}.trade-card-inner{width:70px;aspect-ratio:5 / 7;background:linear-gradient(135deg,#7f1d1d,#991b1b);border:2px solid #dc2626;border-radius:6px;display:grid;grid-template-areas:". top ." "left . right" ". bottom .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;place-items:center;position:relative}.trade-card-inner .card-value{font-size:.85rem;font-weight:700;color:#fff}.trade-card-inner .card-value.top{grid-area:top}.trade-card-inner .card-value.left{grid-area:left}.trade-card-inner .card-value.right{grid-area:right}.trade-card-inner .card-value.bottom{grid-area:bottom}.trade-card-name{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.5rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.trade-actions{display:flex;justify-content:center;gap:1rem}.confirm-trade-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.confirm-trade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.confirm-trade-btn:disabled{opacity:.5;cursor:not-allowed}.skip-trade-btn{padding:.75rem 1.5rem;background:#374151;color:#e5e7eb;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.skip-trade-btn:hover{background:#4b5563}.trade-waiting{color:#9ca3af;font-style:italic}@media (max-width: 480px){.multiplayer-game{padding:.5rem}.mp-players{gap:.75rem}.mp-player{padding:.5rem 1rem;min-width:80px}.mp-board{max-width:280px;padding:8px;gap:4px}.mp-hand-card{width:60px}.mp-card .card-value,.mp-hand-card .card-value{font-size:.75rem}}.rules-config-screen{max-width:900px;margin:0 auto;padding:1rem}.rules-config-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.rules-config-header h2{flex:1;margin:0;font-size:1.5rem;background:linear-gradient(90deg,#00d4aa,#00f0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.rules-config-header .back-btn{padding:.5rem 1rem;background:#141e28cc;border:1px solid rgba(0,212,170,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}.rules-config-header .back-btn:hover{background:#00d4aa26;border-color:#00d4aa66}.rules-config-header .tooltip-toggle{width:36px;height:36px;padding:0;background:#00141e99;border:1px solid rgba(0,212,170,.2);border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.rules-config-header .tooltip-toggle.active{background:#00d4aa33;border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.rules-warnings{margin-bottom:1rem}.rules-config-screen .rule-warning{background:#451a03;border:1px solid #92400e;color:#fbbf24;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:.5rem}.preset-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:.75rem;background:#0d151fe6;border-radius:8px;border:1px solid rgba(0,212,170,.15)}.preset-label{font-weight:600;color:var(--text-secondary);margin-right:.5rem}.preset-btn{padding:.5rem 1rem;background:#00141e99;border:1px solid rgba(100,120,140,.3);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;transition:all .2s}.preset-btn:hover{background:#00d4aa1a;border-color:#00d4aa4d}.preset-btn.active{background:#00d4aa33;border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.rule-card{background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:10px;padding:1rem}.rule-card-title{font-weight:600;font-size:.95rem;color:var(--accent-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,212,170,.15)}.rule-card .rule-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.rule-card .rule-label{color:#d1d5db;font-size:.9rem}.rule-card select,.rule-card input[type=number]{padding:.4rem .6rem;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:4px;color:var(--text-primary);font-size:.85rem;transition:all .2s}.rule-card select:focus,.rule-card input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.level-range .level-selects{display:flex;align-items:center;gap:.5rem}.level-range .level-selects span{color:#6b7280;font-size:.8rem}.level-range .level-selects select{width:60px}.rule-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem}.rule-checkboxes.vertical{flex-direction:column;gap:.5rem}.rule-card label{display:flex;align-items:center;gap:.4rem;color:#d1d5db;font-size:.9rem;cursor:pointer}.rule-card label:hover{color:#f3f4f6}.rule-card input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.rule-card label.disabled,.rule-card .disabled label{color:#4b5563;cursor:not-allowed}.rule-card .rule-hint{color:#6b7280;font-size:.75rem;margin-left:auto}.capture-rule-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.capture-rule-row label:first-child{min-width:80px}.wall-option{font-size:.8rem!important;color:#9ca3af!important}.wall-option.disabled{color:#4b5563!important}.rule-divider{height:1px;background:#1f2937;margin:.75rem 0}.wall-modifiers{display:flex;gap:1rem;margin-top:.5rem}.wall-value-input{width:60px}.elemental-toggle{margin-bottom:.75rem}.trade-info-card{background:linear-gradient(135deg,#111827,#1e1a2e)}.trade-rules-summary{display:flex;flex-direction:column;gap:.75rem}.trade-rule-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:6px;background:#0003}.trade-rule-item.win{border-left:3px solid #22c55e}.trade-rule-item.lose{border-left:3px solid #ef4444}.trade-icon{font-size:1.25rem;line-height:1}.trade-rule-item div{display:flex;flex-direction:column;gap:.25rem}.trade-rule-item strong{color:#e5e7eb;font-size:.9rem}.trade-detail{color:#6b7280;font-size:.75rem}.active-rules-summary{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap}.summary-label{font-weight:600;color:var(--text-secondary);white-space:nowrap}.rule-badges{display:flex;flex-wrap:wrap;gap:.4rem}.rule-badge{padding:.25rem .6rem;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:12px;color:var(--accent-primary);font-size:.75rem;font-weight:500}.no-rules{color:#6b7280;font-style:italic;font-size:.85rem}.rules-config-actions{display:flex;justify-content:center;gap:1rem}.rules-config-actions .secondary-btn{padding:.75rem 1.5rem;background:#141e28cc;border:1px solid rgba(100,120,140,.3);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;transition:all .2s}.rules-config-actions .secondary-btn:hover{background:#00d4aa1a;border-color:#00d4aa4d}.rules-config-actions .primary-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#00c4a0,#00a080);border:1px solid rgba(0,212,170,.3);border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #00d4aa4d}.rules-config-actions .primary-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#00d4b0,#00b090);box-shadow:0 6px 20px #00d4aa80}.game-layout.no-sidebar{grid-template-columns:1fr 320px;max-width:900px;margin:0 auto}.game-main.no-sidebar{max-width:900px;margin:0 auto}@media (max-width: 900px){.game-layout.no-sidebar{grid-template-columns:1fr}}.game-layout.with-sidebar{grid-template-columns:1fr 280px;max-width:1200px;margin:0 auto;gap:1rem}.game-sidebar{display:flex;flex-direction:column;gap:1rem}@media (max-width: 900px){.game-layout.with-sidebar{grid-template-columns:1fr}.game-sidebar{order:2}}@media (max-width: 600px){.rules-config-screen{padding:.5rem}.rules-config-header h2{font-size:1.25rem}.preset-row{padding:.5rem}.preset-btn{padding:.4rem .75rem;font-size:.8rem}.rules-grid{grid-template-columns:1fr}.rules-config-actions{flex-direction:column}.rules-config-actions button{width:100%}}.waiting-room-rules{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:8px;margin-top:1rem}.waiting-room-rules .rules-label{font-weight:600;color:var(--text-secondary)}.rules-badges-inline{display:flex;flex-wrap:wrap;gap:.3rem}.rule-badge-small{padding:.2rem .5rem;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:10px;color:var(--accent-primary);font-size:.7rem;font-weight:500}.no-rules-text{color:#6b7280;font-style:italic;font-size:.85rem}.game-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.game-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.game-rules-preview{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.rule-badge-tiny{padding:.1rem .4rem;background:#00d4aa1a;border:1px solid rgba(0,212,170,.2);border-radius:8px;color:var(--accent-primary);font-size:.65rem}.rule-badge-tiny.more{background:#1f2937;border-color:#374151;color:#9ca3af}.game-actions{display:flex;gap:.5rem;align-items:center}.preview-rules-btn{padding:.4rem .75rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#9ca3af;font-size:.8rem;cursor:pointer}.preview-rules-btn:hover{background:#374151;color:#e5e7eb}.rules-preview-modal{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:1.5rem;max-width:400px;width:90%}.rules-preview-modal h3{margin:0 0 .5rem;color:#f8fafc}.preview-host{color:#9ca3af;margin:0 0 1rem;font-size:.9rem}.preview-rules-section{margin-bottom:1rem}.preview-rules-section h4{margin:0 0 .5rem;color:#60a5fa;font-size:.9rem}.preview-rules-badges{display:flex;flex-wrap:wrap;gap:.3rem}.preview-rules-details{padding:.75rem;background:#0003;border-radius:6px;font-size:.85rem;color:#d1d5db}.preview-rules-details p{margin:.25rem 0}.mode-admin{background:linear-gradient(135deg,#374151,#1f2937);border:2px solid #6b7280}.mode-admin:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#9ca3af}.admin-badge-header{background:#dc2626;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.admin-panel{max-width:1200px;margin:0 auto}.admin-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.admin-header h2{margin:0;flex:1}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(0,212,170,.2);padding-bottom:.5rem}.admin-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;border-radius:6px 6px 0 0;transition:all .2s}.admin-tab:hover{background:#00d4aa1a;color:var(--text-primary)}.admin-tab.active{background:#00d4aa33;color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.admin-content{background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:8px;padding:1.5rem}.admin-overview{display:flex;flex-direction:column;gap:1.5rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:#00141e99;border:1px solid rgba(0,212,170,.1);padding:1.5rem;border-radius:8px;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,#003c324d,#00141e99);border:1px solid var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-primary)}.stat-card.highlight .stat-value{color:var(--accent-hover)}.stat-label{color:#9ca3af;font-size:.9rem;margin-top:.5rem}.stat-details{background:#1f2937;padding:1rem;border-radius:6px}.stat-details p{margin:.5rem 0;color:#d1d5db}.refresh-btn{align-self:flex-start;padding:.5rem 1rem;background:#374151;border:none;color:#fff;border-radius:6px;cursor:pointer}.refresh-btn:hover{background:#4b5563}.admin-games{display:flex;flex-direction:column;gap:1rem}.games-header{display:flex;justify-content:space-between;align-items:center}.games-header h3{margin:0}.admin-users{display:flex;flex-direction:column;gap:1rem}.users-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.search-input{flex:1;max-width:300px;padding:.5rem 1rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;font-size:1rem}.search-input:focus{outline:none;border-color:#3b82f6}.user-count{color:#9ca3af}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:.75rem;text-align:left;border-bottom:1px solid #374151}.admin-table th{background:#1f2937;color:#9ca3af;font-weight:600;text-transform:uppercase;font-size:.75rem}.admin-table tr:hover{background:#3b82f61a}.admin-table tr.stale{background:#dc262626}.admin-table .mono{font-family:monospace;color:#60a5fa}.admin-table .no-email{color:#6b7280;font-style:italic}.state-badge{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.state-waiting{background:#fbbf24;color:#1f2937}.state-selecting{background:#60a5fa;color:#fff}.state-playing{background:#34d399;color:#1f2937}.state-finished{background:#6b7280;color:#fff}.connected{color:#34d399}.disconnected{color:#ef4444}.admin-badge{padding:.25rem .5rem;border:1px solid #374151;background:#1f2937;color:#9ca3af;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.admin-badge:hover{border-color:#60a5fa}.admin-badge.is-admin{background:#dc2626;border-color:#dc2626;color:#fff}.admin-badge.is-banned{background:#f97316;border-color:#f97316;color:#fff}.btn-small{padding:.3rem .6rem;background:#374151;border:none;color:#fff;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-small:hover{background:#4b5563}.btn-danger{background:#dc2626;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled,.btn-small:disabled{opacity:.5;cursor:not-allowed}.btn-small.btn-danger{background:#dc2626}.btn-small.btn-danger:hover{background:#b91c1c}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.pagination button{padding:.5rem 1rem;background:#374151;border:none;color:#fff;border-radius:6px;cursor:pointer}.pagination button:hover:not(:disabled){background:#4b5563}.pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-modal{max-width:450px}.admin-modal h3{margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #374151}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#9ca3af;font-size:.9rem}.input-row{display:flex;gap:.5rem}.input-row input{flex:1;padding:.5rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb}.input-row input:focus{outline:none;border-color:#3b82f6}.input-row button{padding:.5rem 1rem;background:#3b82f6;border:none;color:#fff;border-radius:6px;cursor:pointer;white-space:nowrap}.input-row button:hover:not(:disabled){background:#2563eb}.input-row button:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%;padding:.5rem 1rem;background:#374151;border:none;color:#fff;border-radius:6px;cursor:pointer}.btn-full:hover:not(:disabled){background:#4b5563}.btn-close{width:100%;margin-top:1rem;padding:.75rem;background:#6b7280;border:none;color:#fff;border-radius:6px;cursor:pointer}.btn-close:hover{background:#4b5563}.reset-link-display{margin-top:.75rem;display:flex;gap:.5rem}.reset-link-display input{flex:1;padding:.5rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#60a5fa;font-family:monospace;font-size:.8rem}.reset-link-display button{padding:.5rem .75rem;background:#374151;border:none;color:#fff;border-radius:6px;cursor:pointer}.reset-link-display button:hover{background:#4b5563}.gold-adjustment{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;padding:1rem;margin-top:1rem}.gold-adjustment label{color:#fbbf24}.gold-adjustment .current-gold{color:#9ca3af;font-weight:400;font-size:.85rem}.gold-adjustment .gold-reason{margin-top:.5rem;font-size:.85rem}.gold-adjustment .input-row input[type=number]{flex:1}.gold-cell{color:#fbbf24;font-weight:500}.super-admin-row{background:#8b5cf61a!important}.super-admin-badge{display:inline-block;margin-left:.5rem;padding:2px 6px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.admin-badge.protected{cursor:default;opacity:.8}.protected-text{color:#8b5cf6;font-size:.8rem;font-style:italic}.no-data{text-align:center;color:#6b7280;padding:2rem}.loading{text-align:center;color:#9ca3af;padding:2rem}.auto-refresh-note{text-align:right;color:#6b7280;font-size:.8rem;margin-top:.5rem}@media (max-width: 768px){.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;text-align:center;padding:.5rem 1rem}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem}.stat-cards{grid-template-columns:repeat(2,1fr)}.users-header{flex-direction:column;align-items:stretch}.search-input{max-width:none}.games-header{flex-direction:column;gap:.5rem}}.admin-cards{display:flex;flex-direction:column;gap:1rem}.cards-header{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cards-header .search-input{flex:1;min-width:150px}.deck-filter{padding:.5rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;min-width:120px}.deck-filter:focus{outline:none;border-color:#3b82f6}.btn-primary{padding:.5rem 1rem;background:linear-gradient(135deg,#00c4a0,#00a080);border:1px solid rgba(0,212,170,.3);color:#fff;border-radius:6px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px #00d4aa33;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00d4b0,#00b090);box-shadow:0 4px 15px #00d4aa66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.card-count{color:#9ca3af;margin-left:auto}.admin-table .card-name{font-weight:600;color:#f8fafc}.admin-table .card-values{font-family:monospace;color:#fbbf24}.admin-table tr.gold-card{background:#fbbf241a}.admin-table tr.gold-card:hover{background:#fbbf2433}.admin-table .level-1,.admin-table .level-2{color:#9ca3af}.admin-table .level-3,.admin-table .level-4{color:#34d399}.admin-table .level-5,.admin-table .level-6{color:#60a5fa}.admin-table .level-7,.admin-table .level-8{color:#a78bfa}.admin-table .level-9{color:#f472b6}.admin-table .level-10{color:#fbbf24}.admin-decks{display:flex;flex-direction:column;gap:1rem}.decks-header{display:flex;justify-content:space-between;align-items:center}.decks-header h3{margin:0}.admin-table .deck-keyword{font-weight:600;color:#60a5fa}.admin-table .deck-desc{color:#9ca3af;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table tr.special-deck{background:#a78bfa1a}.admin-table tr.special-deck:hover{background:#a78bfa33}.card-modal{max-width:550px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;margin-bottom:0}.form-row.values-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.form-row.values-row input{width:100%;padding:.5rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;text-align:center}.form-row.values-row input:focus{outline:none;border-color:#fbbf24}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical;min-height:60px}.form-row.checkboxes{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#d1d5db}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.modal-buttons{display:flex;gap:.75rem;margin-top:1.5rem}.modal-buttons button{flex:1}.modal-buttons .btn-close{margin-top:0;background:#6b7280}.deck-modal{max-width:500px}.deck-cards-modal{max-width:700px;max-height:80vh;overflow-y:auto}.deck-cards-modal .deck-desc{color:#9ca3af;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #374151}.deck-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.deck-card-item{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:.75rem;text-align:center}.deck-card-item.gold{background:linear-gradient(135deg,#3d3314,#1f2937);border-color:#fbbf24}.deck-card-item .dci-name{font-weight:600;font-size:.85rem;color:#f8fafc;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card-item .dci-values{font-family:monospace;color:#fbbf24;font-size:.9rem}.deck-card-item .dci-meta{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.no-cards{text-align:center;color:#6b7280;padding:2rem;grid-column:1 / -1}@media (max-width: 768px){.cards-header{flex-direction:column;align-items:stretch}.cards-header .search-input,.deck-filter{max-width:none}.card-count{margin-left:0;text-align:center}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:1rem}.form-row.values-row,.deck-cards-grid{grid-template-columns:repeat(2,1fr)}.decks-header{flex-direction:column;gap:.5rem}}.card-library{max-width:1200px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.library-title-section h2{margin:0 0 .25rem;font-size:1.75rem}.library-subtitle{color:#9ca3af;margin:0}.library-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(0,212,170,.2);padding-bottom:.5rem}.library-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;border-radius:6px 6px 0 0;transition:all .2s}.library-tab:hover{background:#00d4aa1a;color:var(--text-primary)}.library-tab.active{background:#00d4aa33;color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.library-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.library-search{flex:1;min-width:200px;padding:.6rem 1rem;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:all .2s}.library-search:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.library-filter-select{padding:.6rem;background:#000a1499;border:1px solid rgba(100,120,140,.3);border-radius:6px;color:var(--text-primary);min-width:130px;transition:all .2s}.library-filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.library-clear-btn{padding:.6rem 1rem;background:#6b7280;border:none;color:#fff;border-radius:6px;cursor:pointer}.library-clear-btn:hover{background:#4b5563}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.library-card{background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s}.library-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa33}.library-card.gold{background:linear-gradient(135deg,#2d2815,#111827);border-color:#fbbf24}.library-card.gold:hover{border-color:#fbbf24;box-shadow:0 0 10px #fbbf244d}.library-card .cardTT{width:80px;height:112px;font-size:.85rem}.library-card.compact .cardTT{width:70px;height:98px;font-size:.75rem}.library-card-name{margin-top:.75rem;font-weight:600;color:#f8fafc;text-align:center;font-size:.9rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-info{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.level-badge{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;font-weight:600}.level-badge.level-1,.level-badge.level-2{background:#374151;color:#9ca3af}.level-badge.level-3,.level-badge.level-4{background:#065f46;color:#34d399}.level-badge.level-5,.level-badge.level-6{background:#1e3a5f;color:#60a5fa}.level-badge.level-7,.level-badge.level-8{background:#4c1d95;color:#a78bfa}.level-badge.level-9{background:#831843;color:#f472b6}.level-badge.level-10{background:#78350f;color:#fbbf24}.deck-badge{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;background:#1f2937;color:#9ca3af}.library-loading,.library-error,.library-empty{text-align:center;padding:3rem;color:#9ca3af}.library-error{color:#ef4444}.library-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #1f2937}.library-page-btn{padding:.5rem 1rem;background:#374151;border:none;color:#fff;border-radius:6px;cursor:pointer}.library-page-btn:hover:not(:disabled){background:#4b5563}.library-page-btn:disabled{opacity:.5;cursor:not-allowed}.library-page-info{color:#9ca3af}.decks-list{display:flex;flex-direction:column;gap:.75rem}.deck-item{display:flex;justify-content:space-between;align-items:center;background:#0d151fe6;border:1px solid rgba(0,212,170,.15);border-radius:8px;padding:1rem 1.25rem;transition:all .2s}.deck-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px #00d4aa26}.deck-item.special{background:linear-gradient(135deg,#1e1b4b,#111827);border-color:#a78bfa}.deck-item-info{flex:1}.deck-item-name{margin:0 0 .25rem;font-size:1.1rem;color:var(--accent-primary)}.deck-item-desc{margin:0;color:#9ca3af;font-size:.9rem}.deck-item-authors{margin:.25rem 0 0;color:#6b7280;font-size:.8rem;font-style:italic}.deck-view-btn{padding:.5rem 1rem;background:#374151;border:none;color:#fff;border-radius:6px;cursor:pointer;white-space:nowrap}.deck-view-btn:hover{background:#4b5563}.card-detail-modal{max-width:500px}.card-detail-content{display:flex;gap:1.5rem;margin-bottom:1rem}.card-detail-modal .cardTT.large{width:120px;height:168px;font-size:1.1rem;flex-shrink:0}.card-detail-info{flex:1}.card-detail-info h3{margin:0 0 .75rem;font-size:1.25rem}.card-detail-stats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.card-detail-stats .element-badge{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;background:#1e3a5f;color:#60a5fa}.card-detail-stats .gold-badge{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;background:#78350f;color:#fbbf24}.card-detail-values{font-family:monospace;color:#fbbf24;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}.card-detail-values span:last-child{font-size:.75rem;color:#6b7280}.card-detail-lore{background:#1f2937;border-radius:6px;padding:.75rem;margin-top:.75rem}.card-detail-lore p{margin:0;color:#9ca3af;font-size:.9rem;font-style:italic;line-height:1.5}.deck-view-modal{max-width:800px;max-height:80vh;overflow-y:auto}.deck-view-modal h3{margin-top:0;color:var(--accent-primary)}.deck-view-desc{color:#9ca3af;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #374151}.deck-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.mode-library{background:linear-gradient(135deg,#003c324d,#0f1923e6);border:1px solid rgba(0,212,170,.3)}.mode-library:hover{background:linear-gradient(135deg,#00504666,#003c324d);border-color:var(--accent-primary);box-shadow:0 8px 30px #00d4aa4d}@media (max-width: 768px){.library-header{flex-direction:column;align-items:stretch}.library-filters{flex-direction:column}.library-search,.library-filter-select{width:100%;min-width:auto}.library-grid{grid-template-columns:repeat(2,1fr)}.library-card .cardTT{width:70px;height:98px;font-size:.75rem}.card-detail-content{flex-direction:column;align-items:center}.deck-item{flex-direction:column;gap:.75rem;align-items:stretch}.deck-view-grid{grid-template-columns:repeat(2,1fr)}}.card-store{max-width:1200px;margin:0 auto}.store-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.store-title-section h2{margin:0 0 .25rem;font-size:1.75rem}.store-subtitle{color:#9ca3af;margin:0}.store-header-right{display:flex;align-items:center;gap:1rem}.store-balance{display:flex;gap:1rem;padding:.75rem 1.25rem;background:#0d151fe6;border:1px solid rgba(0,212,170,.2);border-radius:8px}.balance-gold{color:#fbbf24;font-weight:600}.balance-crystals{color:#60a5fa;font-weight:600}.store-loading,.store-error{text-align:center;padding:3rem;color:#9ca3af}.store-error{color:#ef4444}.store-packs-section{margin-bottom:2rem}.store-packs-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem}.store-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.pack-card{background:#0d151fe6;border:2px solid rgba(0,212,170,.2);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.pack-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 30px #00d4aa40}.pack-card.selected{border-color:var(--accent-primary);background:#00d4aa1a;box-shadow:0 0 20px #00d4aa4d}.pack-card.insufficient{opacity:.6}.pack-card.insufficient:hover{border-color:#ef4444;box-shadow:0 8px 30px #ef444433}.pack-icon{font-size:3rem;margin-bottom:.75rem}.pack-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.pack-stats{display:flex;gap:.75rem;margin-bottom:.5rem}.pack-cards{font-size:.9rem;color:#9ca3af}.pack-rares{font-size:.85rem;color:#a78bfa;background:#a78bfa26;padding:.15rem .5rem;border-radius:4px}.pack-bonus{font-size:.9rem;color:#60a5fa;background:#60a5fa26;padding:.25rem .5rem;border-radius:4px;margin-bottom:.5rem}.pack-price{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-top:.5rem}.pack-desc{font-size:.8rem;color:#6b7280;margin-top:.5rem;font-style:italic}.store-purchase-panel{background:#0d151ff2;border:1px solid rgba(0,212,170,.3);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.store-purchase-panel h3{margin:0 0 1rem;color:var(--accent-primary)}.purchase-details{display:flex;flex-direction:column;gap:1rem}.purchase-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0000004d;border-radius:8px}.purchase-info-row{display:flex;justify-content:space-between;color:#9ca3af}.purchase-info-row.bonus{color:#60a5fa}.purchase-info-row.price{font-size:1.1rem;font-weight:600;color:#fbbf24;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.purchase-deck-select{display:flex;flex-direction:column;gap:.5rem}.purchase-deck-select label{font-weight:600;color:var(--text-primary)}.purchase-deck-select select{padding:.75rem;background:#000a14cc;border:1px solid rgba(100,120,140,.3);border-radius:6px;color:var(--text-primary);font-size:1rem}.purchase-deck-select select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.purchase-error{color:#ef4444;background:#ef44441a;padding:.75rem;border-radius:6px;text-align:center}.purchase-buttons{display:flex;gap:1rem;margin-top:.5rem}.purchase-btn{flex:1;padding:1rem;background:linear-gradient(135deg,var(--accent-primary),#00a888);border:none;border-radius:8px;color:#0d151f;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4aa66}.purchase-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{padding:1rem;background:#374151;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer}.cancel-btn:hover{background:#4b5563}.insufficient-warning{color:#ef4444;text-align:center;font-size:.9rem;margin-top:.5rem}.pack-reveal-modal{background:linear-gradient(135deg,#0d151f,#1a2535);border:2px solid rgba(0,212,170,.3);border-radius:16px;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;text-align:center}.pack-reveal-modal h2{margin:0 0 1.5rem;color:var(--accent-primary);font-size:1.75rem}.reveal-single{display:flex;flex-direction:column;align-items:center;gap:1rem}.reveal-card{padding:1.5rem;border-radius:12px;background:#0000004d;display:flex;flex-direction:column;align-items:center;animation:cardReveal .4s ease-out}@keyframes cardReveal{0%{transform:scale(.8) rotateY(180deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.reveal-card.legendary{background:linear-gradient(135deg,#78350f66,#0000004d);border:2px solid #fbbf24;box-shadow:0 0 30px #fbbf244d}.reveal-card.very-rare{background:linear-gradient(135deg,#83184366,#0000004d);border:2px solid #f472b6;box-shadow:0 0 20px #f472b64d}.reveal-card.rare{background:linear-gradient(135deg,#4c1d9566,#0000004d);border:2px solid #a78bfa;box-shadow:0 0 20px #a78bfa4d}.reveal-card.uncommon{background:linear-gradient(135deg,#1e3a5f66,#0000004d);border:2px solid #60a5fa}.reveal-card.common{border:1px solid rgba(100,120,140,.3)}.reveal-card .cardTT{width:120px;height:168px;font-size:1.1rem}.reveal-card-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:1rem}.reveal-card-info{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.new-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.reveal-progress{color:#9ca3af;font-size:.9rem}.reveal-buttons{display:flex;gap:1rem;margin-top:1rem}.reveal-next-btn{padding:.75rem 2rem;background:linear-gradient(135deg,var(--accent-primary),#00a888);border:none;border-radius:8px;color:#0d151f;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.reveal-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4aa66}.reveal-all-btn{padding:.75rem 1.5rem;background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer}.reveal-all-btn:hover{background:#4b5563}.reveal-all{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;width:100%}.reveal-card-small{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:8px;background:#0000004d}.reveal-card-small.legendary{background:linear-gradient(135deg,#78350f4d,#0000004d);border:1px solid #fbbf24}.reveal-card-small.very-rare{background:linear-gradient(135deg,#8318434d,#0000004d);border:1px solid #f472b6}.reveal-card-small.rare{background:linear-gradient(135deg,#4c1d954d,#0000004d);border:1px solid #a78bfa}.reveal-card-small.uncommon{border:1px solid #60a5fa}.reveal-card-small.common{border:1px solid rgba(100,120,140,.2)}.reveal-card-small .cardTT{width:60px;height:84px;font-size:.65rem}.reveal-card-small .reveal-card-name{font-size:.75rem;margin-top:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-card-small .level-badge{margin-top:.25rem}.reveal-card-small .new-badge{font-size:.6rem;padding:.1rem .3rem;margin-top:.25rem}.reveal-bonus{padding:1rem;background:#60a5fa26;border:1px solid #60a5fa;border-radius:8px}.crystal-bonus{font-size:1.25rem;font-weight:700;color:#60a5fa}.close-reveal-btn{padding:.75rem 2rem;background:#374151;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer}.close-reveal-btn:hover{background:#4b5563}.mode-store{background:linear-gradient(135deg,#fbbf2426,#0f1923e6);border:1px solid rgba(251,191,36,.3)}.mode-store:hover{background:linear-gradient(135deg,#fbbf2440,#fbbf241a);border-color:#fbbf24;box-shadow:0 8px 30px #fbbf2440}@media (max-width: 768px){.store-header{flex-direction:column;align-items:stretch}.store-header-right{flex-direction:column;gap:.75rem}.store-balance{justify-content:center}.store-packs-grid{grid-template-columns:1fr}.pack-card{padding:1.25rem}.pack-icon{font-size:2.5rem}.purchase-buttons{flex-direction:column}.reveal-grid{grid-template-columns:repeat(2,1fr)}.reveal-card .cardTT{width:100px;height:140px;font-size:1rem}.pack-reveal-modal{padding:1.25rem}}.store-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.store-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px 8px 0 0;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all .2s ease}.store-tab:hover{color:var(--text-bright);background:#ffffff0d}.store-tab.active{color:var(--accent);background:#3b82f61a;border-bottom:2px solid var(--accent)}.store-premium-section{padding:1rem 0}.store-premium-section h3{margin:0 0 .5rem;color:var(--text-bright);font-size:1.25rem}.premium-desc{color:var(--text-muted);margin:0 0 1.5rem}.premium-login-warning{padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;text-align:center}.premium-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.premium-product-card{background:#0f172a99;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.premium-product-card:hover{border-color:var(--accent);transform:translateY(-2px)}.premium-product-card.membership-product{background:linear-gradient(135deg,#fbbf2426,#0f172ae6);border-color:#fbbf2466}.premium-product-card.membership-product:hover{border-color:#fbbf24;box-shadow:0 4px 20px #fbbf2440}.product-icon{font-size:2.5rem;margin-bottom:.75rem}.product-name{font-weight:600;color:var(--text-bright);margin-bottom:.75rem;font-size:1.1rem}.product-rewards{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.reward-item{font-size:.95rem;padding:.25rem .5rem;border-radius:4px;background:#0000004d}.reward-item.gold{color:#fbbf24}.reward-item.crystal{color:#a78bfa}.reward-item.token{color:#60a5fa}.product-price{font-size:1.1rem;color:#22c55e;margin-bottom:1rem}.paypal-form{margin-top:.5rem}.paypal-buy-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#ffc439,#ffba00);border:none;border-radius:6px;color:#003087;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.paypal-buy-btn:hover{background:linear-gradient(135deg,#ffd36e,#ffc439);transform:translateY(-1px);box-shadow:0 4px 12px #ffc4394d}.paypal-buy-btn.crystal-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.paypal-buy-btn.crystal-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 12px #8b5cf64d}.premium-note{padding:1rem;background:#3741514d;border-radius:8px;border-left:3px solid var(--accent)}.premium-note p{margin:.5rem 0;color:var(--text-muted);font-size:.9rem}.premium-note p:first-child{margin-top:0}.premium-note p:last-child{margin-bottom:0}@media (max-width: 768px){.store-tabs{flex-direction:column;gap:.25rem}.store-tab{border-radius:8px;border-bottom:none;text-align:center}.store-tab.active{border-bottom:none;border-left:3px solid var(--accent)}.premium-products-grid{grid-template-columns:1fr}}.avatar-builder{max-width:1000px;margin:0 auto;padding:1.5rem}.avatar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.avatar-header h2{margin:0;color:var(--text-bright)}.avatar-loading,.avatar-error{text-align:center;padding:2rem;color:var(--text-muted)}.avatar-error{color:#ef4444;background:#ef44441a;border-radius:8px;margin-bottom:1rem}.avatar-content{display:grid;grid-template-columns:200px 1fr;gap:2rem}.avatar-preview-section{position:sticky;top:1rem}.avatar-preview-section h3{margin:0 0 1rem;color:var(--text-bright);text-align:center}.avatar-preview{position:relative;width:144px;height:192px;margin:0 auto;background:#111;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.avatar-layer{position:absolute;left:50%;transform:translate(-50%);image-rendering:pixelated}.avatar-layer.avatar-bg{width:100%;height:100%;top:0;left:0;transform:none;object-fit:cover}.avatar-layer.avatar-body,.avatar-layer.avatar-head{bottom:0;width:96px;height:auto}.avatar-preview-name{text-align:center;margin-top:.75rem;color:var(--text-bright);font-weight:600}.avatar-controls{display:flex;flex-direction:column;gap:1.5rem}.avatar-section h3{margin:0 0 .75rem;color:var(--text-bright);font-size:1rem}.gender-toggle{display:flex;gap:.5rem}.gender-btn{flex:1;padding:.75rem 1rem;background:#0f172a99;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all .2s ease}.gender-btn:hover{border-color:var(--accent);color:var(--text-bright)}.gender-btn.active{background:#3b82f633;border-color:var(--accent);color:var(--accent)}.avatar-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#0f172a66;border-radius:8px}.avatar-part-option{width:64px;height:64px;object-fit:contain;background:#111;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;image-rendering:pixelated}.avatar-part-option:hover{border-color:var(--accent);transform:scale(1.05)}.avatar-part-option.selected{border-color:#22c55e;box-shadow:0 0 8px #22c55e66}.avatar-actions{margin-top:2rem;text-align:center}.save-avatar-btn{padding:1rem 3rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-avatar-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.save-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.player-avatar{position:relative;width:72px;height:96px;background:#111;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.player-avatar .avatar-layer{position:absolute;image-rendering:pixelated}.player-avatar .avatar-bg{width:100%;height:100%;top:0;left:0;object-fit:cover}.player-avatar .avatar-body,.player-avatar .avatar-head{bottom:0;left:50%;transform:translate(-50%);width:48px;height:auto}.mode-avatar{background:linear-gradient(135deg,#a855f726,#0f1923e6);border:1px solid rgba(168,85,247,.3)}.mode-avatar:hover{background:linear-gradient(135deg,#a855f740,#a855f71a);border-color:#a855f7;box-shadow:0 8px 30px #a855f740}@media (max-width: 768px){.avatar-content{grid-template-columns:1fr}.avatar-preview-section{position:static;order:-1}.avatar-preview{width:120px;height:160px}.avatar-layer.avatar-body,.avatar-layer.avatar-head{width:80px}.avatar-parts-grid{max-height:150px}}.deck-builder{max-width:1200px;margin:0 auto;padding:1.5rem}.deck-builder-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.deck-builder-header h2{margin:0;color:var(--text-bright)}.submissions-list{margin-top:1rem}.submissions-actions{margin-bottom:1.5rem}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.submission-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.submission-card h3{margin:0 0 .5rem;color:var(--text-bright)}.submission-card .sub-keyword{font-family:monospace;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.submission-card .sub-cards{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.submission-card .sub-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.submission-card .sub-notes{font-size:.85rem;color:#e74c3c;background:#e74c3c1a;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.submission-card .sub-actions{display:flex;gap:.5rem;margin-top:1rem}.submission-card .waiting-review{font-size:.85rem;color:#f39c12}.submission-card .approved-text{font-size:.85rem;color:#2ecc71}.deck-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.deck-status-badge.status-draft{background:#95a5a633;color:#95a5a6}.deck-status-badge.status-submitted{background:#f39c1233;color:#f39c12}.deck-status-badge.status-approved{background:#2ecc7133;color:#2ecc71}.deck-status-badge.status-rejected{background:#e74c3c33;color:#e74c3c}.create-submission{max-width:600px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.create-submission h3{margin-top:0;color:var(--text-bright)}.create-submission .form-group{margin-bottom:1rem}.create-submission .form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.create-submission .form-group input,.create-submission .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:1rem}.create-submission .form-group textarea{min-height:100px;resize:vertical}.create-submission .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.edit-submission{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.edit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.edit-header h3{margin:0 0 .5rem;color:var(--text-bright)}.edit-header .edit-keyword{font-family:monospace;color:var(--text-muted);margin-bottom:.5rem}.card-entry-section{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.card-entry-section h4{margin-top:0;color:var(--text-bright)}.card-form{display:flex;flex-direction:column;gap:.75rem}.card-form .form-row{display:flex;gap:.5rem;align-items:center}.card-form input[type=text]{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.card-form select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.card-form .values-row{justify-content:center}.card-form .values-row label{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.card-form .values-row input{width:50px;padding:.5rem;text-align:center;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.spreadsheet-upload{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.spreadsheet-upload p{margin-bottom:.5rem;color:var(--text-secondary)}.spreadsheet-upload small{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.8rem}.validation-section{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.validation-result{margin-top:1rem;padding:1rem;border-radius:6px}.validation-result.valid{background:#2ecc711a;border:1px solid rgba(46,204,113,.3)}.validation-result.invalid{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3)}.validation-result h5{margin:0 0 .5rem}.validation-result .valid h5{color:#2ecc71}.validation-result .invalid h5{color:#e74c3c}.val-errors,.val-warnings{margin-top:.5rem;font-size:.85rem}.val-errors{color:#e74c3c}.val-warnings{color:#f39c12}.val-errors ul,.val-warnings ul{margin:.25rem 0 0 1.25rem;padding:0}.cards-table-wrapper{overflow-x:auto}.cards-table{width:100%;border-collapse:collapse;font-size:.9rem}.cards-table th,.cards-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.cards-table th{background:#0003;color:var(--text-secondary);font-weight:600}.cards-table .card-values{font-family:monospace}.cards-table tr.has-errors{background:#e74c3c1a}.upload-label{cursor:pointer;padding:.25rem .5rem;background:var(--primary-color);border-radius:4px;font-size:.85rem}.has-image{color:#2ecc71}.no-image{color:var(--text-muted)}.card-error,.card-warning{cursor:help}.card-ok{color:#2ecc71}.btn-tiny{padding:.2rem .5rem;font-size:.8rem;border-radius:3px}.no-submissions{text-align:center;padding:3rem;color:var(--text-secondary)}.admin-submissions{padding:1rem 0}.submissions-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.submissions-filter span{color:var(--text-secondary)}.submissions-filter button{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.submissions-filter button:hover{border-color:var(--primary-color);color:var(--text-primary)}.submissions-filter button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sub-status{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.sub-status-draft{background:#95a5a633;color:#95a5a6}.sub-status-submitted{background:#f39c1233;color:#f39c12}.sub-status-approved{background:#2ecc7133;color:#2ecc71}.sub-status-rejected{background:#e74c3c33;color:#e74c3c}.status-row-submitted{background:#f39c120d}.mono{font-family:monospace}.submission-modal{max-width:800px;max-height:90vh;overflow-y:auto}.submission-modal .sub-keyword{font-family:monospace;color:var(--text-secondary)}.submission-modal .admin-notes{background:#e74c3c1a;padding:.5rem;border-radius:4px;color:#e74c3c;margin-top:.5rem}.submission-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1rem 0;max-height:300px;overflow-y:auto;padding:.5rem;background:#0000001a;border-radius:4px}.sub-card-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;font-size:.8rem}.sub-card-item.has-errors{border-color:#e74c3c;background:#e74c3c1a}.sub-card-name{font-weight:600;color:var(--text-bright);margin-bottom:.25rem}.sub-card-values{font-family:monospace;color:var(--text-secondary)}.sub-card-element{color:var(--text-muted)}.sub-card-image{font-size:.75rem}.sub-card-errors{color:#e74c3c;font-size:.7rem;margin-top:.25rem}.submission-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.submission-actions .reject-notes{margin-bottom:1rem}.submission-actions .reject-notes label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.submission-actions .reject-notes textarea{width:100%;min-height:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);resize:vertical}.submission-actions .action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-success{background:#27ae60;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-success:hover{background:#2ecc71}.btn-warning{background:#e67e22;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-warning:hover{background:#f39c12}.btn-danger{background:#c0392b;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-danger:hover{background:#e74c3c}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-secondary:hover{border-color:var(--primary-color);color:var(--text-primary)}.mode-btn.mode-deckbuilder{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.mode-btn.mode-deckbuilder:hover{background:linear-gradient(135deg,#9b59b6,#a569bd)}@media (max-width: 768px){.deck-builder{padding:1rem}.deck-builder-header{flex-direction:column;align-items:flex-start;gap:1rem}.submissions-grid{grid-template-columns:1fr}.card-form .form-row{flex-wrap:wrap}.submission-modal{max-width:95vw}.submission-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.submissions-filter{justify-content:flex-start}.submission-actions .action-buttons{flex-direction:column}.submission-actions .action-buttons button{width:100%}}.wager-input{margin-top:1rem;padding:1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px}.wager-input label{display:block;color:#fbbf24;margin-bottom:.5rem;font-weight:500}.wager-input input{width:100%;padding:.5rem;background:#000a1499;border:1px solid rgba(234,179,8,.3);border-radius:4px;color:#fbbf24;font-size:1.1rem}.wager-input input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 10px #eab3084d}.wager-note{display:block;margin-top:.5rem;font-size:.8rem;color:#9ca3af}.wager-locked{color:#6b7280;font-style:italic;margin-top:1rem;padding:.75rem;background:#6b72801a;border-radius:4px;text-align:center}.game-wager{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-size:.75rem;font-weight:600;border-radius:4px;margin-left:.5rem;vertical-align:middle}.waiting-room-wager{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:#eab30826;border:1px solid rgba(234,179,8,.3);border-radius:8px}.waiting-room-wager .wager-label{color:#9ca3af}.waiting-room-wager .wager-amount{color:#fbbf24;font-weight:600;font-size:1.1rem}.match-wager{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#eab30826;border:1px solid rgba(234,179,8,.3);border-radius:6px;margin:.5rem 0}.match-wager .wager-label{color:#9ca3af;font-size:.9rem}.match-wager .wager-amount{color:#fbbf24;font-weight:600;font-size:1rem}.wager-result{margin:1rem 0;padding:1rem 1.5rem;border-radius:8px;text-align:center;font-size:1.25rem;font-weight:600}.wager-result p{margin:0}.wager-result.won{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.wager-result.lost{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.wager-result.draw{background:#eab30833;border:1px solid rgba(234,179,8,.4);color:#fbbf24}.preview-wager{margin-top:1rem;padding:1rem;background:#eab30826;border:1px solid rgba(234,179,8,.3);border-radius:8px;text-align:center}.wager-badge-large{display:block;font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:.25rem}.wager-pool-info{font-size:.9rem;color:#9ca3af}@media (max-width: 768px){.wager-input{padding:.75rem}.match-wager{padding:.4rem .75rem}.wager-result{padding:.75rem 1rem;font-size:1.1rem}.wager-badge-large{font-size:1.25rem}}.header-icon-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.header-icon-btn:hover{background:#00d4aa26}.notification-bell{position:relative;display:inline-block}.bell-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;position:relative;transition:background .2s}.bell-btn:hover{background:#00d4aa26}.bell-icon{display:inline-block}.bell-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:10px;min-width:16px;text-align:center}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-heavy);z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-card)}.notification-header span{font-weight:600;color:var(--text-primary)}.mark-all-read{background:transparent;border:none;color:var(--accent-primary);font-size:.8rem;cursor:pointer}.mark-all-read:hover{text-decoration:underline}.notification-list{max-height:340px;overflow-y:auto}.notification-loading,.notification-empty{padding:2rem;text-align:center;color:var(--text-muted)}.notification-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .2s}.notification-item:hover{background:#00d4aa0d}.notification-item.unread{background:#00d4aa1a;border-left:3px solid var(--accent-primary)}.notification-title{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.notification-message{color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{color:var(--text-muted);font-size:.75rem}.bug-report-modal{width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.bug-report-modal .form-group{margin-bottom:1rem}.bug-report-modal label{display:block;margin-bottom:.35rem;color:var(--text-secondary);font-size:.9rem}.bug-report-modal input[type=text],.bug-report-modal textarea,.bug-report-modal select{width:100%;padding:.6rem .8rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.95rem}.bug-report-modal input:focus,.bug-report-modal textarea:focus,.bug-report-modal select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-subtle)}.btn-upload{padding:.5rem 1rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-upload:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.file-list{margin-top:.5rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:var(--bg-card);border-radius:4px;margin-bottom:.25rem;font-size:.85rem}.file-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item button{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:0 .25rem}.form-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.my-tickets{padding:1rem;max-width:1200px;margin:0 auto}.tickets-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tickets-header h2{margin:0;color:var(--text-primary)}.tickets-filters{margin-bottom:1rem}.tickets-filters select{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary)}.tickets-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:500px}@media (max-width: 900px){.tickets-layout{grid-template-columns:1fr}}.tickets-list{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.ticket-item{padding:1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .2s}.ticket-item:hover{background:#00d4aa0d}.ticket-item.selected{background:#00d4aa1a;border-left:3px solid var(--accent-primary)}.ticket-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;margin-bottom:.5rem}.ticket-title{font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.ticket-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.ticket-category{text-transform:capitalize}.ticket-detail{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:1.5rem}.ticket-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ticket-detail-header h3{margin:0;color:var(--text-primary);flex:1}.ticket-info p{margin:.35rem 0;color:var(--text-secondary);font-size:.9rem}.ticket-description,.ticket-error,.ticket-attachments,.ticket-comments{margin-top:1.5rem}.ticket-description h4,.ticket-error h4,.ticket-attachments h4,.ticket-comments h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.ticket-description p{color:var(--text-primary);white-space:pre-wrap}.ticket-error pre{background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.75rem;border-radius:6px;font-size:.85rem;overflow-x:auto;color:#fca5a5}.attachment-grid{display:flex;flex-wrap:wrap;gap:.5rem}.attachment-thumb{width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle)}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.no-comments{color:var(--text-muted);font-style:italic}.comment{background:var(--bg-card);border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem}.comment.admin-comment{border-left:3px solid var(--accent-primary)}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.comment-author{font-weight:600;color:var(--text-primary);font-size:.9rem}.admin-tag{background:var(--accent-primary);color:var(--bg-darkest);font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.internal-tag{background:#f59e0b;color:var(--bg-darkest);font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.comment-date{color:var(--text-muted);font-size:.75rem;margin-left:auto}.comment-content{color:var(--text-secondary);font-size:.9rem;white-space:pre-wrap}.add-comment{margin-top:1rem}.add-comment textarea{width:100%;padding:.6rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);resize:vertical}.add-comment button{margin-top:.5rem;padding:.5rem 1rem;background:var(--btn-primary-bg);border:none;border-radius:6px;color:#fff;cursor:pointer}.add-comment button:disabled{opacity:.5;cursor:not-allowed}.confirm-resolved{margin-top:1.5rem;padding:1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;text-align:center}.confirm-resolved p{color:#a78bfa;margin:0 0 .75rem}.btn-confirm{padding:.6rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.admin-support{padding:1rem 0}.support-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.support-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.support-filters select{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary)}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-new{background:#3b82f6;color:#fff}.status-badge.status-in_progress{background:#f59e0b;color:#fff}.status-badge.status-needs_testing{background:#8b5cf6;color:#fff}.status-badge.status-resolved{background:#10b981;color:#fff}.status-badge.status-closed{background:#6b7280;color:#fff}.priority-badge{display:inline-block;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-badge.priority-low{background:#6b728033;color:#9ca3af}.priority-badge.priority-medium{background:#3b82f633;color:#60a5fa}.priority-badge.priority-high{background:#f59e0b33;color:#fbbf24}.priority-badge.priority-critical{background:#ef444433;color:#f87171}.ticket-row.status-new{background:#3b82f60d}.ticket-row.status-in_progress{background:#f59e0b0d}.ticket-title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-badge{display:inline-block;background:#ef4444;color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:10px;margin-left:.35rem;min-width:16px;text-align:center}.ticket-modal{width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.ticket-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:8px}.meta-item label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.meta-item select{width:100%;padding:.4rem .6rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:.9rem}.ticket-info-section,.ticket-description-section,.ticket-error-section,.ticket-attachments-section,.ticket-comments-section{margin-bottom:1.5rem}.ticket-info-section p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}.ticket-description-section p,.ticket-error-section pre{background:var(--bg-card);padding:1rem;border-radius:6px;margin:0}.ticket-description-section p{white-space:pre-wrap;color:var(--text-primary)}.comments-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.comment.internal{border-left:3px solid #f59e0b;background:#f59e0b1a}.add-comment-form textarea{width:100%;padding:.6rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);resize:vertical;margin-bottom:.5rem}.comment-options{display:flex;justify-content:space-between;align-items:center}.comment-options label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.comment-options button{padding:.5rem 1rem;background:var(--btn-primary-bg);border:none;border-radius:6px;color:#fff;cursor:pointer}.comment-options button:disabled{opacity:.5;cursor:not-allowed}.mode-btn.mode-tickets{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mode-btn.mode-tickets:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}