@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--red:#d62b2b;--wine:#722526;--navy:#143961;--ink:#233344;--gold:#d7b679;--muted:#777369;--paper:#f2ecdf;--line:#14396120}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(at 20% 0,#fff8e9,#0000 65%),repeating-linear-gradient(8deg,#88744b03 0 1px,#0000 1px 5px),#eee7d8;min-height:100vh;margin:0;font:14px Manrope,system-ui,sans-serif}body:before{content:"";pointer-events:none;z-index:20;position:fixed;inset:0;box-shadow:inset 0 0 110px #80654413}button,input{font:inherit}button{cursor:pointer;color:var(--navy);background:#ffffff40;border:1px solid #14396135;border-radius:4px;padding:13px 20px;transition:transform .2s,background .2s,box-shadow .2s}button:hover{background:#fff8ec;transform:translateY(-2px);box-shadow:0 5px 15px #30220f12}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}button:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.primary{color:#fff;background:linear-gradient(135deg,#d62b2b,#ac242b);border:1px solid #ed7a6660;font-weight:800;box-shadow:inset 0 1px #ffffff25,0 6px 15px #63151d22}.primary:hover{background:linear-gradient(135deg,#e03636,#b92630)}.quiet{color:var(--muted);background:0 0;border:0;padding:10px}.glyph{vertical-align:middle;flex-shrink:0;width:22px;height:22px}.primary .glyph{margin-right:7px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:20px 40px;display:flex;position:relative}header:after{content:"";background:var(--red);width:72px;height:3px;position:absolute;bottom:-2px;left:40px}.brand{color:var(--navy);letter-spacing:3px;grid-template-columns:45px 1fr;align-items:center;column-gap:9px;font-size:17px;font-weight:800;text-decoration:none;display:grid}.brand-crest{height:46px;color:var(--red);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);border-top:2px solid var(--red);background:linear-gradient(#fcf7ea,#e5dac2);grid-row:span 2;place-items:center;display:grid}.brand-crest .glyph{width:33px;height:33px}.brand small{color:var(--red);letter-spacing:2px;margin-top:4px;font-size:8px}.username{color:var(--navy);font-weight:700}main{max-width:1320px;margin:auto;padding:26px 40px 110px}h1,h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:600}h1{color:var(--navy);margin:14px 0 24px;font-size:clamp(42px,5vw,70px);line-height:1.05}h2{color:var(--navy);margin:0 0 8px;font-size:30px;line-height:1.1}p{color:var(--muted);line-height:1.75}.eyebrow{letter-spacing:2.5px;color:var(--red);font-size:10px;font-weight:800}.micro{color:var(--muted);font-size:11px}.lobby{color:#fbefd6;isolation:isolate;background:linear-gradient(90deg,#102335e8 0%,#162330aa 52%,#1b1f2c33 100%),url(/assets/citadel-v2.webp) 50% 49%/cover;border:1px solid #87674a;border-radius:3px;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:520px;padding:50px 65px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px #231c1920}.lobby:before,.chest-page:before{content:"";pointer-events:none;z-index:-1;border:1px solid #dfb57e50;position:absolute;inset:10px}.lobby:after{content:"✦";color:var(--gold);text-align:center;background:#142537;width:48px;font-size:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.citadel-mist{pointer-events:none;z-index:-1;background:radial-gradient(at 75% 65%,#e6b96718,#0000 40%);position:absolute;inset:0}.intro{z-index:1;position:relative}.intro .eyebrow{color:var(--gold);align-items:center;gap:12px;display:flex}.herald-line{background:var(--gold);width:32px;height:1px}.intro h1{color:#fff1d5;margin:26px 0;font-size:clamp(52px,5.5vw,80px);line-height:.98}.intro h1 em{color:var(--gold);font-style:normal}.intro>p:not(.eyebrow){color:#e1d5c2;font-size:15px;line-height:1.8}.actions{gap:12px;margin:30px 0;display:flex}.lobby .secondary{color:#f3dfbd;background:#15263577;border-color:#ceaf7850}.lobby .secondary:hover{background:#bc8d4325}.lobby-meta{align-items:center;gap:24px;margin-top:24px;display:flex}.lobby-meta>span{color:#f5dfb9;align-items:center;gap:9px;font:28px Cormorant Garamond,Georgia,serif;display:flex}.lobby-meta small{text-transform:uppercase;letter-spacing:1px;color:#baae9e;max-width:65px;font:9px/1.6 Manrope,system-ui}.lobby-meta i{border-left:1px solid #c2a57640;height:30px}.showcase{flex-direction:column;justify-content:center;align-items:center;height:410px;display:flex;position:relative}.card-halo{filter:blur(20px);background:radial-gradient(#f7bb5e35,#0000 65%);position:absolute;inset:20px 0}.stone-arch{background:linear-gradient(135deg,#97794925,#1b252d66);border:1px solid #bb986c60;border-radius:150px 150px 3px 3px;width:290px;padding:12px 26px 8px;position:relative;box-shadow:inset 0 0 30px #d6b27513}.stone-arch:before{content:"";pointer-events:none;border:1px solid #ead3a730;border-radius:145px 145px 0 0;position:absolute;inset:6px}.hero-card{filter:drop-shadow(0 18px 24px #0007);position:relative;transform:rotate(-4deg)}.hero-card img{border-radius:9px;width:100%;display:block}.card-caption{letter-spacing:2px;color:#e4c590;text-align:center;margin-top:18px;font-size:8px}.card-caption>span{margin:0 8px}.card-caption small{color:#ece0cb;letter-spacing:0;margin-top:7px;font:italic 16px Cormorant Garamond,Georgia;display:block}.room-panel{border:1px solid #8d754a35;border-left:3px solid var(--red);background:linear-gradient(100deg,#fbf6e9,#e9dfcb55);align-items:center;gap:24px;margin-top:24px;padding:27px 30px;display:flex;box-shadow:0 6px 20px #6c522908}.room-seal{width:58px;height:64px;color:var(--wine);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:#ccb99330;border:1px solid #af976955;place-items:center;display:grid}.room-seal .glyph{width:32px;height:32px}.room-panel>div:not(.room-seal){flex:1}.room-panel .eyebrow{margin:0 0 7px;font-size:8px}.room-panel p{margin:0;font-size:11px}.room-panel h2{font-size:29px}form#join{gap:8px;display:flex}input{color:var(--navy);background:#fffaf0;border:1px solid #14396135;border-radius:3px;min-width:0;padding:14px;box-shadow:inset 0 2px 4px #6e532108}input::placeholder{color:#8c8a80}nav{z-index:30;background:linear-gradient(#fffaf0,#e9dfca);border:1px solid #ad916a80;border-top:3px solid #c6ad7e;border-radius:5px;padding:5px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #29221a30}nav:before,nav:after{content:"◆";color:#a08759;font-size:8px;position:absolute;top:50%;transform:translateY(-50%)}nav:before{left:-5px}nav:after{right:-5px}nav button{min-width:137px;color:var(--navy);border:0;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-size:12px;font-weight:700;display:flex}nav button b{align-items:center;display:flex}.active{box-shadow:inset 0 1px #ffffff30;color:#fff!important;background:linear-gradient(135deg,#d62b2b,#a3222b)!important}.guild-footer{letter-spacing:2px;color:#8b7c61;justify-content:space-between;max-width:1240px;margin:-80px auto 90px;padding:0 40px;font-size:8px;display:flex}.guild-footer small{letter-spacing:.5px;font-size:9px}.waiting{text-align:center;background:#fff5df70;border:1px solid #94764850;margin-top:25px;padding:30px}.waiting strong{letter-spacing:6px;color:var(--wine);margin-bottom:20px;font-size:35px;display:block}.auth{text-align:center;background:#faf4e7;border:1px solid #a18b6560;max-width:450px;margin:30px auto;padding:35px;position:relative;box-shadow:0 15px 40px #32261210}.auth:before{content:"✦";color:var(--red);margin-bottom:15px;font-size:30px;display:block}.auth form{text-align:left;gap:20px;display:grid}.auth label{color:var(--ink);gap:8px;font-size:12px;display:grid}.auth>button{margin-top:20px}.chest-page{text-align:center;color:#f2dfbb;isolation:isolate;background:linear-gradient(#102335cf,#122234ef),url(/assets/citadel-v2.webp) 50%/cover;border:1px solid #9b7b4a;min-height:620px;padding:45px 25px 30px;position:relative}.chest-page h1{color:#f7e5c1;margin:15px 0;font-size:59px}.chest-page .eyebrow{color:var(--gold)}.chest-page p{color:#c6baa7}.chest-page .micro{color:#b1a58f}.chest{isolation:isolate;background:0 0;border:0;width:300px;height:230px;margin:20px auto 30px;display:block;position:relative}.chest:hover{box-shadow:none;background:0 0}.chest-glow{filter:blur(55px);opacity:.25;z-index:-1;background:#e8b85b;border-radius:50%;position:absolute;inset:30px}.chest-box{background:repeating-linear-gradient(0deg,#0000 0 24px,#2d160b70 25px 27px),linear-gradient(160deg,#825938,#3f281e);border:8px solid #9e7846;border-radius:4px;display:block;position:absolute;inset:80px 38px 10px;transform:perspective(550px)rotateX(4deg);box-shadow:inset 0 0 0 2px #d7ac6350,inset 0 8px 18px #0006,0 25px 30px #0006}.chest-box:before,.chest-box:after{content:"";background:linear-gradient(90deg,#785332,#b8955e,#5c402e);border-left:1px solid #d1ad7080;border-right:1px solid #332310;width:13px;position:absolute;top:-12px;bottom:-8px}.chest-box:before{left:25px}.chest-box:after{right:25px}.chest-lid{background:repeating-linear-gradient(90deg,#0000 0 46px,#b18b5160 47px 58px,#0000 59px 100px),linear-gradient(#a67a46,#4a2f1f);border:7px solid #997243;border-radius:45px 45px 0 0;height:60px;position:absolute;top:-58px;left:-8px;right:-8px;box-shadow:inset 0 5px 10px #f8d69735}.chest-lock{z-index:2;color:#4d3423;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);filter:drop-shadow(0 4px 3px #0005);background:linear-gradient(#d8b772,#8c673a);place-items:center;width:48px;height:55px;display:grid;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.chest-lock .glyph{width:28px;height:28px}.opening .chest-box{animation:.16s infinite shake}.opening .chest-lid{transform-origin:top;animation:1.4s forwards lid}.opening .chest-glow{animation:1.4s forwards burst}.rewards{flex-wrap:wrap;justify-content:center;gap:16px;margin:30px auto;display:flex}.reward{background:0 0;border:0;width:170px;padding:0;animation:.6s both reveal}.reward:nth-child(2){animation-delay:.15s}.reward:nth-child(3){animation-delay:.3s}.reward:nth-child(4){animation-delay:.45s}.reward:nth-child(5){animation-delay:.6s}.reward img{border-radius:8px;width:100%;box-shadow:0 10px 20px #0005}.reward.E img{box-shadow:0 0 30px #d9b66d80}.reward.P img{box-shadow:0 0 40px #7cd1d890}.reward small{color:var(--gold);margin:12px 0;font-size:10px;display:block}.collection-head{border-bottom:1px solid #a0875950;flex-wrap:wrap;align-items:center;gap:25px;padding-bottom:20px;display:flex}.collection-head>div:first-child{flex:1}.collection-head h1{margin:10px 0;font-size:55px}.deck-count{align-items:center;gap:10px;display:flex}.collection-grid{grid-template-columns:repeat(5,1fr);gap:23px;margin-top:25px;display:grid}.collection-grid article{background:linear-gradient(#fffbefaa,#e5d9c188);border:1px solid #9d835330;padding:10px 10px 12px;box-shadow:0 7px 12px #67543309}.collection-grid article>button{background:0 0;border:0;width:100%;padding:0;position:relative}.collection-grid img{border-radius:5px;width:100%;box-shadow:0 6px 10px #30211120}.owned{color:#e8d4ad;background:#142e43eb;border:1px solid #bc9a6160;padding:5px;font-size:9px;position:absolute;bottom:8px;left:8px;right:8px}.collection-grid article>div{gap:8px;min-height:45px;margin-top:11px;font-size:10px;display:grid}.small{padding:3px 12px;font-size:18px}.collection-grid article>div>div{justify-content:center;align-items:center;gap:15px;display:flex}dialog{color:var(--navy);text-align:center;background:linear-gradient(#fbf4e6,#e4d7bd);border:2px solid #ad905e;border-radius:4px;width:90%;max-width:440px;padding:26px;box-shadow:0 20px 70px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1d2ce0}dialog img{border-radius:7px;max-width:100%;max-height:55vh}dialog h2{margin:14px 0;font-size:27px}dialog p{color:#665946;font-size:12px}.close{z-index:2;background:#efe1c4;padding:6px 10px;position:absolute;top:8px;right:8px}.variants{justify-content:center;gap:6px;display:flex}.variants button{padding:8px;font-size:11px}.battle{color:#f1dec0;background:linear-gradient(#152b3af2,#1b302eea),url(/assets/citadel-v2.webp) 50%/cover;border:5px solid #8c724f;border-radius:4px;max-width:1000px;margin:auto;padding:12px 24px;position:relative;box-shadow:inset 0 0 0 1px #c8aa7470,inset 0 0 80px #0005,0 20px 40px #33200f22}.battle:before{content:"";pointer-events:none;border:1px solid #c1a47530;position:absolute;inset:10px}.battle-top{justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.battle .quiet{color:#bcb39f}.battle-top>span{text-transform:uppercase;letter-spacing:2px;font-size:8px}.hero{clip-path:polygon(6% 0,94% 0,100% 15%,100% 80%,94% 100%,6% 100%,0 80%,0 15%);color:#233c4e;background:linear-gradient(#f4dfb6,#b6a17e);border:2px solid #b69d6c;border-radius:2px;flex-direction:column;align-items:center;min-width:135px;padding:10px 20px;display:flex;box-shadow:inset 0 0 15px #453b2820}.hero:hover{background:#f4dfb6}.hero b{color:#a82633;font:700 30px Cormorant Garamond,Georgia}.hero small{color:#665946;font-size:8px}.hero.enemy{background:linear-gradient(#dec6a2,#a89174);border-color:#a05b4c;margin:8px auto 18px}.board-row{justify-content:center;align-items:center;gap:10px;height:135px;display:flex}.empty{color:#d2b78e40;font:italic 17px Cormorant Garamond,Georgia}.unit{color:#eee0c3;background:linear-gradient(#3c453e,#1a292c);border:3px solid #b6a17e;border-radius:48px 48px 6px 6px;width:100px;height:120px;padding:0;position:relative;overflow:visible;box-shadow:0 8px 8px #0003}.unit:hover{background:#243c39}.unit img{object-fit:cover;border-radius:44px 44px 0 0;width:100%;height:80px}.unit-name{max-height:20px;margin:3px 6px;font-size:7px;line-height:1.3;display:block;overflow:hidden}.unit small{position:absolute;top:-12px;right:0}.attack,.health{color:#39200e;border:1px solid #eed29b;border-radius:50%;width:27px;height:27px;font-size:16px;font-weight:800;line-height:25px;position:absolute;bottom:-7px;box-shadow:0 3px 4px #0005}.attack{background:linear-gradient(#f1d893,#b7984c);left:-6px}.health{color:#fff2dd;background:linear-gradient(#e48888,#a83442);right:-6px}.taunt{border-radius:10px;box-shadow:0 0 0 3px #bbc4c3,0 8px 10px #0004}.frozen{filter:saturate(.6);border-color:#89e1f5;box-shadow:0 0 15px #5fdcfa}.stealth{opacity:.55}.ready{border-color:#b6db9a;box-shadow:0 0 14px #aed79f66}.selected{box-shadow:0 0 0 3px #e6c582,0 0 18px #deb76c70!important}.turn-line{color:#dfc493;border-top:1px solid #cfb27a33;border-bottom:1px solid #cfb27a33;justify-content:space-between;align-items:center;padding:10px 0;font:600 22px Cormorant Garamond,Georgia;display:flex}.turn-line button{font-family:Manrope,system-ui;font-size:11px}.hero-line{justify-content:center;align-items:center;gap:18px;margin:10px;display:flex;position:relative}.hero-line>button:last-child{color:#f2ddae;background:#253d4777;border:1px solid #caaf7a55;align-items:center;gap:5px;display:flex}.hero-line>button .glyph{color:#da9b67;width:18px}.mana{text-align:center;color:#8fb5d9;display:grid}.mana b{font-size:20px}.mana span{font-size:10px}.instruction{text-align:center;color:#c0b49d;min-height:20px;margin:10px 0;font-size:10px}.hand{justify-content:center;gap:8px;max-width:100%;padding:6px;display:flex;overflow-x:auto}.hand-card{background:0 0;border:0;border-radius:6px;flex-shrink:0;width:105px;min-width:90px;padding:0;position:relative}.hand-card img{border-radius:5px;width:100%;box-shadow:0 6px 10px #0004}.hand-card>span{color:#fff4d9;background:#315e87;border:1px solid #99b7d2;border-radius:50%;padding:5px;font-weight:800;position:absolute;top:-2px;left:-2px}.coin{color:#ffe4ab;background:linear-gradient(135deg,#8c703d,#2d3b3b);border:3px solid #b6975d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:145px;font-family:Georgia;line-height:1.8;display:flex}.token{height:75px;color:var(--gold);font-size:30px;line-height:75px;display:block}.journal{color:#bcad95;margin:15px 0;font-size:10px;position:relative}.journal p{color:#bcad95;margin:3px 0}.craft-table{border:1px solid #a4895760;border-top:3px solid var(--wine);background:linear-gradient(100deg,#f7efdc,#e6d9bd);margin:25px 0;padding:22px;box-shadow:0 10px 20px #6c4e1f09}.craft-table summary{cursor:pointer;color:var(--navy);font:600 26px Cormorant Garamond,Georgia}.craft-table summary .glyph{color:var(--wine);margin-right:8px}.craft-table summary span{color:var(--muted);margin-top:7px;font:11px Manrope,system-ui;display:block}.craft-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.craft-grid article{background:#fcf8ed77;border:1px solid #aa8e5430;gap:10px;padding:15px;display:grid}.craft-grid img{object-fit:cover;border-radius:2px;width:100%;height:110px}.craft-grid b{font-size:11px}.craft-grid span{color:var(--muted);font-size:10px}.craft-grid button{padding:10px;font-size:11px}#notice{color:#fff1d5;z-index:100;opacity:0;pointer-events:none;background:#153249;border:1px solid #d1b079;border-radius:3px;width:max-content;max-width:90%;padding:16px 24px;transition:all .2s;position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 30px #0003}#notice.show{opacity:1;transform:translate(-50%)}.loading{text-align:center;margin-top:30vh}@keyframes shake{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes lid{50%{transform:translateY(-8px)}to{opacity:.6;transform:translateY(-35px)rotateX(30deg)}}@keyframes burst{to{opacity:1;filter:blur(25px);transform:scale(2)}}@keyframes reveal{0%{opacity:0;transform:translateY(30px)rotateY(70deg)}to{opacity:1;transform:none}}@media (width<=1000px){.room-panel{gap:15px}.room-seal{display:none}.room-panel input{width:140px}.lobby{gap:10px;padding:40px}.stone-arch{width:260px}.actions{gap:8px}.actions button{padding:14px;font-size:11px}.collection-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=700px){header{padding:17px 18px}header:after{left:18px}main{padding:18px 14px 120px}.brand{letter-spacing:2px;grid-template-columns:33px 1fr;column-gap:6px;font-size:13px}.brand small{letter-spacing:1.6px;font-size:6px}.brand-crest{height:38px}.brand-crest .glyph{width:27px;height:27px}header .quiet{padding:7px;font-size:10px}.username{font-size:10px}.lobby{text-align:center;background:linear-gradient(#122435d9,#12243595 60%,#101e2cd9),url(/assets/citadel-v2.webp) 50%/cover;grid-template-columns:1fr;gap:0;min-height:690px;padding:30px 20px 25px}.intro .eyebrow{letter-spacing:2px;justify-content:center;font-size:8px}.intro h1{margin:20px 0 16px;font-size:59px}.intro>p:not(.eyebrow){font-size:12px}.actions{justify-content:center;margin:23px 0 15px}.actions button{padding:13px 12px;font-size:10px}.actions .glyph{width:17px;height:17px}.lobby-meta{justify-content:center;gap:20px;margin:15px 0}.lobby-meta>span{font-size:25px}.lobby-meta small{max-width:58px;font-size:7px}.showcase{height:315px;margin-top:10px}.stone-arch{width:185px;padding:8px 13px 6px}.card-caption{margin-top:12px;font-size:6px}.card-caption small{font-size:14px}.room-panel{flex-wrap:wrap;gap:16px;margin-top:18px;padding:22px 18px}.room-panel>div:not(.room-seal){flex-basis:100%}.room-panel h2{font-size:31px}.room-panel .primary{padding:12px;font-size:10px}form#join{flex:1;gap:6px}form#join input{flex:1;width:100px;padding:12px;font-size:11px}form#join button{padding:12px;font-size:10px}nav{padding:4px;bottom:12px}nav button{gap:7px;min-width:102px;padding:12px 9px;font-size:10px}nav .glyph{width:18px;height:18px}.guild-footer{letter-spacing:1px;margin:-85px 0 90px;padding:0 20px;font-size:6px}.guild-footer small{font-size:7px}.collection-head{gap:12px;padding-bottom:15px}.collection-head h1{margin:9px 0;font-size:42px}.collection-head .eyebrow{font-size:8px}.collection-head input{width:100%}.deck-count{font-size:12px}.deck-count button{padding:9px;font-size:10px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:9px}.collection-grid article{padding:5px}.collection-grid article>div{font-size:8px}.owned{padding:3px;font-size:7px;bottom:3px;left:3px;right:3px}.collection-grid article>div>div{gap:9px}.small{padding:2px 8px;font-size:16px}.craft-table{padding:16px}.craft-table summary{font-size:24px}.craft-table summary span{font-size:9px;line-height:1.7}.craft-grid{grid-template-columns:repeat(2,1fr);gap:8px}.craft-grid article{padding:9px}.craft-grid img{height:90px}.craft-grid b{font-size:9px}.craft-grid span{font-size:8px}.craft-grid button{padding:8px;font-size:9px}.auth{margin:20px auto;padding:30px 22px}.auth h1{font-size:40px}.chest-page{min-height:620px;padding:30px 16px}.chest-page h1{font-size:44px}.chest-page>p{font-size:12px}.chest-page .eyebrow{font-size:8px}.chest{width:280px;margin:18px auto 25px;transform:scale(.9)}.chest-page .micro{font-size:9px}.reward{width:130px}.battle{border-width:3px;margin:0 -8px;padding:8px}.board-row{gap:5px;height:115px}.unit{border-width:2px;width:calc(14.2857vw - 9.28572px);min-width:38px;max-width:80px;height:95px}.unit img{height:60px}.unit-name{margin:2px;font-size:6px}.unit small{font-size:9px}.attack,.health{width:21px;height:21px;font-size:12px;line-height:20px}.hero-line{gap:8px}.hero{min-width:100px;padding:8px}.hero-line>button:last-child{padding:12px 8px;font-size:9px}.hero-line>button:last-child .glyph{width:15px;height:15px}.hero b{font-size:26px}.hero small{font-size:7px}.mana b{font-size:17px}.hand{justify-content:flex-start}.hand-card{width:90px}.turn-line{font-size:19px}.turn-line button{padding:11px;font-size:10px}.battle-top,.instruction{font-size:9px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.brand{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.brand-logo{width:215px;height:37px;display:block}.brand small{letter-spacing:2.1px;color:var(--navy);margin:0;font-size:7px}.auth:before{content:"";background:url(/mis-arena-mark.svg) 50%/contain no-repeat;width:54px;height:60px;margin:0 auto 20px}.auth h1{font-size:42px}@media (width<=700px){.brand-logo{width:170px;height:29px}.brand small{letter-spacing:1.4px;font-size:6px}.auth h1{font-size:37px}}.pwa-tools{justify-content:center;align-items:center;gap:25px;margin:0 auto 110px;padding:0 20px;font-size:11px;display:flex}.pwa-tools a,.auth-discover a,.demo-links a,.demo-breadcrumb a{color:var(--navy);border-bottom:1px solid #a48e6350;padding-bottom:4px;text-decoration:none}.pwa-tools button{padding:9px 15px;font-size:11px}.auth-discover{gap:14px;margin:22px 0;font-size:12px;display:grid}.auth-discover button{font-size:11px}.install-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#0c1d2ce0;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.install-help,.demo-card-detail{text-align:center;background:linear-gradient(#fbf4e6,#e4d7bd);border:2px solid #ad905e;width:100%;max-width:470px;max-height:90dvh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 70px #0008}.install-help h2{margin-top:18px}.install-help p{font-size:12px}.install-help>img{border-radius:12px}.demo-main{padding-bottom:45px}.demo-breadcrumb{color:var(--muted);justify-content:space-between;gap:14px;margin-bottom:25px;font-size:10px;display:flex}.demo-cta{color:var(--red);padding:13px 20px;font-size:12px;text-decoration:none;display:inline-block}.demo-cta.primary{color:#fff}.demo-hero{background:linear-gradient(90deg,#102335ef,#12243566),url(/assets/citadel-v2.webp) 50%/cover;border:1px solid #b39763;min-height:320px;padding:55px}.demo-hero h1{color:#f3ddb3}.demo-hero p{color:#dfd0b8}.demo-hero .eyebrow{color:var(--gold)}.demo-options{grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0;display:grid}.demo-options a{color:var(--navy);background:#f8f0de;border:1px solid #a0875950;padding:35px 25px;text-decoration:none;box-shadow:0 10px 25px #67543310}.demo-options a>span:last-child{color:var(--red);font-size:11px}.demo-options p{font-size:12px}.demo-rune{color:var(--wine);margin-bottom:20px;font-size:35px;display:block}.demo-links{flex-wrap:wrap;gap:22px;margin:35px 0 0;font-size:11px;display:flex}.demo-explainer{background:#faf4e7;border:1px solid #a18b6560;max-width:1000px;margin:20px auto;padding:25px}.demo-explainer>span{letter-spacing:2px;color:var(--red);font-size:9px}.demo-explainer p{color:var(--ink);font-size:14px}.demo-card-detail>img{border-radius:7px;max-width:100%;max-height:55dvh}.demo-card-detail h2{margin:18px 0;font-size:28px}.demo-card-detail p{font-size:12px}body:has(.auth-discover) .pwa-tools{display:none}body{padding-top:env(safe-area-inset-top)}nav{bottom:calc(12px + env(safe-area-inset-bottom))}@media (width<=700px){.demo-hero{padding:35px 22px}.demo-hero h1{font-size:49px}.demo-options{grid-template-columns:1fr;gap:14px}.demo-options a{padding:25px}.demo-options h2{font-size:31px}.demo-options .demo-rune{margin-bottom:9px}.demo-breadcrumb{font-size:8px}.demo-cta{padding:11px 12px;font-size:10px}.demo-explainer{padding:18px}.demo-main>h1{font-size:43px}.install-help,.demo-card-detail{padding:25px 20px}.pwa-tools{gap:20px;font-size:10px}}.booster-reveal{--aura:#e4dbc6;--aura-soft:#e4dbc640;isolation:isolate;max-width:600px;margin:20px auto 32px}.booster-reveal.uncommon{--aura:#7bd79d;--aura-soft:#7bd79d50}.booster-reveal.rare{--aura:#76bdff;--aura-soft:#76bdff55}.booster-reveal.full-art{--aura:#ffd473;--aura-soft:#ffc34770}.booster-reveal.prismatic{--aura:#c3a5ff;--aura-soft:#c38bff70}.reveal-progress{color:#e7c790;letter-spacing:3px;margin:0 0 12px;font-size:10px;font-weight:800}.reveal-stage{perspective:1100px;place-items:center;min-height:365px;display:grid;position:relative}.reveal-aura{background:radial-gradient(ellipse,var(--aura-soft),transparent 65%);filter:blur(16px);pointer-events:none;animation:2.8s ease-in-out infinite reveal-glow;position:absolute;inset:0}.full-art .reveal-aura:after,.prismatic .reveal-aura:after{content:"";border:2px solid var(--aura);box-shadow:0 0 40px var(--aura);border-radius:50%;animation:1.2s ease-out both rune-ring;position:absolute;inset:15% 20%}.prismatic .reveal-aura{filter:blur(30px);background:conic-gradient(#ed65b655,#77e9ef66,#a686ff66,#ffdd7f66,#ed65b655);border-radius:50%;animation:8s linear infinite prism-orbit;inset:12% 22%}.reveal-card{aspect-ratio:1060/1484;width:225px;transform-style:preserve-3d;background:#102638;border:0;border-radius:10px;padding:0;position:relative;box-shadow:0 18px 40px #0008}.reveal-card:hover{box-shadow:0 14px 45px var(--aura-soft);transform:translateY(-4px)}.reveal-card img{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.reveal-card.revealed{animation:.85s cubic-bezier(.18,.7,.2,1) both treasure-flip}.reveal-card.revealed:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff9 50%,#0000 70%) 0 0/300% 100%;border-radius:10px;animation:1.1s .3s both treasure-shine;position:absolute;inset:0}.card-back{color:#f6d8a4;outline-offset:-12px;background:repeating-linear-gradient(45deg,#c19c4822 0 1px,#0000 1px 12px),radial-gradient(#244e68,#0b1d2b);border:3px solid #c7a362;outline:1px solid #c7a362;flex-direction:column;justify-content:center;align-items:center;display:flex}.card-back>span{text-shadow:0 0 30px #ffc966;font-size:65px}.card-back b{letter-spacing:6px;margin-top:15px;font-family:Georgia,serif;font-size:26px}.card-back small{letter-spacing:2px;color:#e7c790;margin-top:38px;font-size:7px}.reveal-caption{min-height:80px;margin:14px 0}.reveal-caption strong{color:var(--aura);letter-spacing:3px;font-size:10px}.chest-page .reveal-caption h2{color:#fff0d4;margin:10px 0;font-size:30px}.reveal-next{min-width:245px}.reveal-complete{font-size:12px;color:#e9cc8b!important}.booster-slots{justify-content:center;gap:10px;margin-top:26px;display:flex}.booster-slot{aspect-ratio:1060/1484;background:#142c3c;border:1px solid #bea16b70;border-radius:4px;width:60px;padding:0;overflow:hidden}.booster-slot img{object-fit:contain;width:100%;height:100%;display:block}.booster-slot.E{border-color:#ffd26a;box-shadow:0 0 15px #ffd26a70}.booster-slot.P{border-color:#bb87ff;box-shadow:0 0 18px #bb87ff90}.booster-slot.sealed{color:#d0ad72;flex-direction:column;justify-content:center;align-items:center;font-size:24px;display:flex}.booster-slot small{font-size:9px}.booster-slot:disabled{opacity:.5}.reveal-sparks{pointer-events:none;position:absolute;inset:0}.reveal-sparks i{background:var(--aura);width:5px;height:5px;box-shadow:0 0 12px var(--aura);--angle:calc(var(--i)*30deg);border-radius:50%;animation:1.3s ease-out .1s both treasure-spark;position:absolute;top:50%;left:50%}.common .reveal-sparks,.uncommon .reveal-sparks{opacity:.45}.booster-odds{color:#b5a890;margin:20px auto 0;font-size:10px}.booster-odds summary{cursor:pointer}.chest.opening .chest-glow{animation:1.4s ease-out both chest-burst}@keyframes chest-burst{0%{opacity:.2;transform:scale(.7)}60%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.8)}}@keyframes treasure-flip{0%{filter:brightness(2.3);opacity:0;transform:rotateY(-100deg)scale(.78)}45%{opacity:1;filter:brightness(1.5)}to{filter:brightness();transform:rotateY(0)scale(1)}}@keyframes treasure-shine{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes treasure-spark{0%{opacity:0;transform:rotate(var(--angle)) translateX(80px)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(205px)}}@keyframes rune-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@keyframes reveal-glow{50%{opacity:.6;transform:scale(.92)}}@keyframes prism-orbit{to{transform:rotate(360deg)}}@media (width<=600px){.reveal-stage{min-height:325px}.reveal-card{width:205px}.booster-slots{gap:7px}.booster-slot{width:50px}.reveal-next{min-width:220px;font-size:11px}.chest-page .reveal-caption h2{font-size:26px}.booster-reveal{margin-top:16px}}@media (prefers-reduced-motion:reduce){.reveal-card,.reveal-aura,.reveal-sparks i,.reveal-card:after{animation:none!important}.reveal-sparks,.reveal-card:after{display:none}}.collection-tools{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.missing-toggle{color:var(--navy);cursor:pointer;align-items:center;gap:9px;font-size:12px;display:flex}.missing-toggle input{accent-color:var(--red);width:18px;height:18px;padding:0}.owned-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.collection-family{background:linear-gradient(140deg,#fff9ec,#e7dec9);border:1px solid #ab94624a;border-radius:5px;min-width:0;padding:15px;box-shadow:0 6px 20px #3427160a}.family-cards{scrollbar-width:thin;justify-content:center;align-items:flex-start;gap:9px;padding:5px 3px 10px;display:flex;overflow-x:auto}.owned-variant{text-align:center;flex:1;min-width:80px;max-width:165px}.owned-variant button{background:0 0;border:0;width:100%;padding:0}.owned-variant img{border-radius:5px;width:100%;display:block}.owned-variant.E img{box-shadow:0 0 12px #d6a24760}.owned-variant.P img{box-shadow:0 0 12px #9170d075}.owned-variant>span{color:#675638;margin-top:9px;font-size:9px;display:block}.collection-family h2{margin:9px 0 8px;font-size:23px}.rarity-tag{text-transform:uppercase;letter-spacing:1px;color:#6c6558;background:#aba18b20;border-radius:3px;padding:5px 8px;font-size:9px;display:inline-block}.rarity-U{color:#275338;background:#5cae7330}.rarity-R{color:#234e7b;background:#4279b326}.family-deck{border-top:1px solid #aa936633;justify-content:center;align-items:center;gap:14px;margin-top:16px;padding-top:12px;display:flex}.family-deck b{font-size:11px}.collection-family.undiscovered{box-shadow:none;background:#dfdacb80}.missing-card{aspect-ratio:1060/1484;color:#c3c3b8;background:repeating-linear-gradient(45deg,#94897209 0 1px,#0000 1px 9px),radial-gradient(#64717a,#223442);border:2px solid #7d78664d;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:165px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0007}.missing-card:before{content:"";border:1px solid #c5b89530;border-radius:3px;position:absolute;inset:8px}.unknown-silhouette{filter:blur(8px);background:#081523b0;border-radius:50% 50% 10% 10%;position:absolute;inset:30% 17% 0}.unknown-silhouette:before{content:"";aspect-ratio:1;background:#081523;border-radius:50%;width:45%;position:absolute;top:-20%;left:27%}.missing-card b{color:#b6b6a86b;font:65px Georgia,serif;position:relative}.missing-card small{letter-spacing:2px;font-size:8px;position:absolute;bottom:20px}.collection-empty{text-align:center;background:#f8f0df;border:1px solid #ae926050;margin:20px 0;padding:45px 20px}.collection-empty>span{color:#af8c4e;font-size:40px}.collection-empty h2{margin-top:18px}.collection-empty p{max-width:420px;margin:15px auto 25px}@media (width<=850px){.owned-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.collection-tools{flex-direction:column;align-items:flex-start;gap:8px}.owned-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-family{padding:9px}.collection-family h2{font-size:20px}.family-cards{justify-content:flex-start;gap:6px}.owned-variant{flex-shrink:0;min-width:74px;max-width:145px}.owned-variant>span{font-size:8px}.family-deck{gap:7px}.family-deck b{font-size:9px}.missing-card{width:100%;max-width:145px}.missing-toggle{font-size:11px}}.version-badge{color:#4e493d;letter-spacing:.4px;white-space:nowrap;background:#e9e0cc;border:1px solid #8d826350;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:6px 9px;font-weight:800;line-height:1.2;display:inline-flex;font-size:10px!important}.version-E{color:#533e10;background:linear-gradient(120deg,#fff0bc,#e2bb61);border-color:#bd913d}.version-E:before{content:"✦"}.version-P{color:#443467;background:linear-gradient(110deg,#dfbdfa,#b5e1eb,#f0d4a2);border-color:#a085cb}.version-P:before{content:"◆"}.variant-count{color:#74654c;margin-top:7px;font-size:9px;display:block}.owned-variant .version-badge{width:100%;margin-top:10px;padding:7px 3px}.card-metadata{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.slot-version{color:#4c4638;background:#dfd5c2;padding:3px 0;font-size:6px;font-weight:800;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.booster-slot{position:relative}.reveal-caption .rarity-tag{color:#bad0e3;background:#152d45}.reveal-caption .rarity-U{color:#a4e6b8}.reveal-caption .rarity-R{color:#9dcfff}@media (width<=600px){.owned-variant .version-badge{font-size:8px!important}.variant-count{font-size:8px}.slot-version{font-size:5px}}.collection-filters{background:#fff6e6;border:1px solid #b29b7340;border-radius:4px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin:0 0 24px;padding:16px;display:flex}.collection-filters label{color:var(--navy);flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.collection-filters select{color:var(--navy);cursor:pointer;background:#fffaf0;border:1px solid #a68c6550;border-radius:3px;max-width:100%;padding:11px;font:12px Manrope,system-ui,sans-serif}.collection-filters select:focus-visible{outline:2px solid var(--red);outline-offset:3px}.collection-filters>span{margin-left:auto;padding-bottom:12px}.version-collection{grid-template-columns:repeat(5,minmax(0,1fr))}.version-collection .family-cards{justify-content:center}.version-collection .owned-variant{width:100%;min-width:0;max-width:190px}.version-collection .missing-card{width:100%;max-width:none}.version-collection .collection-family h2{font-size:21px}.version-collection .family-deck{gap:8px}.version-collection .family-deck b{font-size:9px}@media (width<=1100px){.version-collection{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=850px){.version-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.version-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-filters{gap:12px;padding:12px}.collection-filters label{width:100%}.collection-filters select{width:100%;font-size:11px}.collection-filters>span{margin-left:0;padding:0}.version-collection .owned-variant{max-width:none}.version-collection .collection-family h2{font-size:20px}}.catalog-page{max-width:1250px;margin:auto;padding:35px 20px 80px}.catalog-page>p{max-width:720px;line-height:1.6}.catalog-controls{background:#f7eedb;border:1px solid #b3976366;align-items:center;gap:24px;margin:30px 0;padding:20px;display:flex}.catalog-controls label,.catalog-editor label{gap:10px;display:grid}.catalog-group{margin:35px 0 60px}.catalog-group-title{border-bottom:1px solid #b3976355;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:12px;display:flex}.catalog-group-title h2{margin:0}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.catalog-card{background:#f6eddb;border:1px solid #b3976355;border-radius:8px;min-width:0;padding:16px}.catalog-card h3{margin:0 0 10px;font:23px Georgia}.catalog-versions{scrollbar-width:thin;gap:10px;margin:15px 0;display:flex;overflow-x:auto}.catalog-versions figure{text-align:center;flex:1;min-width:140px;margin:0}.catalog-versions img{border-radius:6px;width:100%;display:block}.catalog-versions figcaption{padding:8px;font-size:11px}.catalog-editor{background:#f6eddb;border:1px solid #b39763;border-radius:10px;width:calc(100% - 40px);max-width:500px;max-height:90vh;padding:25px;overflow:auto}.catalog-editor input{box-sizing:border-box;width:100%}.catalog-editor .actions{flex-wrap:wrap;margin-top:20px}.match-reward-banner{background:linear-gradient(120deg,#f8edc9,#eee1c7);border:1px solid #b39763;border-radius:8px;margin:15px 0;padding:18px}.match-reward-banner strong{margin-bottom:8px;font:28px Georgia;display:block}@media (width<=800px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.catalog-grid{grid-template-columns:1fr}.catalog-controls,.catalog-group-title{flex-direction:column;align-items:flex-start}.catalog-versions figure{min-width:140px;max-width:240px}.catalog-page{padding:25px 15px 70px}}.catalog-group-actions{flex-wrap:wrap;gap:10px;display:flex}.catalog-grid[hidden]{display:none}.catalog-enlarge{background:0 0;border:0;width:100%;padding:0;display:block}.catalog-enlarge:hover{background:0 0}.catalog-preview{width:min(620px,96vw);max-width:96vw;max-height:94dvh;box-shadow:none;background:0 0;border:0;padding:0;overflow:auto}.catalog-preview::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081523dd}.catalog-preview-content{text-align:center;background:#f2ecdf;border:1px solid #b39763;border-radius:12px;padding:12px 15px 20px}.catalog-preview-close{z-index:1;background:#f2ecdf;margin:0 0 12px auto;display:block;position:sticky;top:0}.catalog-preview-content>img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:72dvh;margin:0 auto;display:block}.catalog-preview-content h2{margin:15px 0 5px;font-size:24px}.catalog-preview-content p{margin:0;font-size:12px}@media (width<=520px){.catalog-preview-content{padding:10px}.catalog-preview-content>img{max-height:72dvh}.catalog-group-actions button{padding:10px 12px;font-size:11px}}.role-badge{color:#143961;background:#14396112;border-radius:4px;padding:5px 9px;font-size:10px;display:inline-block}.role-admin{color:#6f4710;background:#d7b67955}.admin-page{max-width:1250px;margin:auto;padding:35px 20px 80px}.admin-actions{flex-wrap:wrap;gap:15px;margin:20px 0 30px;display:flex}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.admin-stats article{background:#f6eddb;border:1px solid #b3976370;border-radius:8px;gap:10px;padding:20px;display:grid}.admin-stats strong{font:36px Georgia}.admin-stats span{font-size:12px}.admin-search{width:100%;max-width:500px;margin-top:25px}.admin-users{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.admin-user{background:#f6eddb;border:1px solid #b3976370;border-radius:8px;min-width:0;padding:20px}.admin-user-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-user h2{overflow-wrap:anywhere;margin:0;font-size:26px}.admin-user dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.admin-user dt{color:#6d6557;font-size:11px}.admin-user dd{margin:5px 0 0;font-weight:700}.admin-user-buttons{flex-wrap:wrap;gap:10px;display:flex}.danger{color:#a32323;border-color:#a3232355}@media (width<=650px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users{grid-template-columns:1fr}.admin-page{padding:25px 15px 80px}.admin-user-title{flex-direction:column;align-items:flex-start}}.collection-person-group{margin:30px 0 50px}.owned-collection[hidden]{display:none}.collection-person-group>.catalog-group-title{padding-top:15px}.collection-by-person{display:block}.catalog-versions{margin-inline:-10px;padding:12px 10px}.catalog-enlarge.image-approved{border-radius:6px;outline:2px solid #28aa64;box-shadow:0 0 8px 3px #35c47788,0 0 18px 5px #35c47744}.catalog-approval{width:100%;min-height:40px;padding:9px 8px;font-size:11px}.catalog-approval.is-approved{color:#12633b;background:#dbf3e3;border-color:#28aa64}.catalog-approval:disabled{opacity:.6;cursor:wait}.catalog-person-heading{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.catalog-validate-person{color:#12633b;background:#dbf3e3;border-color:#28aa64}.catalog-validate-person:disabled{opacity:.65;cursor:default}.catalog-availability{border-radius:5px;margin:0 0 8px;padding:7px;font-size:11px;line-height:1.4}.catalog-availability.available{color:#12633b;background:#dbf3e3}.catalog-availability.pending{color:#775b1b;background:#efe3bd}.battle.sending{cursor:progress}.battle.sending .instruction{color:#e4bc74}.action-pulse{animation:.5s ease-in-out infinite alternate arena-pulse!important}@keyframes arena-pulse{to{filter:brightness(1.3)drop-shadow(0 0 12px #ddb765);transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.action-pulse{outline:2px solid #ddb765;animation:none!important}}