:root{--bg-dark:224, 71%, 4%;--bg-indigo:222, 47%, 10%;--bg-abyss:224, 85%, 2%;--text-primary:210, 40%, 98%;--text-secondary:215, 20%, 70%;--dive-cyan:190, 90%, 50%;--dive-cyan-glow:#06b6d459;--dive-yellow:45, 100%, 55%;--dive-red:355, 100%, 60%;--font-heading:"Montserrat", -apple-system, sans-serif;--font-body:"Space Grotesk", monospace, sans-serif;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, hsl(var(--bg-indigo)) 0%, hsl(var(--bg-dark)) 50%, hsl(var(--bg-abyss)) 100%);color:hsl(var(--text-primary));font-family:var(--font-body);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.ocean-overlay{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.light-rays{background:radial-gradient(at 50% -20%,#38bdf826 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.biolum-glow{filter:blur(100px);background:radial-gradient(circle,#38bdf814 0%,#0000 70%);width:80vw;max-width:900px;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bubble-container{pointer-events:none;z-index:2;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bubble-wrapper{opacity:0;animation:linear infinite floatUp;position:absolute;bottom:-20px}.bubble{background:radial-gradient(circle at 30% 30%,#fff6 0%,#06b6d40d 70%,#06b6d440 100%);border-radius:50%;animation:ease-in-out infinite sideWobble;box-shadow:0 0 8px #06b6d433,inset 0 0 6px #ffffff26}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.3)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-110vh)scale(1)}}@keyframes sideWobble{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.main-wrapper{z-index:10;text-align:center;width:100%;max-width:600px;padding:40px 20px;position:relative}.logo-container{margin-bottom:24px;display:inline-block;position:relative}.logo-glow{background:radial-gradient(circle, var(--dive-cyan-glow) 0%, transparent 70%);filter:blur(10px);border-radius:50%;animation:4s ease-in-out infinite pulseGlow;position:absolute;inset:-10px}.logo-img{border:3px solid hsl(var(--dive-cyan));object-fit:cover;border-radius:50%;width:130px;height:130px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 0 25px #06b6d466,inset 0 0 15px #fff3}.logo-container:hover .logo-img{transform:scale(1.08)rotate(5deg);box-shadow:0 0 35px #06b6d499}.brand-name{font-family:var(--font-heading);letter-spacing:-.05em;text-transform:uppercase;background:linear-gradient(135deg, #fff 30%, hsl(var(--dive-cyan)) 70%, hsl(var(--dive-yellow)) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #06b6d426);-webkit-background-clip:text;margin-bottom:8px;font-size:3.25rem;font-weight:800}.subtitle{color:hsl(var(--text-secondary));max-width:460px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.15rem;line-height:1.5}.glass-card{-webkit-backdrop-filter:blur(16px);background:#060c1c80;border:1px solid #06b6d41f;border-radius:24px;margin-bottom:24px;padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff0d}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#06b6d408,#0000);width:200%;height:100%;animation:8s linear infinite shine;position:absolute;top:0;left:-50%;transform:rotate(30deg)}.btn-primary{width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:#040814;background:linear-gradient(135deg, hsl(var(--dive-cyan)) 0%, #06b6d4 50%, hsl(var(--dive-yellow)) 100%);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;padding:16px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 20px #06b6d44d,inset 0 0 0 1px #ffffff1a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #06b6d480,0 0 15px #fdba7433}.btn-primary:active{transform:translateY(1px)}.signup-title{font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;font-size:1.1rem;font-weight:700}.form-group{gap:10px;display:flex}.input-email{color:#fff;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:14px 16px;font-size:.95rem;transition:all .3s}.input-email::placeholder{color:#ffffff59}.input-email:focus{border-color:hsl(var(--dive-cyan));background:#ffffff14;outline:none;box-shadow:0 0 12px #06b6d433}.btn-submit{color:#fff;font-family:var(--font-heading);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:0 24px;font-size:.9rem;font-weight:700;transition:all .3s}.btn-submit:hover{color:#040814;background:#fff;border-color:#fff;box-shadow:0 0 15px #ffffff4d}.success-message{color:hsl(var(--dive-cyan));padding:12px;font-weight:600;animation:.4s ease-out fadeIn}.social-links{justify-content:center;gap:16px;margin-top:16px;display:flex}.social-icon-link{color:hsl(var(--text-secondary));background:#ffffff05;border:1px solid #ffffff0d;border-radius:30px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:all .3s}.social-icon-link:hover{color:hsl(var(--dive-cyan));background:#06b6d40d;border-color:#06b6d433;transform:translateY(-1px)}.footer{color:#fff3;letter-spacing:.05em;margin-top:48px;font-size:.8rem}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes shine{0%{transform:translate(-100%,-100%)rotate(30deg)}to{transform:translate(100%,100%)rotate(30deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.brand-name{font-size:2.5rem}.subtitle{font-size:1rem}.form-group{flex-direction:column}.btn-submit{padding:14px}.glass-card{padding:24px 16px}}.stream-wrapper{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:850px;padding:60px 20px;animation:1s ease-out fadeIn;display:flex;position:relative}.stream-logo-container{margin-bottom:28px;display:inline-block;position:relative}.stream-logo-img{border:4px solid hsl(var(--dive-cyan));object-fit:cover;border-radius:50%;width:180px;height:180px;animation:6s ease-in-out infinite floatLogo;position:relative;box-shadow:0 0 35px #06b6d480,inset 0 0 20px #fff3}.stream-brand{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--text-secondary));opacity:.9;margin-bottom:20px;font-size:2.25rem;font-weight:700}.stream-title{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg, #fff 10%, hsl(var(--dive-cyan)) 50%, hsl(var(--dive-yellow)) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 24px #06b6d44d);-webkit-background-clip:text;margin-bottom:24px;font-size:4.5rem;font-weight:900;animation:3s ease-in-out infinite pulseText}.stream-status{color:hsl(var(--dive-cyan));letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px #06b6d466;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:1.5rem;font-weight:500;display:flex}.pulse-dot{background-color:hsl(var(--dive-cyan));width:12px;height:12px;box-shadow:0 0 10px hsl(var(--dive-cyan));border-radius:50%;animation:1.5s ease-in-out infinite pulseDot;display:inline-block}.stream-card{-webkit-backdrop-filter:blur(20px);background:#060c1c66;border:1px solid #06b6d426;border-radius:24px;padding:50px 70px;box-shadow:0 25px 50px #0006,inset 0 1px #ffffff0d}@keyframes floatLogo{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes pulseText{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulseDot{0%,to{opacity:.5;box-shadow:0 0 4px hsl(var(--dive-cyan));transform:scale(.8)}50%{opacity:1;box-shadow:0 0 12px hsl(var(--dive-cyan));transform:scale(1.2)}}@media (width<=768px){.stream-title{font-size:3rem}.stream-status{font-size:1.2rem}.stream-brand{font-size:1.75rem}.stream-logo-img{width:140px;height:140px}.stream-card{padding:30px 20px}}body.scroller-theme{color:#000!important;justify-content:initial!important;align-items:initial!important;background:0 0!important;min-height:100vh!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;display:block!important;overflow:hidden!important}body.scroller-theme.admin-active{background:#1e1e24!important;overflow:auto!important}body.scroller-theme #root{width:100%;height:100%}.carousel-container{background:0 0;width:100%;height:250px;position:relative;overflow:hidden}.track{white-space:nowrap;display:inline-flex;position:absolute;top:25px;left:0}.card{border-radius:12px;width:auto;height:200px;margin-right:30px;transition:border .3s,opacity .3s,filter .3s;box-shadow:0 4px 15px #0000004d}.card.grayed-out{filter:grayscale(90%)brightness(.5);opacity:.45}#admin-panel{box-sizing:border-box;color:#fff;background:#1e1e24;min-height:100vh;padding:20px;overflow-y:auto}.admin-layout{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.controls-section,.deck-section{background:#2b2b36;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0003}#admin-panel h2{color:#fff;border-bottom:2px solid #3f3f52;margin-top:0;padding-bottom:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btn{color:#fff;cursor:pointer;background:#4a4ae2;border:none;border-radius:6px;margin:5px;padding:10px 15px;font-size:14px;font-weight:700;transition:background .2s}.btn:hover{background:#3535bd}.btn-danger{background:#e03131}.btn-danger:hover{background:#b01e1e}.btn-success{background:#12b886}.btn-success:hover{background:#0ca678}.btn-snap{color:#1e1e24;background:#fab005}.btn-snap:hover{background:#e69c00}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:15px;display:grid}.thumb-card{text-align:center;background:#3f3f52;border-radius:8px;padding:10px;transition:opacity .3s,filter .3s;position:relative}.thumb-card.deleted{opacity:.4;filter:grayscale(90%)}.thumb-card.deleted:after{content:"DELETED";color:#fff;letter-spacing:1px;pointer-events:none;background:#e03131d9;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.thumb-card.grayed-out{opacity:.6;filter:grayscale(80%)}.thumb-card.grayed-out:after{content:"SELECTED";color:#a6a6b8;letter-spacing:1px;pointer-events:none;background:#1e1e24f2;border:1px solid #fff3;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:55px;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.thumb-card img{object-fit:cover;border-radius:4px;width:100%;height:90px}.thumb-card span{text-overflow:ellipsis;white-space:nowrap;color:#fff;margin:5px 0 8px;font-size:11px;display:block;overflow:hidden}.thumb-actions{flex-direction:column;gap:5px;display:flex}.thumb-actions .btn{margin:0;padding:5px;font-size:11px}body.break-theme{color:#1f2937;background:0 0;justify-content:center;align-items:center;width:600px;height:1000px;margin:0;padding:0;font-family:Montserrat,sans-serif;display:flex;overflow:hidden}body.break-theme.break-admin-active{background:#0f1016!important;width:100%!important;height:auto!important;min-height:100vh!important;display:block!important;overflow:auto!important}body.break-theme.break-admin-active #root{width:100%!important;height:auto!important}body.break-theme:not(.break-transparent){background:#f0f2f5}.break-board-wrapper{box-sizing:border-box;background:url(/break_bg.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:flex-start;width:600px;height:1000px;padding:24px 20px 20px;display:flex;position:relative;overflow:hidden}body.break-theme.break-transparent .break-board-wrapper{background:url(/break_bg.png) 50%/100% 100% no-repeat}.break-board-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.break-title-container{flex-direction:column;align-items:center;width:100%;display:flex}.break-board-title{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#d946ef 10%,#ec4899 35%,#eab308 65%,#3b82f6 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0003);text-shadow:1px 1px #fff,2px 2px #00000026;-webkit-background-clip:text;margin:0;font-family:Cinzel,serif;font-size:3rem;font-weight:900;line-height:1}.break-board-banner{background:linear-gradient(#0f172a 0%,#1e293b 100%);border:2px solid #eab308;border-color:#eab308 #06b6d4;border-radius:4px;justify-content:center;align-items:center;gap:12px;margin-top:6px;padding:4px 24px;display:inline-flex;position:relative;box-shadow:0 4px 10px #00000040}.break-board-banner-text{color:#fff;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 4px #00000080;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.banner-diamond{background:linear-gradient(135deg,#a855f7,#3b82f6);width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 6px #a855f7}.break-board-subtitle{color:#4b5563;letter-spacing:.02em;margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:600}.break-board-layout{flex-direction:column;flex-grow:1;gap:24px;display:flex}.break-board-top-row{grid-template-columns:1fr 1.08fr 1fr;gap:12px;display:grid}.break-category-card{-webkit-backdrop-filter:blur(8px);background:#ffffffe0;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:22px 10px 10px;display:flex;position:relative;box-shadow:0 8px 24px #0000000f,inset 0 1px #fffc}.ultra-rare-card{border-color:#ec4899}.top-10-hits-card{background:#fefce8eb;border-color:#eab308}.hyper-rare-card{border-color:#06b6d4}.special-illustration-card{border-color:#8b5cf6}.category-title{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;color:#fff;border-radius:50px;margin:0;padding:4px 16px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:800;display:block;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000026}.ultra-rare-card .category-title{background:#ec4899}.top-10-hits-card .category-title{color:#eab308;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #eab308}.hyper-rare-card .category-title{background:#06b6d4}.special-illustration-card .category-title{background:#8b5cf6}.category-list{scrollbar-width:none;flex-direction:column;gap:3px;height:310px;display:flex;overflow-y:auto}.category-list::-webkit-scrollbar{display:none}.category-list-grid{scrollbar-width:none;grid-template-columns:1fr 1fr;gap:3px 20px;height:310px;display:grid;overflow-y:auto}.category-list-grid::-webkit-scrollbar{display:none}.special-illustration-card{margin-top:4px}.break-item{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:3px 0;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;transition:opacity .2s;display:flex;position:relative;overflow:hidden}.item-id{color:#4b5563;flex-shrink:0;width:24px;font-family:Space Grotesk,sans-serif;font-weight:800}.gold-id{color:#d97706}.blue-id{color:#0284c7}.purple-id{color:#7c3aed}.item-name{color:#1f2937;text-overflow:ellipsis;overflow:hidden}.break-item.claimed{opacity:.45}.break-item.claimed:after{content:"";border-radius:1px;height:2px;animation:.25s ease-out forwards strikeThrough;position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}.ultra-rare-card .break-item.claimed:after,.hyper-rare-card .break-item.claimed:after{background:#ec4899}.top-10-hits-card .break-item.claimed:after,.special-illustration-card .break-item.claimed:after{background:#a855f7}@keyframes strikeThrough{0%{width:0;left:50%}to{width:calc(100% + 8px);left:-4px}}.break-admin-wrapper{color:#fff;box-sizing:border-box;background:#0f1016;width:100%;min-height:100vh;padding:40px 30px}.break-admin-header{text-align:center;max-width:1200px;margin:0 auto 30px}.break-admin-header h1{font-family:var(--font-heading);background:linear-gradient(135deg, #fff 30%, hsl(var(--dive-cyan)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.break-admin-header p{color:hsl(var(--text-secondary));font-size:1rem}.wizard-nav{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto 40px;padding:0 10px;display:flex;position:relative}.wizard-nav:before{content:"";z-index:1;background:#ffffff14;border-radius:2px;height:4px;position:absolute;top:24px;left:50px;right:50px}.wizard-nav-line{background:linear-gradient(90deg, hsl(var(--dive-cyan)) 0%, #06b6d4 100%);z-index:2;border-radius:2px;height:4px;transition:width .3s;position:absolute;top:24px;left:50px}.wizard-step-node{z-index:3;cursor:pointer;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;width:120px;display:flex;position:relative}.wizard-step-circle{color:#a6a6b8;background:#191922;border:3px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000004d}.wizard-step-node:hover .wizard-step-circle{color:#fff;border-color:#06b6d480}.wizard-step-node.active .wizard-step-circle{border-color:hsl(var(--dive-cyan));background:hsl(var(--dive-cyan));color:#040814;box-shadow:0 0 15px #06b6d466}.wizard-step-node.completed .wizard-step-circle{color:#06b6d4;background:#191922;border-color:#06b6d4}.wizard-step-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:#a6a6b8;text-align:center;font-size:.8rem;font-weight:700;transition:color .3s}.wizard-step-node.active .wizard-step-label{color:#fff}.wizard-step-node.completed .wizard-step-label{color:#06b6d4}.step-container{max-width:1200px;margin:0 auto;animation:.3s fadeIn}.step-card-panel{background:#191922;border:1px solid #ffffff14;border-radius:16px;margin-bottom:30px;padding:30px;box-shadow:0 10px 30px #0006}.step-card-panel h2{font-family:var(--font-heading);color:#fff;border-bottom:1px solid #ffffff14;margin-bottom:20px;padding-bottom:12px;font-size:1.5rem;font-weight:700}.config-layout{grid-template-columns:1.5fr 1fr;gap:30px;display:grid}@media (width<=900px){.config-layout{grid-template-columns:1fr}}.settings-card{flex-direction:column;display:flex}.quick-actions-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;height:fit-content;padding:24px}.quick-actions-card h3{font-family:var(--font-heading);color:#fff;margin-bottom:14px;font-size:1.15rem}.quick-actions-list{flex-direction:column;gap:12px;display:flex}.admin-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.admin-form-group label{color:#e5e7eb;font-size:.95rem;font-weight:600}.admin-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.admin-input:focus{border-color:hsl(var(--dive-cyan));outline:none;box-shadow:0 0 10px #06b6d433}.checkbox-group{flex-direction:row;align-items:center;gap:12px;margin-top:10px}.checkbox-group input{cursor:pointer;width:18px;height:18px}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-btn{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;padding:11px 18px;font-size:.9rem;font-weight:700;transition:all .2s}.admin-btn:hover{transform:translateY(-1px)}.btn-reset{color:#fff;background:#e03131}.btn-reset:hover{background:#c22525;box-shadow:0 4px 12px #e0313140}.btn-default{color:#fff;background:#3b5bdb}.btn-default:hover{background:#2b45b6;box-shadow:0 4px 12px #3b5bdb40}.roster-columns{grid-template-columns:1.2fr 1fr;gap:30px;display:grid}@media (width<=1024px){.roster-columns{grid-template-columns:1fr}}.roster-editor-panel{flex-direction:column;display:flex}.roster-preview-panel{background:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;height:fit-content;max-height:700px;padding:20px;overflow-y:auto}.roster-preview-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.roster-preview-header h3{color:#fff;margin:0;font-size:1.15rem}.roster-category{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;margin-bottom:20px;padding:12px}.roster-category-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:4px;display:flex}.roster-category-title{text-transform:uppercase;letter-spacing:.02em;font-size:.85rem;font-weight:700}.roster-category.ur .roster-category-title{color:#06b6d4}.roster-category.t10 .roster-category-title{color:#fab005}.roster-category.hr .roster-category-title{color:#339af0}.roster-category.sir .roster-category-title{color:#cc5de8}.roster-category-count{color:#a6a6b8;font-size:.8rem}.roster-list-items{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.roster-item-row{background:#ffffff08;border:1px solid #ffffff05;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.roster-item-info{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:.85rem;display:flex;overflow:hidden}.roster-item-id{background:#ffffff0d;border-radius:3px;padding:1px 4px;font-size:.75rem;font-weight:700}.roster-category.ur .roster-item-id{color:#06b6d4}.roster-category.t10 .roster-item-id{color:#fab005}.roster-category.hr .roster-item-id{color:#339af0}.roster-category.sir .roster-item-id{color:#cc5de8}.roster-item-name{color:#f3f4f6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-item-delete-small{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1;transition:color .2s}.btn-item-delete-small:hover{color:#ff6b6b}.bulk-category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.bulk-cat-btn{color:#a6a6b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.bulk-cat-btn:hover{color:#fff;background:#ffffff14}.bulk-cat-btn.active{color:#fff;background:#3f3f52;border-width:2px}.bulk-cat-btn.active.ur{color:#06b6d4;border-color:#06b6d4}.bulk-cat-btn.active.t10{color:#fab005;border-color:#fab005}.bulk-cat-btn.active.hr{color:#339af0;border-color:#339af0}.bulk-cat-btn.active.sir{color:#cc5de8;border-color:#cc5de8}.editor-tip,.controller-tip{color:hsl(var(--text-secondary));margin-bottom:15px;font-size:.85rem;line-height:1.4}.admin-textarea{color:#fff;font-family:var(--font-body);resize:vertical;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:12px 14px;font-size:.9rem;line-height:1.4}.admin-textarea:focus{border-color:hsl(var(--dive-cyan));outline:none;box-shadow:0 0 10px #06b6d433}.btn-primary-action{background:linear-gradient(135deg, hsl(var(--dive-cyan)) 0%, #06b6d4 100%);color:#040814;width:100%;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:700;transition:all .2s}.btn-primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 15px #06b6d44d}.break-stats-bar{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.stats-progress-container{flex:1;min-width:250px}.stats-labels{justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:700;display:flex}.stats-pct{color:#06b6d4}.progress-track{background:#ffffff14;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, hsl(var(--dive-cyan)) 0%, #06b6d4 100%);border-radius:5px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.live-break-sections{flex-direction:column;gap:24px;display:flex}.live-break-section{background:#ffffff03;border:1px solid #ffffff0a;border-radius:16px;padding:20px}.live-break-section-header{text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid #ffffff0f;margin-bottom:12px;padding-bottom:6px;font-size:1.05rem;font-weight:700}.live-break-section.ur .live-break-section-header{color:#06b6d4;border-bottom-color:#06b6d433}.live-break-section.t10 .live-break-section-header{color:#fab005;border-bottom-color:#fab00533}.live-break-section.hr .live-break-section-header{color:#339af0;border-bottom-color:#339af033}.live-break-section.sir .live-break-section-header{color:#cc5de8;border-bottom-color:#cc5de833}.live-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.live-card-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;padding:16px 20px 16px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.live-card-btn:hover{background:#ffffff12;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.live-card-btn.ur{border-color:#06b6d426}.live-card-btn.ur:hover{border-color:#06b6d466}.live-card-btn.t10{border-color:#fdba7426}.live-card-btn.t10:hover{border-color:#fdba7466}.live-card-btn.hr{border-color:#339af026}.live-card-btn.hr:hover{border-color:#339af066}.live-card-btn.sir{border-color:#cc5de826}.live-card-btn.sir:hover{border-color:#cc5de866}.live-card-id{background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.live-card-btn.ur .live-card-id{color:#06b6d4;background:#06b6d41a}.live-card-btn.t10 .live-card-id{color:#fab005;background:#fab0051a}.live-card-btn.hr .live-card-id{color:#339af0;background:#339af01a}.live-card-btn.sir .live-card-id{color:#cc5de8;background:#cc5de81a}.live-card-name{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;font-weight:600;overflow:hidden}.live-card-btn.claimed{opacity:.25;background:#f03e3e0a!important;border-color:#f03e3e33!important}.live-card-btn.claimed:after{content:"CLAIMED";color:#fff;font-family:var(--font-heading);letter-spacing:.05em;pointer-events:none;background:#f03e3ed9;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 2px 8px #0000004d}.btn-item-delete-live{color:#ffffff4d;cursor:pointer;z-index:10;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1;transition:color .2s;position:absolute;top:4px;right:4px}.btn-item-delete-live:hover{color:#ff6b6b}.wizard-footer-actions{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:30px;padding-top:20px;display:flex}.btn-nav-prev{color:#fff;background:#ffffff0f}.btn-nav-prev:hover{background:#ffffff1f}.btn-nav-next{background:linear-gradient(135deg, hsl(var(--dive-cyan)) 0%, #06b6d4 100%);color:#040814}.btn-nav-next:hover{box-shadow:0 4px 15px #06b6d44d}.tabs{border-bottom:2px solid #3f3f52;margin-bottom:15px;display:flex}.tab-btn{color:#a6a6b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:hsl(var(--dive-cyan));border-bottom-color:hsl(var(--dive-cyan))}.btn-secondary{width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-primary));cursor:pointer;background:#06b6d414;border:1px solid #06b6d440;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;padding:16px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 15px #00000026}.btn-secondary:hover{background:#06b6d426;border-color:#06b6d480;transform:translateY(-2px);box-shadow:0 8px 25px #06b6d433}.btn-secondary:active{transform:translateY(1px)}.tools-listing-wrapper{z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:40px 24px;position:relative}.tools-header{text-align:center;margin-bottom:48px;position:relative}.back-home-link{color:hsl(var(--dive-cyan));align-items:center;gap:6px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:absolute;top:-10px;left:0}.back-home-link:hover{color:#fff;text-shadow:0 0 8px #06b6d499;transform:translate(-4px)}.small-logo{width:80px!important;height:80px!important}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:48px;display:grid}.tool-card{text-align:left;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;border:1px solid #06b6d426!important;padding:36px 28px!important}.tool-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #06b6d440,0 0 15px #06b6d426;border-color:hsl(var(--dive-cyan))!important}.tool-badge-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tool-icon{filter:drop-shadow(0 2px 8px #06b6d44d);font-size:2rem}.tool-badge{color:hsl(var(--dive-cyan));text-transform:uppercase;letter-spacing:.05em;background:#06b6d41f;border:1px solid #06b6d44d;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700;box-shadow:inset 0 0 4px #06b6d41a}.tool-name{font-family:var(--font-heading);color:#fff;margin-bottom:12px;font-size:1.4rem;font-weight:700;line-height:1.3}.tool-description{color:hsl(var(--text-secondary));flex-grow:1;margin-bottom:28px;font-size:.95rem;line-height:1.6}.tool-actions{grid-template-columns:1fr;gap:12px;display:grid}.tool-actions:has(.btn-admin){grid-template-columns:1fr 1fr}.btn-tool-action{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:12px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-overlay{color:#040814;background:linear-gradient(135deg, hsl(var(--dive-cyan)) 0%, #06b6d4 100%);box-shadow:0 4px 12px #06b6d433}.btn-overlay:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 18px #06b6d459}.btn-admin{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.btn-admin:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 15px #ffffff14}@media (width<=768px){.tools-grid{grid-template-columns:1fr;gap:24px}.back-home-link{justify-content:center;margin-bottom:24px;position:static}.tool-actions:has(.btn-admin){grid-template-columns:1fr}}.card-add-buttons{grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;display:grid}.btn-category-add{cursor:pointer;text-align:center;text-transform:uppercase;border:none;border-radius:4px;padding:5px 2px;font-size:10px;font-weight:700;transition:all .2s}.btn-category-add:hover{filter:brightness(1.15);transform:scale(1.02)}.btn-cat-ur{color:#fff;background:#3f3f52;border:1px solid #ffffff1a}.btn-cat-t10{color:#111115;background:#d4af37}.btn-cat-hr{color:#fff;background:#1976d2}.btn-cat-sir{color:#fff;background:#7b1fa2}.set-add-all-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:20px;padding:12px}.set-add-all-title{color:#a6a6b8;margin-bottom:8px;font-size:13px;font-weight:700}.set-add-all-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.set-add-all-buttons button{padding:8px 4px;font-size:11px}.search-form{gap:10px;width:100%;margin-bottom:20px;display:flex}.search-input{flex:1;color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;outline:none!important;padding:10px 16px!important;font-size:14px!important;transition:all .3s!important}.search-input:focus{border-color:hsl(var(--dive-cyan))!important;background:#ffffff14!important;box-shadow:0 0 10px #06b6d433!important}.set-header{background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:8px!important;align-items:center!important;gap:16px!important;margin-bottom:20px!important;padding:12px!important;display:flex!important}.set-header img{object-fit:contain!important;max-width:120px!important;height:48px!important}.set-header h3{color:#fff!important;font-size:1.1rem!important;font-family:var(--font-heading)!important;margin:0 0 4px!important}.sets-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:16px!important;max-height:550px!important;margin-top:15px!important;padding-right:4px!important;display:grid!important;overflow-y:auto!important}.results-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:16px!important;max-height:550px!important;margin-top:15px!important;padding-right:4px!important;display:grid!important;overflow-y:auto!important}.sets-grid::-webkit-scrollbar{width:6px!important}.results-grid::-webkit-scrollbar{width:6px!important}.sets-grid::-webkit-scrollbar-track{background:#ffffff05!important;border-radius:3px!important}.results-grid::-webkit-scrollbar-track{background:#ffffff05!important;border-radius:3px!important}.sets-grid::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px!important}.results-grid::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px!important}.sets-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.results-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.set-card{cursor:pointer!important;text-align:center!important;box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:10px!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;height:140px!important;padding:14px 10px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.set-card:hover{border-color:hsl(var(--dive-cyan))!important;background:#ffffff12!important;transform:translateY(-3px)!important;box-shadow:0 8px 20px #06b6d426!important}.set-card img{object-fit:contain!important;max-width:100%!important;height:48px!important;margin-bottom:8px!important;transition:transform .2s!important}.set-card:hover img{transform:scale(1.05)!important}.set-card span{color:#fff!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;flex-grow:1!important;justify-content:center!important;align-items:center!important;margin-bottom:4px!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;overflow:hidden!important}.set-card .card-count{color:#a6a6b8!important;background:#ffffff0d!important;border-radius:4px!important;margin-top:auto!important;padding:2px 6px!important;font-size:10px!important;font-weight:500!important}.search-card{text-align:center!important;box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:10px!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;padding:10px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.search-card:hover{border-color:hsl(var(--dive-cyan))!important;background:#ffffff0f!important;box-shadow:0 8px 20px #06b6d41f!important}.search-card img{aspect-ratio:2.5/3.5!important;object-fit:contain!important;border-radius:6px!important;width:100%!important;max-width:90px!important;height:auto!important;margin-bottom:8px!important;transition:transform .2s!important;box-shadow:0 4px 10px #0000004d!important}.search-card:hover img{transform:scale(1.04)translateY(-2px)!important}.search-card span{color:#fff!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;justify-content:center!important;align-items:center!important;min-height:28px!important;margin-bottom:8px!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;overflow:hidden!important}.search-card .btn-add{box-sizing:border-box!important;text-transform:uppercase!important;letter-spacing:.02em!important;width:100%!important;margin:0!important;padding:6px 12px!important;font-size:11px!important;font-weight:700!important}.search-card .card-add-buttons{width:100%!important}