:root{--paper:#f6f8ff;--ink:#171b36;--acid:#ffcb24;--purple:#702bff;--muted:#535d78;--line:#d8dff0;--red:#ff3769;--white:#ffffff;--cyan:#00dbc7}
body{font-size:16px;font-family:'Inter',system-ui,sans-serif;font-feature-settings:'cv11','ss01';line-height:1.5;background:var(--paper)}
button,input,select,textarea{font-family:inherit}header{height:106px;background:#fff;border-bottom:2px solid var(--ink);padding:0 4%;gap:24px}.announcement{background:var(--purple);font-size:14px;letter-spacing:1px;padding:11px 16px;color:#fff}.announcement span{color:var(--acid)}
.brand{gap:10px;letter-spacing:-1.5px}.brand-emblem{width:61px;height:66px;flex-shrink:0}.brand-word{font-family:'Inter',sans-serif;font-size:30px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-1.8px}.brand-bottom{font-size:17px;letter-spacing:1px;margin-top:8px;color:var(--purple);font-weight:900;display:flex;gap:8px;align-items:center}.brand-tagline{font-size:14px;letter-spacing:0;color:var(--ink);font-style:normal;font-weight:600;line-height:1.1;max-width:87px}
nav{gap:20px;font-size:15px;margin:auto}nav a{padding:16px 0}nav a.active{color:var(--purple);border-bottom:3px solid var(--purple)}.header-actions{gap:8px}.icon-button,.cart-button{min-width:42px;min-height:44px}.icon{width:22px;height:22px}.cart-count{width:24px;height:24px;font-size:14px;background:var(--acid);color:var(--ink)}.account-name{max-width:65px;font-size:14px}
.hero{margin:30px 4% 0;min-height:505px;border:2px solid var(--ink);background:radial-gradient(ellipse at 82% 35%,#973bff 0,transparent 41%),linear-gradient(125deg,#140827 0%,#291050 52%,#5320bb 100%);color:white;box-shadow:7px 7px 0 var(--purple);isolation:isolate}.hero-copy{padding:46px 0 44px 40px}.eyebrow{font-size:14px;letter-spacing:1.2px;line-height:1.5}.hero .eyebrow{color:var(--cyan)}.hero h1{font-weight:900;font-size:clamp(46px,4.85vw,74px);letter-spacing:-3px;line-height:1.08;margin:22px 0 25px}.hero h1 em{color:var(--acid);font-weight:900;white-space:nowrap}.hero h1 em:after{background:var(--cyan);height:4px;bottom:-5px}.hero-copy p{max-width:410px;font-size:17px;color:#e2d8fb;line-height:1.75;margin-bottom:28px}.hero-meta{font-size:14px;gap:18px;color:#e8e2fb;flex-wrap:wrap}.hero-meta .icon{width:18px;height:18px;color:var(--cyan)}.hero-art:before{background:repeating-conic-gradient(from 15deg at 55% 50%,transparent 0 16deg,#b697fc50 16deg 17deg)}.hero-art:after{background-image:radial-gradient(#effffc80 1px,transparent 1px);background-size:7px 7px}.collectible{top:80px;width:190px;height:292px;box-shadow:8px 12px 0 #09001966;filter:saturate(1.3);border:5px solid #120927}.collectible.left{top:143px;left:6%}.collectible.center{top:83px;left:34%}.collectible.right{top:139px;left:61%}.burst{font-size:28px;font-weight:900;background:var(--acid);color:var(--ink);width:140px;height:140px;top:22px;right:8%;filter:drop-shadow(3px 3px #120927)}.speech{font-size:15px;color:var(--ink);background:#fff;border:2px solid var(--ink);bottom:43px;left:19%;max-width:330px;line-height:1.4}.speech:after{background:#fff;border-color:var(--ink)}
.button{background:var(--acid);font-size:16px;min-height:50px;padding:13px 20px;box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink);line-height:1.4}.button.purple{color:white;background:var(--purple)}.button.secondary{background:#fff}.button.small{font-size:14px;min-height:44px;padding:10px 14px}.button.dark{background:var(--ink)}.hero .button{background:var(--acid);color:var(--ink);box-shadow:4px 4px 0 var(--cyan)}.hero-arrow{font-size:23px}.text-button{font-size:15px;min-height:40px;line-height:1.5}
.ticker{font-size:14px;padding:25px 4% 19px;gap:15px;letter-spacing:0;font-weight:700;flex-wrap:wrap}.ticker .icon{width:19px;height:19px;color:var(--purple)}.section{margin:47px 4%}.section-top{gap:20px}.section-top h2{font-weight:900;font-size:32px;line-height:1.2;letter-spacing:-1px;margin-top:10px}.category-pills{gap:8px}.pill{font-size:14px;border:1px solid #b7bfd8;min-height:44px;padding:11px 14px;font-weight:700;background:#fff;line-height:1.4}.pill.active{background:var(--purple);border-color:var(--purple);color:#fff}.catalog{grid-template-columns:180px 1fr;gap:30px}.filters{padding-right:22px}.filters h3{font-size:16px}.filters h4{font-size:14px;letter-spacing:.5px}.filter{font-size:15px;gap:10px}.filter input{width:19px;height:19px;accent-color:var(--purple)}.filter-note{font-size:14px!important;background:#e9e4ff!important;border-bottom-color:var(--purple)!important}.subtle{font-size:16px;line-height:1.75;color:var(--muted)}
.catalog-toolbar{font-size:14px;flex-wrap:wrap;margin-bottom:20px}.catalog-toolbar input{font-size:16px;padding:12px}.catalog-toolbar select{font-size:14px;max-width:210px;min-height:44px}.search{border:1px solid #b9c3e0;max-width:330px}.search .icon{width:20px}.grid{gap:27px 20px}.product{background:#fff;padding:10px 10px 15px;border:1px solid var(--line);box-shadow:0 4px 0 #e2e5f5}.art-panel{background:#7d32ff;border:0;aspect-ratio:1.12}.art-panel[data-art="dragon"]{background:radial-gradient(ellipse at 50% 35%,#bb64ff,#6522eb)}.art-panel[data-art="electric"]{background:radial-gradient(ellipse at 50% 35%,#ffe76b,#ffb20c)}.art-panel[data-art="deck"]{background:linear-gradient(140deg,#08ddcb,#009bde)}.art-panel[data-art="box"]{background:linear-gradient(140deg,#ff7694,#ff315f)}.art-panel[data-art="sleeves"]{background:linear-gradient(140deg,#00dbc7,#008997)}.art-panel[data-art="archive"]{background:linear-gradient(140deg,#6780ff,#2940c6)}.art-panel:before{background-image:radial-gradient(#11174366 1px,transparent 1px);background-size:7px 7px}.product-art{height:85%;width:83%;filter:drop-shadow(6px 10px 4px #10102c55);object-fit:contain}.tag{font-size:14px;font-weight:800;padding:5px 9px;top:10px;left:10px;border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:white}.tag.live{background:var(--red);color:white}.add-icon{width:42px;height:42px;font-size:24px;bottom:10px;right:10px;background:var(--acid)}.game-label{font-size:14px;letter-spacing:.4px;margin-top:15px;color:#5d607c}.product h3{font-size:17px;line-height:1.5;margin:7px 0 12px}.product-detail{font-size:inherit;min-height:0}.price{font-size:21px;font-weight:800;letter-spacing:-.5px}.stock{font-size:14px;color:#3e5667}.product-bottom{flex-wrap:wrap;gap:7px}.product .description{font-size:15px;line-height:1.7;min-height:50px;color:var(--muted)}.product .button{font-size:15px;margin-top:16px;padding:12px 8px;gap:9px}.time-left{font-family:'Inter',sans-serif;font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.5px;color:var(--acid);background:var(--ink);padding:11px 6px}
.feature-row{gap:25px}.feature-banner{background:linear-gradient(120deg,#6020ef,#9c31ef);color:white;padding:32px;box-shadow:5px 5px 0 var(--ink)}.feature-banner .eyebrow{color:var(--cyan)}.feature-banner.lime{background:linear-gradient(120deg,#ffbf00,#ffe33a);color:var(--ink)}.feature-banner.lime .eyebrow{color:var(--ink)}.feature-banner h3{font-size:31px;font-weight:900;letter-spacing:-1px;line-height:1.2;max-width:410px}.feature-banner p{max-width:365px;font-size:16px;line-height:1.75}.feature-banner .graphic-word{font-weight:900;font-size:120px}.feature-banner .button{font-size:15px}.page-heading{background:radial-gradient(ellipse at 80% 0,#6533d6,transparent 55%),linear-gradient(120deg,#191036,#381163);color:white;border-bottom:4px solid var(--purple);padding:36px 4% 30px}.page-heading .eyebrow{color:var(--cyan)}.page-heading h1{font-size:clamp(36px,4.8vw,59px);font-weight:900;letter-spacing:-2px;line-height:1.15;margin:20px 0}.page-heading p{font-size:17px;color:#e4dcf5;max-width:780px}.page-heading .badge{font-size:14px;padding:9px 13px;background:var(--acid);color:var(--ink);font-weight:700}.info-bar,.notice{font-size:16px;line-height:1.75;padding:18px 20px}.info-bar{background:#ebefff;border-color:#cbd5ef}.notice{background:#ebe4ff;color:#302250;border-left:4px solid var(--purple)}
.panel{border:1px solid #cdd6ec;background:#fff;padding:24px;box-shadow:0 4px 0 #e4e9f8}.empty{font-size:16px;background:#edf2ff;border-color:#a3aec8}.blog-card{padding:30px;font-size:16px;min-height:295px;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.blog-card:first-child{background:var(--acid)}.blog-card h2{font-size:30px;font-weight:850;letter-spacing:-1px;line-height:1.25}.blog-card p{font-size:16px;color:#34354f;line-height:1.8}.article-label,.article-date{font-size:14px}.prose{font-size:17px}.lp-panel{background:linear-gradient(135deg,#7831ff,#a148ff);color:white;padding:26px}.lp-panel:nth-child(2){background:linear-gradient(135deg,#00d8c2,#4ae8d4);color:var(--ink)}.lp-panel input{color:inherit;font-size:17px}.lp-number{font-family:'Inter',sans-serif;font-size:83px;font-weight:900;letter-spacing:-5px;font-variant-numeric:tabular-nums;line-height:1.45}.lp-label{font-size:14px;letter-spacing:2px}.lp-panel.selected{outline-color:var(--purple)}.calc-display{font-size:34px;color:var(--acid);font-family:'Inter',sans-serif;font-weight:600;font-variant-numeric:tabular-nums}.calc-keys button{font-size:24px;padding:14px;border-color:#c1cbe4;background:#f1f4ff}.quick-damage button{font-size:14px;min-height:44px;background:#fff;border:1px solid #a6b4d3}.random-result{font-size:54px;font-weight:900;line-height:1.5}.duel-log{font-size:15px}.duel-log div{padding:7px}.content-note{font-size:14px;color:#555f7c;line-height:1.75}.form-hint{font-size:14px;color:#555f7c;line-height:1.75}.form-error{font-size:16px}.form-title{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1.3;margin:8px 0 22px}
label.field{font-size:16px;gap:9px;margin-bottom:20px}.field input,.field select,.field textarea{font-size:16px;border-color:#afbdd8;min-height:49px;padding:12px;background:white}.auth-switch{gap:7px;flex-wrap:wrap}.auth-switch .pill{font-size:14px}.form-grid{gap:18px}dialog{background:#f8faff;max-height:92dvh;width:min(620px,calc(100% - 24px));border:2px solid var(--ink);box-shadow:7px 7px 0 var(--purple)}dialog .close{width:38px;height:38px;font-size:17px;background:var(--purple)}.cart-line h3{font-size:16px}.quantity{font-size:16px}.quantity button{width:36px;height:36px}.cart-total{font-size:24px}.status{font-size:14px;padding:7px 10px;line-height:1.4}.result{font-size:15px;padding:6px 8px}.status.pending,.status.reserved{background:#ffdd7e;color:#462f00}.status.confirmed,.status.paid,.status.delivered,.status.finished{background:#b7f4d9;color:#13462f}.status.rejected,.status.cancelled{background:#ffcad2;color:#722436}.metric span{font-size:14px;letter-spacing:.5px}.metric strong{font-size:29px;font-weight:850;letter-spacing:-1px;line-height:1.3}.admin-menu button{font-size:16px;padding:15px 12px}.admin-menu button.active{background:var(--purple);color:white}.admin-row h3{font-size:17px}.admin-row p{font-size:15px;line-height:1.7}.admin-row{padding:20px 0}.admin-row img{width:72px;height:92px}.admin-layout{grid-template-columns:185px 1fr}.order-card{font-size:16px;padding:24px;border-color:#cdd6ec}.order-card h3{font-size:18px}.order-card p{font-size:16px}.order-summary .price{font-size:23px}.order-card select{font-size:16px;min-height:44px;padding:10px;max-width:100%}table{font-size:15px}th{font-size:14px;letter-spacing:0;background:#eaf0ff;padding:14px}td{padding:16px 14px}.match{font-size:16px;padding:18px;gap:14px}.match small{font-size:14px}.match .versus{font-size:14px}.match select{font-size:15px;min-height:44px;max-width:92px}.badge-count{font-size:14px;background:var(--acid)}.tabs .pill{font-size:15px}
.image-uploader{background:#eef2ff;border:1px solid #b4c2df;padding:20px;display:grid;grid-template-columns:130px 1fr;gap:20px;margin:10px 0 25px}.upload-preview{background:#dbe5ff;border:1px solid #bdc9e7;display:grid;place-items:center;min-height:170px}.upload-preview img{max-width:100%;max-height:210px;object-fit:contain}.upload-controls .field{margin-bottom:10px}.upload-controls input[type=file]{border:1px dashed var(--purple);background:white;padding:12px;width:100%;font-size:14px;min-height:50px}.upload-controls input[type=file]::file-selector-button{font:inherit;font-weight:700;padding:9px 12px;border:0;background:var(--purple);color:white;margin-right:12px;cursor:pointer}.upload-storage{font-size:14px;color:#4b447e;line-height:1.5}.upload-controls #upload-status{font-size:15px;font-weight:600;color:#5532a5;line-height:1.6}.image-url-option{grid-column:1/-1;font-size:15px}.image-url-option summary{cursor:pointer;color:#483381;min-height:35px}.image-url-option .field{margin-bottom:0}
footer{font-size:16px;background:#160c2e;padding:40px 4%;color:#fff}footer small{font-size:14px;color:#c6bde2;display:inline-block;margin-top:7px}.footer-logo{font-size:25px;font-weight:900;letter-spacing:-.8px}.footer-logo span{font-family:Inter,sans-serif;font-size:14px;color:var(--cyan);letter-spacing:0;margin-left:54px}.footer-emblem{width:45px;height:45px;vertical-align:middle;margin-right:9px}.footer-logo{line-height:1.6}footer .text-button{color:var(--acid);font-size:16px}#toast{font-size:16px;line-height:1.6;background:var(--ink);color:white;border:2px solid var(--cyan)}.source-link{font-size:14px}
@media(max-width:1250px){header{gap:14px;padding:0 3%}nav{gap:14px;font-size:14px}.brand-word{font-size:27px}.brand-emblem{width:54px;height:58px}.brand-tagline{display:none}.hero-copy{padding-left:32px}.hero h1{font-size:57px}.hero-meta span:last-child{display:none}.collectible{width:162px;height:251px}.hero-art .collectible{width:162px;height:251px}.collectible.left{left:3%;top:151px}.collectible.center{left:31%;top:85px}.collectible.right{left:58%;top:147px}.account-name{display:none}.category-pills{flex-wrap:wrap}.section-top{align-items:flex-start}.section-top h2{font-size:29px}.section-top>div:first-child{max-width:400px}.catalog-toolbar{gap:12px}.catalog-toolbar>span{width:100%}}
@media(max-width:1000px){header{height:95px}nav{display:none;position:absolute;top:93px;left:0;right:0;background:#fff;grid-template-columns:repeat(3,1fr);padding:16px 4%;border-bottom:2px solid var(--ink);font-size:15px;gap:10px;z-index:20}nav.open{display:grid}.mobile-menu{display:flex}.header-actions{margin-left:auto}.catalog{grid-template-columns:155px 1fr;gap:22px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero-copy p{font-size:16px;max-width:315px}.hero .eyebrow{max-width:280px}.hero-meta{gap:14px}.hero-art .collectible{width:139px;height:222px}.collectible.left{left:1%;top:156px}.collectible.center{left:26%;top:107px}.collectible.right{left:50%;top:167px}.burst{width:118px;height:118px;font-size:25px;right:3%;top:49px}.speech{font-size:14px;left:5%;right:5%;bottom:60px;max-width:300px}.ticker{gap:14px;font-size:14px;justify-content:center}.ticker span{flex-basis:45%;justify-content:center}.ticker span:nth-child(3){display:flex}.ticker span:last-child{display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{flex-direction:column;gap:20px}.section-top>div:first-child{max-width:none}.category-pills{flex-wrap:wrap}.admin-layout{grid-template-columns:1fr}.admin-menu{flex-direction:row;overflow:auto}.metrics{grid-template-columns:repeat(2,1fr)}.feature-banner h3{font-size:28px}.feature-banner p{font-size:16px}.hero{min-height:515px}.header-actions{gap:5px}.brand-tagline{display:block}}
@media(max-width:850px){.filters{display:none}.catalog{grid-template-columns:1fr}.hero{margin:23px 4% 0}.hero-copy{padding:32px 0 34px 28px}.hero-meta{font-size:14px}.hero-art .collectible{width:132px;height:211px}.collectible.left{left:-1%;top:148px}.collectible.center{left:24%;top:97px}.collectible.right{left:48%;top:148px}.speech{left:0;right:4%;bottom:67px}.page-heading h1{font-size:46px}.two-cols{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr}.brand-word{font-size:28px}.hero-copy p{max-width:290px}.hero-copy .button{font-size:15px}.hero .eyebrow{font-size:14px}.section-top h2{font-size:30px}.product h3{font-size:17px}.stock{font-size:14px}.grid{gap:24px 18px}.catalog-toolbar>span{width:auto}.catalog-toolbar{justify-content:flex-start}.search{order:-1;flex-basis:100%;max-width:none}}
@media(max-width:600px){header{height:88px;padding:0 4%;gap:5px}.announcement{font-size:14px;white-space:normal;line-height:1.5;padding:8px 15px}.announcement span,.announcement{letter-spacing:0}.announcement{max-height:57px;overflow:hidden}.brand-emblem{width:47px;height:51px}.brand{gap:7px}.brand-word{font-size:25px;letter-spacing:-1.5px}.brand-bottom{font-size:16px;margin-top:7px;letter-spacing:.5px}.brand-tagline{display:none}.header-actions{gap:0}.icon-button,.cart-button{min-width:38px;min-height:44px}.header-actions .icon{width:21px;height:21px}.cart-count{width:22px;height:22px;font-size:14px}.cart-button{gap:2px}nav{top:86px;gap:8px;font-size:15px;padding:16px 5%}.hero{grid-template-columns:1fr;min-height:auto;box-shadow:4px 4px 0 var(--purple);margin:20px 4% 0}.hero-copy{padding:28px 22px 0}.hero .eyebrow{max-width:none;font-size:14px;letter-spacing:.4px}.hero h1{font-size:clamp(37px,10.8vw,52px);line-height:1.09;letter-spacing:-2.4px;margin:20px 0 26px}.hero-copy p{font-size:16px;max-width:340px;line-height:1.7;margin-bottom:25px}.hero .button{font-size:16px;padding:13px 17px;min-height:50px}.hero-meta{font-size:14px;gap:12px;line-height:1.5;flex-direction:column;margin-top:23px}.hero-meta .icon{width:19px;height:19px}.hero-art{height:326px;margin-top:15px}.hero-art .collectible{width:126px;height:195px}.collectible.left{top:80px;left:calc(50% - 153px)}.collectible.center{top:37px;left:calc(50% - 58px)}.collectible.right{top:86px;left:calc(50% + 25px)}.burst{width:100px;height:100px;top:7px;right:4%;font-size:22px}.speech{bottom:21px;left:7%;right:7%;font-size:14px;max-width:300px;padding:11px 13px}.ticker{padding:25px 5% 20px;gap:15px;justify-content:flex-start}.ticker span{flex-basis:100%;justify-content:flex-start;gap:10px;font-size:14px}.ticker span:nth-child(3){display:none}.ticker span:last-child{display:none}.section{margin:35px 4%}.section-top h2{font-size:29px;line-height:1.2}.eyebrow{font-size:14px;letter-spacing:.6px}.category-pills{flex-wrap:wrap;overflow:visible;padding:0;gap:7px}.pill{font-size:14px;padding:10px 12px;min-height:44px}.catalog-toolbar{gap:11px}.catalog-toolbar>span{width:100%;font-size:14px}.catalog-toolbar input{font-size:16px}.catalog-toolbar select{font-size:14px;max-width:100%;padding:11px 9px;min-height:44px;background:white;border:1px solid #bbc6e0}.grid,.wide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.product{padding:7px 7px 13px}.art-panel{aspect-ratio:.91}.tag{font-size:14px;top:7px;left:7px;padding:4px 6px;max-width:calc(100% - 14px);line-height:1.25}.add-icon{width:40px;height:40px;bottom:7px;right:7px;font-size:23px}.game-label{font-size:14px;letter-spacing:0;line-height:1.4;margin-top:12px;overflow-wrap:anywhere}.product h3{font-size:16px;line-height:1.5;min-height:48px;margin:7px 0 12px}.product-bottom{flex-direction:column;gap:4px}.price{font-size:20px}.stock{font-size:14px}.product .description{font-size:15px;min-height:76px;line-height:1.6}.product .button{font-size:14px;min-height:48px;gap:5px;padding:10px 5px;box-shadow:2px 2px 0 var(--ink)}.product .button .icon{width:18px;height:18px}.time-left{font-size:14px;letter-spacing:0;line-height:1.5;min-height:44px}.feature-banner{padding:25px}.feature-banner h3{font-size:28px;font-weight:900}.feature-banner p{font-size:16px}.feature-banner .eyebrow{font-size:14px}.feature-banner .button{font-size:15px}.page-heading{padding:30px 5%}.page-heading h1{font-size:37px;letter-spacing:-1.7px;overflow-wrap:anywhere}.page-heading p{font-size:16px}.page-heading .badge{font-size:14px;line-height:1.6}.info-bar,.notice{font-size:16px;padding:15px}.panel{padding:19px}.blog-grid{grid-template-columns:1fr}.blog-card{padding:25px}.blog-card h2{font-size:28px}.blog-card p{font-size:16px}.form-title{font-size:27px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:27px 20px;max-height:92dvh}.field input,.field select,.field textarea{font-size:16px}label.field{font-size:16px}.auth-switch{gap:7px}.auth-switch .pill{font-size:14px;padding:10px 12px}.cart-line{gap:10px;flex-wrap:wrap}.cart-line .grow{min-width:150px}.cart-line h3{font-size:16px}.cart-total{font-size:21px}.cart-line>b{margin-left:auto}.arena{padding:0 4%;margin-top:28px}.arena-heading{flex-direction:column;gap:15px}.arena-heading .category-pills{flex-wrap:wrap}.arena-heading .pill{font-size:15px;padding:10px 14px}.arena-heading .text-button{font-size:15px}.duel-players{gap:13px}.lp-panel{padding:18px 5px;box-shadow:3px 3px 0 var(--ink)}.lp-panel input{font-size:16px;width:96%;padding:7px 2px}.lp-number{font-size:clamp(42px,13vw,64px);letter-spacing:-2.5px;margin-top:14px;line-height:1.5}.lp-label{font-size:14px;letter-spacing:1px}.calc-actions{flex-wrap:wrap}.calc-actions button{font-size:14px;padding:12px 8px;min-width:105px}.calc-actions button:last-child{flex-basis:100%}.quick-damage{gap:8px}.quick-damage button{font-size:14px;min-height:44px;padding:10px 12px}.arena-tools{grid-template-columns:1fr}.random-result{font-size:44px;font-weight:900}.random-tools{gap:10px}.random-tools .button{padding:12px;font-size:16px}.duel-log{font-size:15px}.content-note,.form-hint{font-size:14px}.image-uploader{grid-template-columns:1fr;padding:15px;gap:16px}.upload-preview{height:200px;min-height:0}.upload-preview img{max-height:190px}.upload-controls input[type=file]{font-size:14px;max-width:100%}.upload-controls input[type=file]::file-selector-button{padding:9px;font-size:14px;margin-right:7px}.image-url-option{grid-column:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px;min-width:0}.metric span{font-size:14px;line-height:1.5}.metric strong{font-size:25px;overflow-wrap:anywhere}.admin-row{gap:13px}.admin-row h3{font-size:17px}.admin-row p{font-size:15px}.admin-row .grow{min-width:170px}.admin-row img{width:57px;height:75px}.admin-menu button{font-size:16px}.order-card{padding:19px}.order-card p{font-size:16px}.order-summary{flex-wrap:wrap}.order-summary .price{font-size:23px}.match{grid-template-columns:1fr auto 1fr;gap:8px;padding:13px;font-size:15px}.match .rival{min-width:0;overflow-wrap:anywhere}.match small{font-size:14px}.match select{font-size:15px;width:79px;max-width:79px;padding:8px 4px}.tournament-header{flex-direction:column;align-items:flex-start}.tournament-header h2{font-size:25px;line-height:1.4}.tabs{gap:9px}.tabs .pill{font-size:15px}.table-wrap{margin-left:0;margin-right:0}th{font-size:14px}td{font-size:15px}.section-top .text-button{font-size:15px}.status{font-size:14px}.source-link{font-size:14px}footer{flex-direction:column;align-items:flex-start;gap:22px;font-size:16px;padding:32px 5%}footer small{font-size:14px}.footer-logo{font-size:24px}.footer-logo span{font-size:14px}.footer-emblem{width:43px;height:43px}#toast{font-size:16px;padding:13px 18px;width:90%;bottom:18px}}
@media(max-width:360px){.brand-emblem{width:40px;height:45px}.brand-word{font-size:23px}.brand-bottom{font-size:15px}.header-actions .icon-button,.cart-button{min-width:35px}.hero-copy{padding-left:18px;padding-right:18px}.hero h1{font-size:36px;letter-spacing:-2.2px}.hero-art .collectible{width:113px;height:177px}.collectible.left{left:calc(50% - 133px)}.collectible.center{left:calc(50% - 53px)}.collectible.right{left:calc(50% + 20px)}.hero-art{height:309px}.product .price{font-size:19px}.tag{font-size:14px}.metrics{grid-template-columns:1fr}.hero .eyebrow{font-size:14px;letter-spacing:0}.product .button .icon{display:none}.feature-banner h3{font-size:26px}.form-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Logo generado de Illusia: composición horizontal y emblema adaptable. */
.brand-lockup{display:block;width:235px;height:auto;object-fit:contain}.brand{gap:0}.footer-emblem{width:52px;height:52px;object-fit:contain;margin-right:5px}@media(max-width:1250px){.brand-lockup{width:205px}}@media(max-width:1000px){.brand-lockup{width:225px}}@media(max-width:600px){.brand-lockup{width:178px;max-width:100%}.brand{min-width:0;flex-shrink:1}.header-actions{flex-shrink:0}.footer-emblem{width:48px;height:48px}}@media(max-width:360px){.brand-lockup{width:153px}}

.bank-image{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:18px auto;border-radius:12px}.transfer-details{border:2px solid #702bff;padding:16px;border-radius:14px;margin-bottom:20px}.transfer-details p{overflow-wrap:anywhere}

/* Banner editor: three independently editable positions, one atomic save. */
.banner-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.banner-slot{min-width:0;padding:16px;border:2px solid var(--ink);border-radius:12px;background:var(--white)}
.banner-slot h3{font-size:18px;margin:0}.banner-slot .field{font-size:16px}.banner-slot input[type=file]{width:100%;min-width:0;font-size:14px}.banner-slot input[type=file]::file-selector-button{font-size:14px;padding:8px 6px;margin-right:5px}
.banner-image-preview{height:230px;display:grid;place-items:center;overflow:hidden;background:#1b063b;border-radius:8px;margin:16px 0}.banner-image-preview img{width:100%;height:100%;object-fit:contain}
.banner-slot .text-button{font-size:15px;margin-top:10px;text-align:left}.banner-editor .form-hint{font-size:15px;line-height:1.6}.hero-art .collectible img.banner-custom{object-fit:contain;background:#140925}
@media(max-width:850px){.banner-editor-grid{grid-template-columns:1fr}.banner-image-preview{height:260px}.banner-slot input[type=file]{font-size:16px}}

.payment-bank{background:linear-gradient(135deg,#200c41,#421582);border:2px solid #702bff;color:#fff;border-radius:18px;padding:22px;margin:20px 0;box-shadow:0 5px 0 #171b36}
.payment-bank-heading{display:flex;align-items:center;gap:14px}.payment-bank-heading .eyebrow{color:#c4b2f6}.payment-bank-heading h3{font-size:24px;margin:3px 0 0}.payment-bank-icon{display:grid;place-items:center;width:48px;height:48px;background:#702bff;border:1px solid #b783ff;border-radius:12px}.payment-bank-icon .icon{width:28px;height:28px}.payment-holder{font-size:15px;color:#d8c9fa;display:flex;gap:8px;flex-wrap:wrap}.payment-holder strong{color:#fff}
.payment-number-card{padding:16px;background:#fff;color:#171b36;border-left:5px solid #00dbc7;border-radius:10px;margin:12px 0}.payment-number-card.oxxo{border-color:#ffcb24}.payment-number-card>span{display:block;font-size:15px;font-weight:800;color:#702bff}.payment-number-card label{display:block;font-size:14px;color:#535d78;margin-top:6px}.payment-number-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.payment-number-row strong{font-size:clamp(17px,4.7vw,22px);font-variant-numeric:tabular-nums;letter-spacing:.3px;overflow-wrap:anywhere}.payment-number-row button{color:#702bff;font-weight:700}.payment-bank .form-hint{color:#eee5ff}.payment-concept{display:flex;flex-wrap:wrap;gap:6px;font-size:15px}.payment-concept strong{color:#ffcb24}.payment-balance{display:flex;gap:16px;padding:16px;border-radius:12px;background:#f0e9ff;flex-wrap:wrap}.payment-balance>span{flex:1;font-size:15px}.payment-balance b{display:block;font-size:23px;color:#702bff}.payment-channel-actions{display:grid;gap:12px;margin:20px 0}.payment-channel-actions .button{text-align:center;justify-content:center}.whatsapp-button{background:#087b47!important;color:#fff!important}.payment-channel-actions+ .form-hint{font-size:14px}#app-payment-fields[hidden],[data-user-row][hidden]{display:none}
.admin-users-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.user-profile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.user-avatar{width:44px;height:44px;border-radius:12px;background:#702bff;color:#fff;font-size:24px;font-weight:800;display:grid;place-items:center}.user-profile-card h3{font-size:20px;margin:16px 0 5px}.user-email{display:block;color:#702bff;font-size:16px;overflow-wrap:anywhere}.user-activity{display:flex;gap:20px;margin-top:18px;font-size:15px}.user-activity strong{color:#702bff;font-size:20px}.user-delivery{font-size:15px;margin-top:18px}.user-delivery summary{font-weight:700}.user-delivery p{overflow-wrap:anywhere}.notification-count{background:#ffcb24;color:#171b36;padding:2px 7px;border-radius:20px;font-size:14px}.notification-card{display:flex;gap:16px;padding:22px;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:#fff}.notification-card.unread{border-left:5px solid #702bff;background:#f6f1ff}.notification-symbol{width:42px;height:42px;border-radius:12px;background:#e9dcff;color:#702bff;display:grid;place-items:center;flex-shrink:0}.notification-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notification-title h3{font-size:18px;margin:0}.notification-new{font-size:14px;background:#702bff;color:#fff;border-radius:20px;padding:3px 9px}.notification-card p{font-size:16px;margin:8px 0;overflow-wrap:anywhere}.notification-card time{font-size:14px;color:#535d78}.notification-card .row{flex-wrap:wrap;gap:16px;margin-top:8px}
@media(max-width:650px){.admin-users-grid{grid-template-columns:1fr}.payment-bank{padding:16px}.payment-number-card{padding:12px}.payment-number-row{gap:2px}.payment-balance b{font-size:20px}.notification-card{padding:16px;gap:12px}.notification-symbol{width:34px;height:34px}.payment-channel-actions .button{font-size:15px;padding:12px}.payment-bank-heading h3{font-size:22px}}
@media(max-width:650px){.payment-number-row strong{font-size:16px;letter-spacing:0;white-space:nowrap}}

.stripe-payment-panel{padding:22px;background:#ede5ff;border:2px solid #702bff;border-radius:14px;margin:20px 0}.stripe-payment-panel h3{font-size:22px;margin:0 0 8px}.stripe-payment-panel p{font-size:15px}.stripe-payment-panel .field{font-size:16px}.stripe-payment-panel .button{width:100%;justify-content:center}.stripe-return{padding:20px;border:2px solid #702bff;border-radius:14px;margin-bottom:24px;background:#eee7ff}.stripe-return p{font-size:16px}.stripe-setup-list{font-size:16px;line-height:1.8;padding-left:22px}.stripe-status{background:#eee7ff;border-radius:12px;padding:18px;margin:20px 0}.stripe-status strong{font-size:20px;color:#702bff}

/* Transparent horizontal logo with complete artwork and readable lettering. */
.brand-lockup{width:220px;height:104px;max-width:none;object-fit:contain;flex-shrink:0}.brand{flex:0 0 auto}.footer-logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-emblem{width:250px;height:auto;object-fit:contain;margin:0}.footer-logo span{margin:0}@media(max-width:1000px){.brand-lockup{width:195px;height:92px}}@media(max-width:600px){.brand-lockup{width:170px;height:80px}.footer-emblem{width:230px;height:auto}}@media(max-width:360px){.brand-lockup{width:150px;height:72px}}
/* App installation, community and store visit. */
.community-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4%;background:#f0ebff;border-bottom:1px solid #d9cdf9;color:#24133d;font-size:14px}.install-top{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid #702bff;border-radius:999px;background:#702bff;color:#fff;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}.install-top .icon{width:18px;height:18px}.community-links{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.community-links>span{font-weight:650}.social-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-weight:700;text-decoration:none}.facebook-link{color:#214caf}.facebook-link b{display:grid;place-items:center;background:#214caf;color:#fff;border-radius:50%;width:22px;height:22px;font-size:19px}.whatsapp-link{color:#08683d}.social-dot{width:9px;height:9px;border-radius:50%;background:#0e9857}.community-bar a:focus-visible,.install-top:focus-visible,footer a:focus-visible{outline:3px solid #ffcb24;outline-offset:4px}.community-bar a:hover{text-decoration:underline}footer{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;gap:36px;align-items:start}footer h2{font-size:18px;line-height:1.5;margin:0 0 14px;color:#fff}footer .footer-contact>a{display:block;width:fit-content;margin-bottom:12px;color:#fff;overflow-wrap:anywhere}footer address{font-size:16px;line-height:1.8;font-style:normal;color:#e2daf5}.footer-location .text-button{display:inline-flex;margin-right:16px}.blog-featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;background:#fff!important;padding:18px}.blog-cover{width:100%;height:100%;min-height:300px;object-fit:cover;border:1px solid #24133d}.blog-featured .blog-copy{align-self:center;padding:16px 14px 16px 0}.blog-featured h2{font-size:clamp(28px,3vw,40px)}.visit-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.visit-photo{display:flex;align-items:center;justify-content:center;border:1px solid #b7b0cf;border-radius:10px;overflow:hidden;background:#130c21;min-width:0}.visit-photo img{display:block;width:100%;height:260px;object-fit:contain}.visit-photo:first-child{grid-column:1/-1}.visit-photo:first-child img{height:auto;max-height:420px}.card-payment-total{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-payment-total strong{font-size:26px;color:#702bff}#install{display:none}
@media(max-width:850px){.community-links>span{display:none}.community-links{gap:12px}footer{grid-template-columns:1fr 1fr}.footer-location{grid-column:1/-1}.blog-featured{grid-template-columns:1fr}.blog-featured .blog-copy{padding:8px 10px 18px}.blog-cover{max-height:360px;min-height:220px}}
@media(max-width:600px){.community-bar{display:grid;grid-template-columns:1fr;padding:10px 4%;gap:6px}.install-top{justify-self:center;padding:9px 20px}.community-links{justify-content:center;gap:20px;font-size:14px}.community-links .social-link{min-height:38px}footer{grid-template-columns:1fr;gap:28px}.footer-location{grid-column:auto}.visit-gallery{grid-template-columns:1fr}.visit-photo img{height:auto;max-height:440px}.blog-featured{padding:10px;gap:8px}.blog-cover{min-height:0;max-height:300px;aspect-ratio:4/3}.blog-featured h2{font-size:29px}}

/* Show the full store photographs, including vertical group shots. */
.blog-featured .blog-cover{object-fit:contain;background:#160c2e;height:auto;max-height:420px;min-height:0;aspect-ratio:4/3;align-self:center}@media(max-width:600px){.blog-featured .blog-cover{max-height:300px}}

/* Payment methods and transfer review */
.payment-choices{border:0;padding:0;margin:22px 0;display:grid;gap:12px}.payment-choices legend{font-size:18px;font-weight:800;margin-bottom:12px}.payment-choice{display:flex;gap:12px;align-items:center;padding:16px;border:2px solid #b9a5e1;border-radius:14px;background:#fff;cursor:pointer}.payment-choice:has(input:checked){border-color:#7539e9;background:#f2ecff;box-shadow:0 0 0 2px #7539e91a}.payment-choice:has(input:disabled){opacity:.65}.payment-choice input{width:20px;height:20px;flex:none;accent-color:#7539e9}.payment-choice span{display:grid;gap:5px}.payment-choice b{font-size:18px}.payment-choice small{font-size:14px;line-height:1.5}.transfer-progress{display:grid;gap:8px;padding:16px;margin:16px 0;border-radius:12px;background:#ede6ff;border-left:4px solid #7539e9;font-size:15px;overflow-wrap:anywhere}.transfer-progress time{font-weight:800}.transfer-panel{padding:20px;background:#f8f5ff;border:1px solid #c7b5ea;border-radius:16px;margin-top:16px}.bank-number{display:grid;gap:8px;padding:14px 0}.bank-number strong{font-size:clamp(17px,4.5vw,24px);letter-spacing:.04em;overflow-wrap:anywhere}.bank-number .text-button{justify-self:start}.transfer-panel input[type=file]{max-width:100%}@media(max-width:480px){.transfer-panel{padding:14px}.payment-choice{padding:12px}}

.whatsapp-receipt{margin-top:18px;padding-top:18px;border-top:1px solid #c7b5ea}.whatsapp-receipt-button{background:#087d46;color:#fff;border-color:#06472a;text-align:center;white-space:normal}.whatsapp-receipt-button:hover{background:#09693d}.whatsapp-receipt .form-hint{margin-bottom:0}

/* Catalog availability and installed-app controls. */
.availability-filter{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid #baa1e9;border-radius:9px;background:#f3ecff;color:#34145d;font-size:15px;font-weight:750;cursor:pointer;white-space:nowrap}.catalog-toolbar .availability-filter input{width:19px;height:19px;margin:0;padding:0;accent-color:#7539e9;flex:none}.availability-filter:has(input:checked){border-color:#702bff;background:#eadeff}.product-availability{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:17px;padding:13px 16px;border-radius:10px;width:fit-content;margin:18px 0}.product-availability.in-stock{background:#dff6ec;color:#095e3d}.product-availability.out-of-stock{background:#fff0e8;color:#943a14}.stock-dot{width:9px;height:9px;border-radius:50%;background:currentColor}#install-top[hidden],#install-footer[hidden],#install[hidden]{display:none!important}.community-bar:has(#install-top[hidden]){justify-content:center}
@media(display-mode:standalone),(display-mode:minimal-ui),(display-mode:fullscreen),(display-mode:window-controls-overlay){#install-top,#install-footer,#install{display:none!important}.community-bar{justify-content:center}}

.product-detail-layout{align-items:start}.product-detail-art{aspect-ratio:auto;height:clamp(240px,58dvh,460px);min-width:0;width:100%}.product-detail-art .product-art{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);max-width:calc(100% - 36px);max-height:calc(100% - 36px);object-fit:contain;transform:none}@media(max-width:700px){.product-detail-art{height:clamp(240px,48dvh,380px)}}

/* Keep banner actions readable on the purple and yellow backgrounds. */
.feature-banner .button.secondary{background:var(--acid);color:var(--ink);border-color:var(--ink)}
.feature-banner.lime .button.secondary{background:var(--ink);color:#fff}
.admin-product-tools{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:0 0 12px}
.admin-product-tools .search{flex:1 1 260px;max-width:none;min-width:0}
.admin-product-tools .field{flex:0 1 220px;margin:0}
.admin-products-list [hidden]{display:none!important}
@media(max-width:600px){.admin-product-tools .field{flex-basis:100%}.admin-product-tools .search{width:100%}.admin-product-tools input{min-width:0;width:100%}}