@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-dark:#07050d;--bg-panel:#131022;--text-main:#f8f9fa;--text-muted:#9ca3af;--accent-gold:gold;--accent-gold-hover:#ffea00;--accent-magic:#7209b7;--accent-danger:#ef233c;--accent-success:#06d6a0;--glass-bg:#13102299;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#7209b726 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ffd7000d 0%,#0000 50%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}a{color:var(--accent-gold);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-gold-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--accent-gold) 0%, #d4af37 100%);color:#000;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);font-family:var(--font-heading);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes pulse-glow{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 10px #ffd70000}to{box-shadow:0 0 #ffd70000}}.animate-pulse{animation:2s infinite pulse-glow}.main-nav{z-index:100;border-radius:12px;margin:16px 24px;padding:16px 24px;position:sticky;top:16px}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.5px;font-size:24px;font-weight:700}.logo span{color:var(--accent-gold)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-main);font-weight:500;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent-gold)}.nav-links a.active:after{content:"";background-color:var(--accent-gold);width:100%;height:2px;box-shadow:0 0 8px var(--accent-gold);border-radius:2px;position:absolute;bottom:-6px;left:0}.nav-links a.active[href=\/ygoadmin]{color:#ef4444!important}.nav-links a.active[href=\/ygoadmin]:after{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.home-container{padding-bottom:96px;position:relative;overflow:hidden}.bg-glow-orb{filter:blur(130px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.orb-purple{background:#7209b72e;width:450px;height:450px;animation:12s ease-in-out infinite alternate pulse-glow-purple;top:10%;left:-10%}.orb-gold{background:#ffd7001a;width:400px;height:400px;animation:14s ease-in-out infinite alternate pulse-glow-gold;top:40%;right:-5%}@keyframes pulse-glow-purple{0%{opacity:.6;transform:scale(1)translate(0)}to{opacity:.95;transform:scale(1.15)translate(40px,30px)}}@keyframes pulse-glow-gold{0%{opacity:.5;transform:scale(1)translate(0)}to{opacity:.85;transform:scale(1.2)translate(-30px,40px)}}.hero{z-index:2;justify-content:space-between;align-items:center;gap:64px;min-height:85vh;padding:0 5%;display:flex;position:relative}.hero-content{flex-direction:column;flex:1.2;gap:20px;max-width:650px;display:flex}.hero h1{font-family:var(--font-heading);letter-spacing:-1px;background:linear-gradient(135deg, #fff 30%, var(--accent-gold) 70%, #ff8c00 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #00000080;-webkit-background-clip:text;margin:0;font-size:4.5rem;font-weight:700;line-height:1.05}.hero-subtitle{color:var(--text-muted);margin:0 0 15px;font-size:1.25rem;line-height:1.65}.hero-actions{gap:20px;display:flex}.hero-graphic-container{perspective:1200px;z-index:2;flex:.8;justify-content:center;align-items:center;height:480px;display:flex;position:relative}.cards-fan-3d{width:250px;height:360px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.165,.84,.44,1);position:relative}.cards-fan-3d:hover{transform:rotateX(12deg)rotateY(-8deg)rotate(-1deg)}.fan-card-3d{transform-origin:bottom;background-color:#1a1525;border:1px solid #ffffff0d;border-radius:12px;width:250px;height:360px;transition:all .7s cubic-bezier(.165,.84,.44,1);position:absolute;overflow:hidden;box-shadow:0 15px 40px #000000b3,0 0 15px #7209b740}.fan-card-3d img{object-fit:cover;pointer-events:none;width:100%;height:100%}.fan-card-3d.card-1{z-index:10;transform:rotate(-12deg)translate(-45px)translateZ(10px)}.fan-card-3d.card-2{z-index:20;transform:rotate(-4deg)translate(-15px)translateZ(40px)}.fan-card-3d.card-3{z-index:30;transform:rotate(4deg)translate(15px)translateZ(70px)}.fan-card-3d.card-4{z-index:40;transform:rotate(12deg)translate(45px)translateZ(100px)}.cards-fan-3d:hover .fan-card-3d.card-1{transform:rotate(-22deg)translate(-110px)translateY(-15px)translateZ(20px)rotateY(-8deg);box-shadow:0 25px 45px #000000b3,0 0 20px #7209b773}.cards-fan-3d:hover .fan-card-3d.card-2{transform:rotate(-7deg)translate(-40px)translateY(-8px)translateZ(60px)rotateY(-4deg);box-shadow:0 25px 45px #000000b3,0 0 20px #7209b773}.cards-fan-3d:hover .fan-card-3d.card-3{transform:rotate(7deg)translate(40px)translateY(-8px)translateZ(100px)rotateY(4deg);box-shadow:0 25px 45px #000000b3,0 0 20px #ffd70066}.cards-fan-3d:hover .fan-card-3d.card-4{transform:rotate(22deg)translate(110px)translateY(-15px)translateZ(140px)rotateY(8deg);box-shadow:0 25px 45px #000000b3,0 0 20px #ffd70066}.stats-ribbon{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:1100px;box-shadow:var(--glass-shadow), inset 0 1px 1px #ffffff0a;z-index:2;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:24px;margin:10px auto 48px;padding:24px 36px;display:grid;position:relative}.stat-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.stat-item:after{content:"";background:#ffffff14;width:1px;height:50%;position:absolute;right:-12px}.stat-item:last-child:after{display:none}.stat-val{font-family:var(--font-heading);color:var(--accent-gold);text-shadow:0 0 15px #ffd70040;margin-bottom:2px;font-size:2.5rem;font-weight:700}.stat-lbl{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.8rem}.features{z-index:2;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1100px;margin:32px auto 0;padding:0 20px;display:grid;position:relative}.feature-card{text-align:left;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);border-radius:16px;padding:36px;transition:all .4s cubic-bezier(.165,.84,.44,1)}.feature-card:hover{box-shadow:var(--glass-shadow), 0 0 20px #7209b726;border-color:#7209b740;transform:translateY(-6px)}.feature-icon{color:var(--accent-gold);filter:drop-shadow(0 0 8px #ffd70040);margin-bottom:20px}.feature-card h3{font-family:var(--font-heading);margin-bottom:12px;font-size:1.4rem;font-weight:600}.feature-card p{color:var(--text-muted);line-height:1.6}.market-highlights{z-index:2;max-width:1100px;margin:80px auto 0;padding:0 20px;position:relative}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.section-header h2{font-family:var(--font-heading);background:linear-gradient(135deg, #fff 40%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.25rem;font-weight:700}.section-header p{color:var(--text-muted);margin:8px 0 0;font-size:1rem}.view-all-link{color:var(--accent-gold);align-items:center;gap:8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.view-all-link:hover{color:var(--accent-gold-hover);text-shadow:0 0 8px #ffd7004d;transform:translate(4px)}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;display:grid}.highlight-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex}.highlight-card:hover{box-shadow:var(--glass-shadow), 0 0 20px #7209b733;border-color:#ffd70033;transform:translateY(-8px)}.highlight-img-container{aspect-ratio:.73;background:#110d1a;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.highlight-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.highlight-card:hover .highlight-img-container img{transform:scale(1.05)}.highlight-condition-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-gold);background:#07050dd9;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:600;position:absolute;top:8px;right:8px}.highlight-card-info{flex-direction:column;gap:4px;display:flex}.highlight-card-title{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.highlight-card-seller{color:var(--text-muted);font-size:.8rem}.highlight-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.highlight-card-price{font-family:var(--font-heading);color:#10b981;font-size:1.2rem;font-weight:700}.btn-details-link{color:var(--accent-gold);background:#ffd70014;border:1px solid #ffd70040;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s}.btn-details-link:hover{background:var(--accent-gold);color:var(--bg-dark);box-shadow:0 0 10px #ffd7004d}.cta-banner{z-index:2;max-width:1100px;margin:96px auto 0;padding:0 20px;position:relative}.cta-banner-content{background:radial-gradient(circle at top right, #7209b726, #07050d66), var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-shadow:var(--glass-shadow), 0 0 30px #7209b71a;border:1px solid #7209b733;border-radius:24px;flex-direction:column;align-items:center;gap:24px;padding:60px 40px;display:flex}.cta-banner h2{font-family:var(--font-heading);background:linear-gradient(135deg, #fff 40%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.cta-banner p{max-width:600px;color:var(--text-muted);margin:0;font-size:1.1rem;line-height:1.6}.cta-banner-actions{gap:16px;margin-top:8px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:80vh;display:flex}.auth-card{text-align:left;width:100%;max-width:450px;padding:40px}.auth-card h2{background:linear-gradient(to right, var(--accent-gold), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem}.auth-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.auth-error{border:1px solid var(--accent-danger);color:#ff8585;background:#ef233c26;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--glass-border);color:var(--text-main);font-family:var(--font-body);background:#ffffff0d;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-group select option{color:#fff;background-color:#131022}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);background:#ffffff14;outline:none;box-shadow:0 0 10px #ffd7001a}.auth-submit{justify-content:center;margin-top:10px}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.9rem}.toggle-btn{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:600;transition:color .2s}.toggle-btn:hover{color:var(--accent-gold-hover);text-decoration:underline}.user-menu{align-items:center;gap:16px;display:flex}.username{color:var(--accent-gold);font-weight:500}.logout-btn{border-radius:6px;padding:6px 12px;font-size:.85rem}.deckbuilder-page{grid-template-columns:220px 1fr 360px;gap:20px;height:calc(100vh - 100px);margin-top:20px;padding-bottom:20px;display:grid}.decks-sidebar{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.decks-sidebar h3{border-bottom:1px solid var(--glass-border);color:var(--accent-gold);padding-bottom:10px;font-size:1.2rem}.btn-full{justify-content:center;width:100%}.sidebar-decks-list{flex-direction:column;gap:10px;display:flex}.sidebar-deck-item{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;padding:12px;transition:all .2s;display:flex}.sidebar-deck-item:hover{background:#ffffff0d;border-color:#ffffff26}.sidebar-deck-item.active{border-color:var(--accent-gold);background:#ffd7000d}.sidebar-deck-item span{font-size:.95rem;font-weight:600}.sidebar-deck-item small{color:var(--text-muted);margin-top:4px}.no-decks{color:var(--text-muted);text-align:center;margin-top:20px;font-size:.9rem}.builder-main{flex-direction:column;gap:20px;height:100%;display:flex}.builder-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.deck-name-input{border:none;border-bottom:2px solid var(--glass-border);color:var(--text-main);font-family:var(--font-heading);background:0 0;width:60%;padding-bottom:4px;font-size:1.5rem;font-weight:700;transition:border-color .2s}.deck-name-input:focus{border-color:var(--accent-gold);outline:none}.builder-workspace{flex-direction:column;flex:1;gap:20px;min-height:0;display:flex}.card-selector{flex-direction:column;flex-shrink:0;gap:16px;height:300px;padding:20px;display:flex}.selector-filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-box{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:200px;padding:10px 14px;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;width:100%;font-size:.95rem}.search-box input:focus{outline:none}.filter-buttons{gap:8px;display:flex}.filter-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff05;border-radius:6px;flex:1;padding:6px;font-size:.8rem;font-weight:500;transition:all .2s}.filter-btn:hover{background:#ffffff0d}.filter-btn.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.cards-loading{text-align:center;color:var(--text-muted);margin-top:40px}.cards-grid{scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;padding:8px;display:grid;overflow-y:auto}.card-grid-item{aspect-ratio:2/3;cursor:pointer;border:1px solid #0000;border-radius:6px;width:100%;transition:all .2s;position:relative;overflow:hidden}.card-grid-item:hover{border-color:var(--accent-gold);transform:scale(1.05);box-shadow:0 0 10px #ffd70033}.card-thumb{object-fit:cover;width:100%;height:100%}.card-name-overlay{text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#000c;padding:4px;font-size:.65rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.card-grid-item:hover .card-name-overlay{opacity:1}.deck-editor{flex-direction:column;flex:1;gap:24px;min-height:0;padding:20px;display:flex;overflow-y:auto}.deck-section{flex-direction:column;gap:10px;display:flex}.deck-section h4{color:var(--accent-gold);border-bottom:1px solid var(--glass-border);padding-bottom:6px;font-size:1rem}.deck-cards-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;display:grid}.deck-card-item{aspect-ratio:2/3;cursor:pointer;border:1px solid #0000;border-radius:4px;transition:all .2s;overflow:hidden}.deck-card-item:hover{border-color:var(--accent-danger);transform:scale(1.05);box-shadow:0 0 10px #ef233c4d}.deck-card-item img{object-fit:cover;width:100%;height:100%}.card-detail-preview{scrollbar-width:thin;scrollbar-color:#ffd70033 transparent;height:100%;padding:20px;overflow-y:auto}.preview-empty{color:var(--text-muted);text-align:center;margin-top:50%;font-size:.95rem}.preview-content{flex-direction:column;gap:14px;display:flex}.preview-img{image-rendering:auto;border-radius:10px;width:100%;max-width:100%;height:auto;display:block;box-shadow:0 12px 32px #0009,0 0 0 1px #ffd7001a}.card-type-badge{text-transform:uppercase;border-radius:4px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.card-type-badge.Monster{color:#fff;background:#b97d10}.card-type-badge.Spell{color:#fff;background:#1d9e74}.card-type-badge.Trap{color:#fff;background:#bc265e}.preview-details{flex-direction:column;gap:10px;font-size:.88rem;display:flex}.preview-stats{flex-wrap:wrap;gap:8px;display:flex}.preview-stat-badge{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;padding:3px 10px;font-size:.78rem;font-weight:700}.preview-desc-header{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.preview-desc-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.preview-desc-toggle{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:all .2s}.preview-desc-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffd7001a}.preview-desc{color:var(--text-main);white-space:pre-line;background:#00000040;border:1px solid #ffffff12;border-radius:8px;padding:12px 14px;font-size:.83rem;line-height:1.65}.lobby-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.lobby-card{text-align:left;width:100%;max-width:600px;padding:40px}.lobby-subtitle{color:var(--text-muted);margin-bottom:24px}.create-room-box{gap:12px;margin-bottom:32px;display:flex}.create-room-box input{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff0d;border-radius:8px;flex:1;padding:12px 16px;font-size:1rem}.create-room-box input:focus{border-color:var(--accent-gold);outline:none}.rooms-section h3{color:var(--accent-gold);margin-bottom:16px;font-size:1.2rem}.rooms-grid{flex-direction:column;gap:12px;display:flex}.room-item{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.room-info h4{margin-bottom:4px;font-size:1.1rem}.room-info span{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.no-rooms{color:var(--text-muted);text-align:center;padding:20px;font-style:italic}.join-pw-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s both fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.join-pw-modal{text-align:center;border:1px solid #ffd70026;flex-direction:column;align-items:center;gap:16px;width:min(420px,96vw);padding:36px 32px;animation:.35s cubic-bezier(.34,1.56,.64,1) both pwModalIn;display:flex}@keyframes pwModalIn{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.join-pw-icon{filter:drop-shadow(0 0 20px #ffd70066);font-size:3rem;line-height:1;animation:2s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.join-pw-modal h3{color:var(--accent-gold);margin:0;font-size:1.4rem}.join-pw-modal p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.join-pw-input{width:100%;color:var(--text-main);font-family:var(--font-body);letter-spacing:.08em;background:#00000059;border:1.5px solid #ffffff1f;border-radius:10px;outline:none;padding:13px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.join-pw-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #ffd7001f}.join-pw-input::placeholder{color:#ffffff4d;letter-spacing:normal}.join-pw-actions{gap:12px;width:100%;margin-top:4px;display:flex}.join-pw-actions .btn-secondary{flex:1;justify-content:center}.join-pw-actions .btn-primary{flex:2;justify-content:center}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2200;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s both fadeInOverlay;display:flex;position:fixed;inset:0}.custom-modal{text-align:center;border:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:18px;width:min(440px,96vw);padding:36px 32px;animation:.35s cubic-bezier(.34,1.56,.64,1) both pwModalIn;display:flex;position:relative;overflow:hidden}.custom-modal.modal-victory{border-color:#ffd70066;box-shadow:0 0 30px #ffd70026}.custom-modal.modal-victory h3{color:var(--accent-gold);text-shadow:0 0 10px #ffd7004d}.custom-modal.modal-defeat{border-color:#ff4b4b4d;box-shadow:0 0 30px #ff4b4b26}.custom-modal.modal-defeat h3{color:#ff4b4b;text-shadow:0 0 10px #ff4b4b4d}.custom-modal.modal-error h3{color:#ff4b4b}.custom-modal.modal-warning{border-color:#ffa5004d;box-shadow:0 0 25px #ffa5001a}.custom-modal.modal-warning h3{color:orange}.custom-modal.modal-confirm{border-color:#00bfff4d;box-shadow:0 0 25px #00bfff1a}.custom-modal.modal-confirm h3{color:#00bfff}.custom-modal.modal-success{border-color:#10b98166;box-shadow:0 0 30px #10b98126}.custom-modal.modal-success h3{color:#10b981;text-shadow:0 0 10px #10b9814d}.custom-modal.modal-error{border-color:#ef444466;box-shadow:0 0 30px #ef444426}.custom-modal.modal-error h3{color:#ef4444;text-shadow:0 0 10px #ef44444d}.custom-modal-icon{filter:drop-shadow(0 0 15px);font-size:3.5rem;line-height:1;animation:2s ease-in-out infinite iconPulse}.custom-modal h3{color:var(--accent-gold);letter-spacing:.05em;margin:0;font-size:1.5rem}.custom-modal p{color:var(--text-main);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.6}.custom-modal-actions{gap:12px;width:100%;margin-top:10px;display:flex}.custom-modal-actions button{flex:1;justify-content:center;padding:12px;font-size:.95rem}.game-lobby-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.game-lobby-card{width:100%;max-width:800px;padding:40px}.players-setup{justify-content:space-between;align-items:center;gap:32px;margin-top:32px;display:flex}.player-setup-box{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding:32px 24px;display:flex}.avatar{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50%;padding:20px}.avatar-icon{color:var(--accent-gold)}.deck-selector-box{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.deck-selector-box select{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff0d;border-radius:6px;padding:10px;font-size:.9rem}.btn-ready{justify-content:center;width:100%}.btn-ready.ready{background:var(--accent-success);color:#000}.vs-divider{font-family:var(--font-heading);color:var(--text-muted);font-size:2.5rem;font-weight:900}.status-badge{background:#ffffff0d;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700}.status-badge.ready{color:var(--accent-success);background:#06d6a033}.playroom-page{box-sizing:border-box;height:calc(100vh - 80px);padding:16px;overflow:hidden}.playroom-layout{grid-template-columns:280px 1fr 300px;gap:16px;height:100%;max-height:100%;display:grid;overflow:hidden}.game-status-panel{flex-direction:column;gap:16px;height:100%;max-height:100%;padding:16px;display:flex;overflow:hidden}.lp-trackers{flex-direction:column;gap:12px;display:flex}.player-lp-box{border:1px solid var(--glass-border);background:#ffffff05;border-radius:8px;padding:12px 16px}.opponent-lp{border-left:4px solid var(--accent-danger)}.my-lp{border-left:4px solid var(--accent-success)}.lp-val{font-family:var(--font-heading);margin-top:4px;font-size:1.8rem;font-weight:700;display:block}.lp-adjusters{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.lp-adjusters button{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:4px 0;font-size:.65rem}.lp-adjusters button:hover{background:#ffffff1a}.game-logs{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.logs-list{scrollbar-gutter:stable;background:#0003;border-radius:8px;flex-direction:column;flex:1;gap:6px;padding:10px;font-size:.8rem;line-height:1.4;display:flex;overflow-y:auto}.log-entry{border-bottom:1px solid #ffffff05;padding-bottom:4px}.board-container{background:radial-gradient(circle,#1b162f 0%,#07050d 100%);border:1px solid #ffd70026;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:12px;display:flex;position:relative;overflow:hidden}.playfield-scalable{transform-origin:0 0;flex-direction:column;flex-shrink:0;justify-content:space-around;width:840px;height:640px;transition:transform .1s ease-out;display:flex;position:absolute;top:0;left:0}.board-half{flex-direction:column;flex:1;justify-content:space-around;display:flex;position:relative}.board-divider{background:linear-gradient(90deg,#0000,#ffd700a6,#0000);height:2px;margin:16px 0;box-shadow:0 0 10px #ffd70066}.board-row{justify-content:center;align-items:center;gap:16px;display:flex}.spells-zones,.monsters-zones{gap:10px;display:flex}.board-slot{cursor:pointer;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:91px;height:136px;transition:all .2s;display:flex;position:relative}.board-slot:hover{background:#ffd70008;border-color:#ffd7004d}.board-slot.drag-over{transform:scale(1.03);border:1.5px solid var(--accent-gold)!important;background:#ffd70014!important;box-shadow:0 0 15px #ffd70066!important}.board-slot.monster-slot{background:#ff7f5005;border:1.5px dashed #ff7f5040}.board-slot.monster-slot:hover{background:#ff7f500d;border-color:#ff7f5099;box-shadow:0 0 8px #ff7f5026}.board-slot.monster-slot .slot-indicator{color:#ff7f5059}.board-slot.spell-slot{background:#00ced105;border:1.5px dashed #00ced140}.board-slot.spell-slot:hover{background:#00ced10d;border-color:#00ced199;box-shadow:0 0 8px #00ced126}.board-slot.spell-slot .slot-indicator{color:#00ced159}.board-slot.field-spell-slot{background:#32cd3205;border:1.5px dashed #32cd3240}.board-slot.field-spell-slot:hover{background:#32cd320d;border-color:#32cd3299;box-shadow:0 0 8px #32cd3226}.board-slot.field-spell-slot .slot-indicator{color:#32cd3259}.board-slot.deck-slot{background:#1e90ff08;border:1.5px solid #1e90ff4d}.board-slot.deck-slot:hover{background:#1e90ff14;border-color:#1e90ffb3;box-shadow:0 0 10px #1e90ff33}.board-slot.deck-slot .slot-indicator{color:#1e90ff66}.board-slot.extra-deck-slot{background:#ba55d308;border:1.5px solid #ba55d34d}.board-slot.extra-deck-slot:hover{background:#ba55d314;border-color:#ba55d3b3;box-shadow:0 0 10px #ba55d333}.board-slot.extra-deck-slot .slot-indicator{color:#ba55d366}.board-slot.gy-slot{background:#a9a9a908;border:1.5px solid #a9a9a94d}.board-slot.gy-slot:hover{background:#a9a9a914;border-color:#a9a9a9b3;box-shadow:0 0 10px #a9a9a933}.board-slot.gy-slot .slot-indicator{color:#a9a9a966}.board-slot.banished-slot{background:#dc143c08;border:1.5px solid #dc143c4d}.board-slot.banished-slot:hover{background:#dc143c14;border-color:#dc143cb3;box-shadow:0 0 10px #dc143c33}.board-slot.banished-slot .slot-indicator{color:#dc143c66}.slot-indicator{color:#fff3;text-transform:uppercase;font-size:.65rem}.card-on-field{border-radius:4px;width:100%;height:100%;transition:all .2s;overflow:hidden;box-shadow:0 4px 10px #00000080}.card-thumb.defense{transform:rotate(90deg)scale(.65)}.card-thumb.facedown{background-image:url(/card_back.png);background-size:cover}.count-badge{background:var(--accent-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-6px;right:-6px}.opponent-hand-section,.player-hand-section{-webkit-backdrop-filter:blur(16px);z-index:10;box-sizing:border-box;background:#0d0816bf;border:1px solid #ffd70040;border-radius:14px;justify-content:flex-start;align-items:center;gap:20px;width:95%;max-width:95%;height:160px;margin:12px auto;padding:10px 24px;transition:all .3s;display:flex;box-shadow:0 10px 30px #000000bf,0 0 20px #ffd7001a}.opponent-hand,.my-hand{scrollbar-width:thin;scrollbar-color:#ffd7004d transparent;flex-grow:1;align-items:center;gap:8px;padding:6px 4px;display:flex;overflow-x:auto}.opponent-hand::-webkit-scrollbar{height:4px}.my-hand::-webkit-scrollbar{height:4px}.opponent-hand::-webkit-scrollbar-track{background:0 0}.my-hand::-webkit-scrollbar-track{background:0 0}.opponent-hand::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px}.my-hand::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px}.opp-hand-card-back{cursor:pointer;background-image:url(/card_back.png);background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:90px;height:130px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 6px 16px #0000008c}.opp-hand-card-back:hover{z-index:9999!important;transform:translateY(-20px)!important;box-shadow:0 12px 25px #000000b3,0 0 15px #ffd70059!important}.btn-reveal-hand{color:var(--accent-gold);font-family:var(--font-heading);cursor:pointer;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-reveal-hand:hover{background:#ffd70033;border-color:#ffd70080;transform:translateY(-1px);box-shadow:0 0 10px #ffd70033}.btn-reveal-hand:active{transform:translateY(0)}.card-back-small{background-image:url(/card_back.png);background-size:cover;border-radius:3px;width:45px;height:65px;box-shadow:0 2px 5px #0000004d}.hand-card-item{cursor:pointer;border-radius:6px;flex-shrink:0;width:90px;height:130px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 6px 16px #0000008c}.hand-card-item.card-just-drawn{animation:.4s cubic-bezier(.34,1.56,.64,1) both cardSlideIn}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.hand-card-item:hover{z-index:9999!important;transform:translateY(-20px)!important;box-shadow:0 12px 25px #000000b3,0 0 15px #ffd70059!important}.hand-card-item img,.card-thumb{object-fit:cover;width:100%;height:100%}.game-chat-panel{flex-direction:column;gap:16px;height:100%;max-height:100%;padding:16px;display:flex;overflow:hidden}.voice-controls{border-bottom:1px solid var(--glass-border);padding-bottom:12px}.voice-btn-group{margin-top:10px}.voice-btn{justify-content:center;width:100%}.chat-tabs{background:#0003;border-radius:8px;gap:4px;padding:3px;display:flex}.chat-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 8px;font-size:.75rem;font-weight:600;transition:all .2s;overflow:hidden}.chat-tab-btn.active{color:var(--accent-gold);background:#ffd7001f;border:1px solid #ffd70033}.chat-box{flex-direction:column;flex:1;min-height:0;display:flex}.chat-log{scrollbar-gutter:stable;background:#0003;border-radius:8px;flex-direction:column;flex:1;gap:8px;padding:10px;font-size:.85rem;display:flex;overflow-y:auto}.chat-msg{word-break:break-word}.chat-msg strong{color:var(--accent-gold);margin-right:6px}.chat-input-form{gap:8px;margin-top:10px;display:flex}.chat-input-form input{border:1px solid var(--glass-border);color:var(--text-main);font-size:.9rem;font-family:var(--font-body);background:#ffffff0d;border-radius:6px;flex:1;padding:8px 12px}.chat-input-form input:focus{border-color:var(--accent-gold);outline:none}.chat-input-form button{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;display:flex}.ai-chat-log{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ffd70033 transparent;background:#0003;border-radius:8px;flex-direction:column;flex:1;gap:10px;padding:10px;font-size:.82rem;display:flex;overflow-y:auto}.ai-msg{flex-direction:column;gap:2px;display:flex}.ai-msg.user-msg{align-items:flex-end}.ai-msg.ai-msg-item{align-items:flex-start}.ai-bubble{white-space:pre-line;word-break:break-word;border-radius:10px;max-width:92%;padding:8px 11px;line-height:1.5}.user-msg .ai-bubble{color:var(--text-main);background:#ffd7001f;border:1px solid #ffd7002e;border-bottom-right-radius:3px}.ai-msg-item .ai-bubble{color:var(--text-main);background:#7209b726;border:1px solid #7209b740;border-bottom-left-radius:3px}.ai-msg-label{color:var(--text-muted);padding:0 4px;font-size:.65rem}.ai-input-form{flex-direction:column;gap:6px;margin-top:10px;display:flex}.ai-input-row{gap:6px;display:flex}.ai-input-form textarea{border:1px solid var(--glass-border);color:var(--text-main);font-size:.82rem;font-family:var(--font-body);resize:none;background:#ffffff0d;border-radius:6px;flex:1;min-height:52px;max-height:90px;padding:8px 10px;line-height:1.4}.ai-input-form textarea:focus{border-color:#7209b780;outline:none}.ai-send-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7209b7 0%,#560bad 100%);border:none;border-radius:6px;align-self:flex-end;align-items:center;gap:4px;padding:0 14px;font-size:.8rem;font-weight:700;transition:opacity .2s;display:flex}.ai-send-btn:hover{opacity:.85}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-thinking{background:#7209b71a;border:1px solid #7209b733;border-radius:10px 10px 10px 3px;align-items:center;gap:4px;width:fit-content;padding:8px 11px;display:flex}.ai-thinking-dot{background:#7209b7b3;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotBounce}.ai-thinking-dot:nth-child(2){animation-delay:.2s}.ai-thinking-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.action-modal-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.action-modal{flex-direction:row;align-items:flex-start;gap:24px;width:min(820px,96vw);max-height:92vh;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) both modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.action-modal-left{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.action-preview-img{border-radius:8px;width:200px;display:block;box-shadow:0 12px 28px #0009,0 0 0 2px #ffd70026}.action-card-stats{color:var(--text-muted);gap:10px;font-size:.78rem;font-weight:600;display:flex}.action-card-stats span{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px}.action-modal-right{flex-direction:column;flex:1;gap:12px;min-width:0;max-height:calc(92vh - 48px);display:flex;overflow:hidden}.action-modal-right h3{color:var(--accent-gold);font-size:1.15rem;line-height:1.3}.action-card-type-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.action-desc-section{scrollbar-width:thin;scrollbar-color:#ffd70040 transparent;background:#00000040;border:1px solid #ffffff12;border-radius:8px;max-height:160px;padding:10px 12px;overflow-y:auto}.action-desc-section::-webkit-scrollbar{width:4px}.action-desc-section::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:4px}.action-desc-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.action-desc-header span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.action-desc-lang-toggle{color:var(--accent-gold);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:2px 7px;font-size:.68rem;transition:all .15s}.action-desc-lang-toggle:hover{background:#ffd7001a}.action-desc-text{color:var(--text-main);white-space:pre-line;font-size:.82rem;line-height:1.55}.action-desc-loading{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;font-style:italic;display:flex}.action-desc-loading:before{content:"";border:2px solid #ffd7004d;border-top-color:var(--accent-gold);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-buttons{flex-direction:column;gap:7px;width:100%;display:flex}.action-buttons button{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;text-align:left;background:#ffffff0d;border-radius:6px;padding:9px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.action-buttons button:hover{background:#ffffff1a;border-color:#fff3;transform:translate(3px)}.action-buttons .btn-cancel{background:var(--accent-danger);color:#fff;text-align:center;border:none;margin-top:6px}.action-buttons .btn-cancel:hover{background:#d90429;transform:none}.voice-btn.active-call{border-color:var(--accent-success);color:var(--accent-success);background:#06d6a026;animation:2s infinite call-pulse;box-shadow:0 0 10px #06d6a033}@keyframes call-pulse{0%{box-shadow:0 0 #06d6a066}70%{box-shadow:0 0 0 8px #06d6a000}to{box-shadow:0 0 #06d6a000}}.browser-modal{background:var(--bg-panel);border:1px solid var(--accent-gold);border-radius:12px;flex-direction:column;gap:16px;width:90%;max-width:900px;max-height:80vh;padding:24px;display:flex}.browser-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.browser-header h2{color:var(--accent-gold);font-size:1.5rem}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.btn-close:hover{color:var(--text-main)}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding-right:8px;display:grid;overflow-y:auto}.browser-card-item{aspect-ratio:2/3;cursor:pointer;border:2px solid #0000;border-radius:4px;transition:all .2s;overflow:hidden}.browser-card-item:hover{border-color:var(--accent-gold);transform:scale(1.05);box-shadow:0 0 10px #ffd7004d}.browser-card-item img{object-fit:cover;width:100%;height:100%}.playroom-preview{justify-content:center;align-items:center;height:380px;max-height:380px;display:flex;overflow:hidden;box-shadow:none!important;border:1px solid var(--glass-border)!important;background:#ffffff03!important;border-radius:12px!important;padding:8px!important}.playroom-preview .preview-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.playroom-preview .preview-img{object-fit:contain;border-radius:12px;width:100%;height:100%;margin:0;box-shadow:0 10px 30px #0009}.card-on-field.banished{filter:grayscale(.5)sepia(.5)hue-rotate(320deg)brightness(.6)}.holographic-card{transform-style:preserve-3d;height:360px;transition:transform .1s,box-shadow .3s;position:relative;overflow:hidden;border:1px solid var(--accent-gold)!important;background:#131022b3!important;border-radius:16px!important;box-shadow:0 0 25px #ffd70026!important}.holographic-card:hover{box-shadow:0 0 35px #ffd7004d!important}.holographic-card.Monster{border-color:#b97d10!important;box-shadow:0 0 25px #b97d1040!important}.holographic-card.Spell{border-color:#1d9e74!important;box-shadow:0 0 25px #1d9e7440!important}.holographic-card.Trap{border-color:#bc265e!important;box-shadow:0 0 25px #bc265e40!important}.preview-empty-holo{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.holo-grid{background-image:linear-gradient(#ffd7001a 1px,#0000 1px),linear-gradient(90deg,#ffd7001a 1px,#0000 1px);background-size:12px 12px;border:1px solid #ffd70033;border-radius:8px;width:120px;height:120px;margin-bottom:20px;animation:3s infinite alternate grid-flicker}@keyframes grid-flicker{0%{opacity:.3;transform:scale(.95)rotate(0)}to{opacity:.8;transform:scale(1.05)rotate(5deg)}}.phases-bar-wrapper{border:1px solid var(--glass-border);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 16px;display:flex}.turn-indicator{font-family:var(--font-heading);font-weight:700}.badge-turn{border-radius:6px;padding:6px 12px;font-size:.8rem}.badge-turn.my-turn{background:var(--accent-success);color:#000;box-shadow:0 0 10px #06d6a04d}.badge-turn.opp-turn{color:var(--text-muted);background:#ffffff0d}.phases-bar{gap:4px;display:flex}.phase-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.phase-btn:hover:not(:disabled){color:var(--text-main);background:#ffffff0d}.phase-btn.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold);box-shadow:0 0 10px #ffd70033}.end-turn-btn{border-radius:6px!important;padding:6px 16px!important;font-size:.8rem!important}.rps-modal{text-align:center!important;max-width:500px!important;padding:32px!important}.rps-status{color:var(--text-muted);margin-top:16px;margin-bottom:36px;font-size:1.1rem}.rps-options{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.rps-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:8px;padding:16px 24px;font-size:1.1rem;transition:all .2s}.rps-btn:hover{border-color:var(--accent-gold);background:#ffffff14;transform:translateY(-2px)}.rps-btn.selected{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffd7001a}.rps-starter-selection{justify-content:center;gap:16px;display:flex}.rps-starter-selection button{padding:12px 24px;font-size:.95rem}.summon-animation{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards summon-glow}@keyframes summon-glow{0%{box-shadow:0 0 50px var(--accent-gold);opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1);box-shadow:0 4px 10px #00000080}}.lp-custom-adjuster{gap:6px;margin-top:8px;display:flex}.lp-custom-adjuster input{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff0d;border-radius:4px;flex:1;width:60px;padding:4px 8px;font-size:.75rem}.lp-custom-adjuster input:focus{border-color:var(--accent-gold);outline:none}.lp-custom-adjuster button{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:all .2s}.lp-custom-adjuster button:hover{background:#ffffff1a;border-color:#fff3}.opponent-hand-header,.player-hand-header{width:200px;color:var(--text-muted);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.game-tools-section{border-bottom:1px solid var(--glass-border);padding-bottom:12px}.game-tools-section h4{margin-bottom:8px}.tools-btn-group{gap:8px;display:flex}.tools-btn-group button{flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.75rem;display:flex}.card-thumb.targeted{animation:1s infinite alternate target-pulse;border:2px solid var(--accent-danger)!important;box-shadow:0 0 15px #ef233c99!important}@keyframes target-pulse{0%{border-color:#ef233c99;box-shadow:0 0 5px #ef233c66}to{border-color:#ef233c;box-shadow:0 0 20px #ef233ccc}}.card-text-panel{border:1px solid var(--glass-border);scrollbar-gutter:stable;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:8px;max-height:250px;margin-top:16px;padding:16px;overflow-y:auto}.card-text-name{color:var(--accent-gold);text-shadow:0 0 10px #d4af374d;margin-top:0;margin-bottom:8px;font-size:1.1rem;font-weight:700}.card-text-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:.8rem;display:flex}.card-text-description{color:var(--text-main);white-space:pre-line;font-size:.85rem;line-height:1.5}.card-text-empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:.85rem}.card-draw-animation{transform-origin:50%;transition:all .8s cubic-bezier(.25,1,.5,1)}.shuffle-card{pointer-events:none;z-index:9998;transform-origin:bottom;background-image:url(/card_back.png);background-position:50%;background-size:cover;border-radius:6px;position:fixed;box-shadow:0 8px 20px #0009}@keyframes shuffleFan{0%{opacity:1;transform:rotate(0)translateY(0)}30%{transform:rotate(var(--fan-angle)) translateY(-18px);opacity:1}70%{transform:rotate(var(--fan-angle)) translateY(-18px);opacity:.9}to{opacity:0;transform:rotate(0)translateY(0)}}@keyframes shuffleWave{0%{transform:translate(0)rotate(0)scale(1)}25%{transform:translateX(var(--wave-x)) rotate(var(--fan-angle)) scale(1.05)}75%{transform:translateX(calc(var(--wave-x) * -.5)) rotate(calc(var(--fan-angle) * -.5)) scale(.97)}to{transform:translate(0)rotate(0)scale(1)}}body.playroom-active .main-nav{display:none!important}body.playroom-active .playroom-page{height:100vh!important;padding:8px!important}body.playroom-active .playroom-layout{height:100%!important;max-height:100%!important}.playfield-scalable-wrapper{border:1px solid #ffd70014;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:auto;display:flex;overflow:visible;box-shadow:0 10px 40px #0009}.game-logs-tab{flex-direction:column;flex:1;min-height:0;display:flex}.preloaded-decks-section{border-top:1px solid var(--glass-border);margin-top:24px;padding-top:16px}.preloaded-decks-section h4{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem}.preloaded-decks-list{flex-direction:column;gap:8px;display:flex}.preloaded-deck-btn{text-align:left;width:100%;padding:8px 12px!important;font-size:.75rem!important}.disconnected-player{opacity:.7;transition:all .3s;border-color:var(--accent-danger)!important;box-shadow:0 0 12px #ef233c66!important}.disconnected-badge{color:var(--accent-danger);margin-left:6px;font-size:.75rem;font-weight:600;animation:1.5s linear infinite blinker-glow}@keyframes blinker-glow{50%{opacity:.3}}.animation-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.animation-card{text-align:center;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffd70040;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:420px;padding:40px 50px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleIn;display:flex;box-shadow:0 0 40px #ffd70026,inset 0 0 20px #ffffff0d}.animation-title{font-family:var(--font-heading);color:var(--accent-gold);text-shadow:0 0 10px #ffd7004d;margin:0;font-size:1.3rem;font-weight:700}.dice-animation-container{perspective:400px;width:100px;height:100px;margin:15px 0}.dice-rolling-box{width:100%;height:100%;transform-style:preserve-3d;border:2px solid var(--accent-gold);background:#ffffff14;border-radius:16px;justify-content:center;align-items:center;animation:1.2s cubic-bezier(.25,1,.5,1) forwards diceSpin;display:flex;position:relative;box-shadow:0 0 25px #ffd70040}.dice-result-text{font-family:var(--font-heading);color:var(--accent-gold);text-shadow:0 0 15px #ffd70099;font-size:3.8rem;font-weight:900;animation:.3s cubic-bezier(.34,1.56,.64,1) 1.2s both popIn}@keyframes diceSpin{0%{transform:rotateX(0)rotateY(0)rotate(0)scale(.5)}15%{transform:rotateX(180deg)rotateY(90deg)rotate(45deg)scale(1.1)}30%{transform:rotateX(360deg)rotateY(270deg)rotate(135deg)scale(.95)}60%{transform:rotateX(720deg)rotateY(540deg)rotate(270deg)scale(1.05)}to{transform:rotateX(1080deg)rotateY(1080deg)rotate(360deg)scale(1)}}.coin-animation-container{perspective:600px;width:120px;height:120px;margin:10px 0}.coin-flipping-element{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.25,1,.5,1);position:relative}.coin-flipping-element.flip-cara{animation:1.5s cubic-bezier(.25,1,.5,1) forwards coinFlipCara}.coin-flipping-element.flip-cruz{animation:1.5s cubic-bezier(.25,1,.5,1) forwards coinFlipCruz}.coin-face{backface-visibility:hidden;width:100%;height:100%;font-family:var(--font-heading);border:4px solid;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex;position:absolute;box-shadow:0 0 25px #0006}.coin-front{color:#594000;text-shadow:0 1px 1px #fff6;background:radial-gradient(circle,#ffe066 0%,#d4af37 70%,#aa8010 100%);border-color:#ffe066}.coin-back{color:#222;text-shadow:0 1px 1px #fff6;background:radial-gradient(circle,#fff 0%,#dcdcdc 70%,#8c8c8c 100%);border-color:#fff;transform:rotateY(180deg)}@keyframes coinFlipCara{0%{transform:rotateY(0)translateY(0)scale(.5)}35%{transform:rotateY(720deg)translateY(-100px)scale(1.15)}70%{transform:rotateY(1440deg)translateY(-40px)scale(.95)}to{transform:rotateY(2160deg)translateY(0)scale(1)}}@keyframes coinFlipCruz{0%{transform:rotateY(0)translateY(0)scale(.5)}35%{transform:rotateY(720deg)translateY(-100px)scale(1.15)}70%{transform:rotateY(1440deg)translateY(-40px)scale(.95)}to{transform:rotateY(2340deg)translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.board-slot.selected-by-me,.hand-card-item.selected-by-me{border-color:#3b82f6!important;outline:2px solid #3b82f6!important;box-shadow:0 0 14px #3b82f6cc!important}.board-slot.selected-by-opponent,.hand-card-item.selected-by-opponent,.opp-hand-card-back.selected-by-opponent{border-color:#ef4444!important;outline:2px solid #ef4444!important;box-shadow:0 0 14px #ef4444cc!important}.placement-banner{z-index:2100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;padding:10px 24px;font-size:.9rem;font-weight:600;animation:.2s scaleIn;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080;background:#10b98140!important;border:1.5px solid #10b98166!important}.placement-banner:hover{background:#10b98159!important}.board-slot.placement-targetable{border:2px dashed #10b981!important;animation:1.5s infinite pulse-green!important;box-shadow:0 0 15px #10b98180!important}@keyframes pulse-green{0%{box-shadow:0 0 10px #10b98166}50%{box-shadow:0 0 20px #10b981cc}to{box-shadow:0 0 10px #10b98166}}.card-counter-badge{color:#fff;z-index:10;background:#f36;border:1px solid #fff6;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:-6px;left:-6px;box-shadow:0 0 8px #f36c}.flying-card-element{z-index:10000;pointer-events:none;transform-origin:50%;will-change:transform, top, left, width, height, opacity;background-position:50%;background-size:cover;border-radius:6px;transition:transform .6s cubic-bezier(.25,1,.5,1),top .6s cubic-bezier(.25,1,.5,1),left .6s cubic-bezier(.25,1,.5,1),width .6s cubic-bezier(.25,1,.5,1),height .6s cubic-bezier(.25,1,.5,1),opacity .6s cubic-bezier(.25,1,.5,1);position:fixed;box-shadow:0 12px 30px #000000a6,0 0 15px #ffd70033}.user-profile-trigger{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;transition:background-color .2s;display:flex}.user-profile-trigger:hover{background-color:#ffffff14}.nav-avatar{object-fit:cover;background-color:#111;border:1.5px solid #ffd700b3;border-radius:50%;width:32px;height:32px;box-shadow:0 0 8px #ffd70040}.profile-modal{z-index:10001;color:#fff;text-align:left;background:#141419eb;border:1px solid #ffffff1a;border-radius:16px;width:960px;max-width:95%;height:680px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.profile-modal-close{color:#fff9;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:16px;right:16px}.profile-modal-close:hover{color:#fff}.profile-modal-sidebar{background:#0a0a0f8c;border-right:1px solid #ffffff14;flex-direction:column;gap:24px;width:240px;padding:24px 16px;display:flex}.user-profile-summary{text-align:center;flex-direction:column;align-items:center;display:flex}.avatar-preview-container{border:2px solid var(--accent-color,gold);background-color:#1a1a24;border-radius:50%;width:80px;height:80px;margin-bottom:12px;overflow:hidden;box-shadow:0 0 15px #ffd7004d}.user-profile-avatar{object-fit:cover;width:100%;height:100%}.user-profile-summary h4{color:#fff;margin:0 0 6px;font-size:1.1rem;font-weight:600}.security-badge{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;padding:4px 8px;font-size:.75rem}.security-badge.active{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.profile-modal-tabs{flex-direction:column;gap:8px;display:flex}.profile-tab-btn{color:#fff9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.profile-tab-btn:hover{color:#fff;background:#ffffff0d}.profile-tab-btn.active{color:var(--accent-color,gold);border-left:3px solid var(--accent-color,gold);background:#ffd7001a}.profile-modal-content{background:#12121866;flex:1;padding:32px;overflow-y:auto}.profile-form{flex-direction:column;gap:20px;width:100%;max-width:600px;display:flex}.profile-form h3{color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:600}.profile-desc{color:#fff9;margin-bottom:20px;font-size:.85rem;line-height:1.5}.form-group.checkbox-group{cursor:pointer;flex-direction:row;align-items:center;gap:10px}.form-group.checkbox-group input[type=checkbox]{cursor:pointer;border:1px solid var(--glass-border);background:0 0;border-radius:4px;flex:none;width:18px;height:18px}.form-group.checkbox-group label{color:#ffffffd9;cursor:pointer;text-transform:none;letter-spacing:normal;margin:0;font-size:.9rem;font-weight:400}.profile-msg{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;animation:.3s fadeIn}.profile-msg.error-msg{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.profile-msg.success-msg{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-height:220px;margin-top:10px;padding-right:6px;display:grid;overflow-y:auto}.avatar-option-item{aspect-ratio:1;cursor:pointer;background:#111;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.avatar-option-item img{object-fit:cover;width:100%;height:100%}.avatar-option-item:hover{border-color:#ffffff4d;transform:scale(1.05)}.avatar-option-item.selected{border-color:var(--accent-color,gold);box-shadow:0 0 10px #ffd70066}.avatar-check{background:var(--accent-color,gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 5px #00000080}.setup-steps{color:#fffc;text-align:left;padding-left:20px;font-size:.85rem}.setup-steps li{margin-bottom:12px}.qr-code-wrapper{background:#fff;border-radius:8px;margin:10px 0;padding:10px;display:inline-block;box-shadow:0 4px 12px #0000004d}.qr-code-img{width:140px;height:140px;display:block}.secret-key-display{letter-spacing:.05rem;color:#fff;word-break:break-all;background:#ffffff14;border:1px dashed #fff3;border-radius:6px;margin:8px 0 16px;padding:8px 12px;font-family:monospace;font-size:.95rem;display:block}.otp-input{text-align:center;letter-spacing:.4rem;max-width:220px;font-weight:700;font-size:1.5rem!important}.setup-2fa-actions{gap:12px;margin-top:20px;display:flex}.security-status-active{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;gap:16px;margin-top:16px;padding:16px;display:flex}.security-status-active h5{color:#10b981;margin:0 0 4px;font-size:.95rem}.security-status-active p{color:#ffffffb3;margin:0;font-size:.8rem}.shield-icon{font-size:2rem}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;margin-top:20px;padding:10px 20px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444473}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.marketplace-container{text-align:left;padding:32px 0}.marketplace-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.marketplace-header h2{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:2rem;font-weight:700}.marketplace-header .subtitle{color:var(--text-muted,#a1a1aa);margin:0;font-size:.95rem}.marketplace-layout{grid-template-columns:280px 1fr;gap:32px;display:grid}.market-sidebar{background:#14141999;border-radius:12px;flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex}.sidebar-title{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted,#a1a1aa);font-size:.8rem;font-weight:600}.filter-group select,.filter-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--accent-color,gold);background:#ffffff14;outline:none}.filter-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.search-box{position:relative}.search-box input{width:100%;padding-right:36px}.search-icon{color:#fff6;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.market-listings-section{min-width:0}.empty-market{text-align:center;background:#14141966;border-radius:12px;padding:60px}.empty-icon{color:#fff3;margin-bottom:16px}.empty-market h3{color:#fff;margin:0 0 8px}.empty-market p{color:var(--text-muted,#a1a1aa);margin:0}.market-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.market-card{cursor:pointer;background:#14141999;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden}.market-card:hover{border-color:#ffd7004d;transform:translateY(-6px);box-shadow:0 12px 30px #00000080,0 0 15px #ffd7001a}.card-image-box{aspect-ratio:1;background:#121217;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-image-box img{object-fit:contain;width:90%;height:90%;transition:transform .5s}.market-card:hover .card-image-box img{transform:scale(1.06)}.condition-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-color,gold);border:1.5px solid var(--accent-color,gold);letter-spacing:.02rem;background:#000000bf;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.card-info-box{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card-info-box h4{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;overflow:hidden}.price-tag{color:#10b981;font-size:1.25rem;font-weight:700}.card-meta{color:var(--text-muted,#a1a1aa);border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.market-create-modal{background:#141419f2;border-radius:16px;width:580px;max-width:95%;max-height:90vh;padding:32px;overflow-y:auto}.modal-subtitle{color:var(--text-muted,#a1a1aa);margin:8px 0 24px;font-size:.85rem}.market-form{text-align:left;flex-direction:column;gap:24px;display:flex}.market-form .form-group{gap:10px}.market-form .form-group label{margin-bottom:4px}.form-row{gap:20px;display:flex}.selected-card-confirmation{background:#10b9811a;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:.8rem;display:flex}.suggestions-list-box{z-index:100;background:#16161f;border:1px solid #ffffff26;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.suggestion-item{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;transition:background-color .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#ffffff14}.suggestion-item img{object-fit:contain;border-radius:4px;width:32px;height:46px}.market-detail-container{text-align:left;padding:40px 0}.back-link{color:var(--text-muted,#a1a1aa);align-items:center;gap:8px;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#fff}.market-detail-layout{background:#14141980;border-radius:16px;grid-template-columns:340px 1fr;gap:40px;padding:40px;display:grid}.market-detail-image-sec{aspect-ratio:.7;background:#121217;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:24px;display:flex}.market-detail-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%;box-shadow:0 10px 30px #00000080}.market-detail-info-sec{flex-direction:column;gap:28px;display:flex}.market-detail-header-block{border-bottom:1px solid #ffffff14;padding-bottom:24px}.detail-condition-badge{color:var(--accent-color,gold);background:#ffd7001a;border:1px solid #ffd7004d;border-radius:4px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.market-detail-header-block h2{color:#fff;margin:0 0 12px;font-size:2.2rem;font-weight:700}.detail-price{color:#10b981;font-size:2rem;font-weight:800}.detail-meta-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.meta-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;display:flex}.meta-card-icon{color:var(--accent-color,gold)}.meta-card h5{text-transform:uppercase;color:var(--text-muted,#a1a1aa);margin:0 0 4px;font-size:.75rem}.meta-card p{color:#fff;margin:0;font-size:.85rem;font-weight:600}.detail-description h4{color:#fff;margin:0 0 12px;font-size:1.05rem;font-weight:600}.detail-description p{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.6}.btn-whatsapp{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 6px 16px #25d36640}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.nav-cart-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-cart-btn:hover{color:var(--accent-color,gold);background:#ffd7001a;border-color:#ffd70066;box-shadow:0 0 12px #ffd70033}.nav-cart-btn .cart-badge{color:#fff;text-align:center;background:#ef4444;border:1.5px solid #16161f;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ef444466}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#000000b3;justify-content:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.cart-overlay.active{opacity:1;pointer-events:auto}.cart-drawer{background:#121218fa;border-left:1px solid #ffffff14;border-radius:0;flex-direction:column;width:440px;max-width:100%;height:100%;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(100%);box-shadow:-10px 0 30px #000000b3}.cart-overlay.active .cart-drawer{transform:translate(0)}.cart-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-header-title{color:#fff;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.cart-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.cart-close-btn:hover{color:#fff;background:#ffffff0d}.cart-drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.cart-empty-state{text-align:center;height:100%;color:var(--text-muted,#a1a1aa);flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex}.cart-empty-state .empty-icon{color:#ffffff26;margin-bottom:16px}.cart-empty-state h3{color:#fff;margin-bottom:8px;font-size:1.1rem}.cart-empty-state p{font-size:.85rem;line-height:1.5}.cart-grouped-list{flex-direction:column;gap:20px;display:flex}.cart-seller-group{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.cart-seller-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.seller-info{color:#fff;align-items:center;gap:8px;font-size:.9rem;display:flex}.seller-badge{color:var(--accent-color,gold);text-transform:uppercase;background:#ffd7001a;border:1px solid #ffd70040;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.seller-subtotal{color:#10b981;font-size:.85rem;font-weight:700}.cart-items-list{flex-direction:column;gap:12px;display:flex}.cart-item{background:#0003;border:1px solid #ffffff08;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex;position:relative}.cart-item-thumb{object-fit:cover;border:1px solid #ffffff14;border-radius:4px;width:44px;height:60px}.cart-item-details{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.cart-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.85rem;font-weight:600;overflow:hidden}.cart-item-meta{align-items:center;gap:8px;font-size:.75rem;display:flex}.cart-item-condition{color:#d1d5db;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:3px;padding:1px 5px}.cart-item-price{color:#10b981;font-weight:700}.cart-tcg-badge{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:3px;align-self:flex-start;padding:1px 4px;font-size:.65rem}.cart-item-remove{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .2s}.cart-item-remove:hover{color:#ef4444;background:#ef44441a}.cart-seller-actions{margin-top:4px}.cart-whatsapp-btn{border-radius:6px;width:100%;padding:8px 16px;font-size:.8rem}.cart-drawer-footer{background:#0003;border-top:1px solid #ffffff14;padding:24px}.clear-cart-btn{color:#fca5a5;border-color:#ef444433;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.85rem;font-weight:600;display:flex}.clear-cart-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444480}.market-card-wrapper{position:relative}.market-card-quick-cart-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141419d9;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:12px;right:12px}.market-card-quick-cart-btn:hover{color:#fff;background:#10b981;border-color:#10b981;transform:scale(1.1);box-shadow:0 4px 12px #10b9814d}.market-card-quick-cart-btn.active{color:#10b981;cursor:not-allowed;background:#10b98133;border-color:#10b98166}.wizard-modal-header{border-bottom:1px solid #ffffff0f;margin-bottom:24px}.wizard-progress-bar{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 8px;display:flex}.step-node{z-index:2;flex-direction:column;align-items:center;gap:8px;width:80px;display:flex;position:relative}.step-num{color:#fff6;background:#16161f;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.step-label{color:#fff6;white-space:nowrap;font-size:.72rem;font-weight:600;transition:color .3s}.step-line{z-index:1;background:#ffffff1a;flex:1;height:2px;margin:-20px -10px 0;transition:background-color .3s;position:relative}.step-node.active .step-num{border-color:var(--accent-color,gold);color:var(--accent-color,gold);box-shadow:0 0 10px #ffd70033}.step-node.active .step-label{color:#fff}.step-node.completed .step-num{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 0 10px #10b9814d}.step-node.completed .step-label{color:#10b981}.step-line.active{background:#10b981}.premium-info-alert{color:#93c5fd;text-align:left;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.8rem;display:flex}.premium-info-alert .alert-icon{color:#3b82f6;flex-shrink:0}.photos-dropzones-container{gap:20px;margin-bottom:24px;display:flex}.photo-dropzone{cursor:pointer;background:#ffffff03;border:2px dashed #ffffff26;border-radius:12px;flex:1;justify-content:center;align-items:center;height:180px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.photo-dropzone:hover{border-color:var(--accent-color,gold);background:#ffd70005;box-shadow:0 0 15px #ffd7001a}.photo-dropzone.has-file{background:#121217;border-style:solid;border-color:#fff3}.dropzone-placeholder{color:#fff6;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.dropzone-placeholder .placeholder-icon{color:#fff3;transition:color .2s}.photo-dropzone:hover .placeholder-icon{color:var(--accent-color,gold)}.dropzone-placeholder strong{color:#fff;font-size:.85rem}.dropzone-placeholder span{max-width:140px;font-size:.72rem;line-height:1.4}.dropzone-preview{justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;position:relative}.dropzone-preview img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.photo-tag-overlay{color:#fffc;text-transform:uppercase;background:#000000d9;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;bottom:8px;left:8px}.btn-remove-photo{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.btn-remove-photo:hover{background:#ef4444}.ai-detector-box{background:#ffd70005;border:1px solid #ffd70026;border-radius:10px;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;padding:16px;display:flex}.btn-ai-analyze{width:100%;color:var(--accent-color,gold);cursor:pointer;background:linear-gradient(135deg,#ffd70026 0%,#ff8c000d 100%);border:1.5px solid #ffd70066;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-ai-analyze:hover:not(:disabled){background:linear-gradient(135deg,#ffd70040 0%,#ff8c001a 100%);box-shadow:0 0 15px #ffd70033}.btn-ai-analyze.analyzing{color:#fff;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff26}.scanning-bar{background:linear-gradient(90deg, transparent, var(--accent-color,gold), transparent);width:100%;height:3px;box-shadow:0 0 8px var(--accent-color,gold);animation:2s linear infinite scanningEffect;position:absolute;top:0;left:0}@keyframes scanningEffect{0%{top:0%}50%{top:100%}to{top:0%}}.ai-help-text{color:var(--text-muted,#a1a1aa);margin:0;font-size:.72rem}.wizard-comparison-view{background:#0003;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.comparison-side{flex-direction:column;align-items:center;gap:6px;display:flex}.comparison-side span{color:#fff6;text-transform:uppercase;font-size:.7rem;font-weight:700}.comparison-img-box{background:#121217;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:70px;height:100px;padding:4px;display:flex}.comparison-img-box img{object-fit:contain;max-width:100%;max-height:100%}.comparison-arrow{color:var(--accent-color,gold);opacity:.7;font-size:1.2rem}.tcg-helper-premium{text-align:left;background:#3b82f60d;border:1px solid #3b82f633;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;display:flex}.tcg-helper-header{color:#fffc;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.tcg-logo-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#2563eb;border-radius:3px;align-self:flex-start;padding:1px 6px;font-size:.65rem;font-weight:800}.btn-apply-tcg{color:#93c5fd;background:#3b82f61a;border-color:#3b82f666;padding:6px 14px;font-size:.75rem;font-weight:700}.btn-apply-tcg:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.wizard-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.wizard-nav-btn{align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:700;display:inline-flex}.publish-submit-btn{color:#fff;background:#10b981;border:none;padding:10px 24px;font-size:.85rem;font-weight:700}.publish-submit-btn:hover{background:#059669;box-shadow:0 0 12px #10b9814d}.field-help-text{color:var(--text-muted,#a1a1aa);text-align:left;margin-top:4px;margin-bottom:0;font-size:.7rem}.detail-cart-btn.in-cart{color:#10b981;cursor:not-allowed;background:#10b9811a;border-color:#10b98166}.selected-set-badges-row{gap:10px;margin-top:8px;display:flex}.grid-set-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.grid-set-badge.code{color:#e5e7eb;background:#ffffff14;border:1px solid #ffffff0f}.grid-set-badge.rarity{color:var(--accent-color,gold);background:#ffd70014;border:1px solid #ffd70033}.invalid-field{background:#ef444405!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444426!important}
