/* Readable type, tactile controls, and a dedicated card table. */
:root{--ease-out:cubic-bezier(.2,.8,.2,1);--glint:#f5dcaa;--faction-glow:#d5b377;--text:#e8dfce;--muted:#b1a68e}html{scroll-behavior:smooth}body{font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(ellipse at 80% 22%,#86613918,transparent 48%),radial-gradient(ellipse at 10% 30%,#3d403318,transparent 45%),linear-gradient(#0d0c0abd,#0d0c0ad9),url('assets/table-grain.svg') center/700px 700px fixed}::selection{background:#bd945b55;color:#fff0ce}header{padding-top:17px;padding-bottom:17px;background:#110f0be6}.brand-sigil{filter:drop-shadow(0 0 10px #c89c4333);transition:filter .3s,transform .3s}.brand:hover .brand-sigil{transform:rotate(-5deg);filter:drop-shadow(0 0 14px #dfb86477)}.brand-sub{font-family:'Gwent Text',sans-serif;font-size:10px;font-weight:600;letter-spacing:2.2px}.brand-name{font-size:24px}.brand-name>span{font-size:9px;letter-spacing:2.5px}.intro{min-height:310px;padding:35px 0 32px}.intro h1{margin:13px 0 10px}.hero-name{font-size:clamp(54px,5.8vw,78px);letter-spacing:7px}.hero-tool{font-size:clamp(19px,1.8vw,25px);letter-spacing:4px}.hero-motto{font-family:'Gwent Display',Georgia,serif;font-size:18px;color:#e0c998;margin-bottom:14px}.hero-divider{margin:16px 0 13px}.lead{font-size:14px;line-height:1.8;letter-spacing:.1px}.intro .eyebrow{font-size:9px}.card-art{transform:scale(.9);transform-origin:right center;height:260px}.fantasy{transition:filter .4s,box-shadow .4s}.fantasy img{filter:saturate(.83) brightness(.95)}.fantasy.c1{animation:hero-drift-left 9s ease-in-out infinite}.fantasy.c2{animation:hero-drift-center 8s ease-in-out infinite}.fantasy.c3{animation:hero-drift-right 10s ease-in-out infinite}.orbit{font-size:9px;letter-spacing:1.4px;background:linear-gradient(#3c2f1d,#19130d);box-shadow:0 7px 20px #0009}.panel{border-color:#91714377;background:linear-gradient(140deg,#65492a17,transparent 55%),linear-gradient(#211d17,#181610);box-shadow:0 20px 45px #0007,inset 0 0 0 4px #0b090655,inset 0 0 0 5px #a17a3522;border-radius:6px}.panel:before{inset:10px;opacity:.65}.step{gap:12px;font-size:11px}.step span{font-family:'Gwent Text',sans-serif;font-weight:600;letter-spacing:2px;font-size:10px}.panel h2{font-size:23px;font-weight:500;letter-spacing:.2px;line-height:1.4}.setup h2{margin-bottom:23px}.resulthead h2{font-size:25px;color:#e8d3aa;margin-top:12px}.resulthead{padding-bottom:3px;border-color:#97744133}.result{min-height:740px}label{font-size:12px;font-weight:600;letter-spacing:.15px;color:#d4c6aa;margin-bottom:9px}select,input[type=text],input:not([type]),#cardCount{font-size:14px;line-height:1.5;background:#100f0b;border:1px solid #84653d77;border-radius:5px;padding:12px 13px;transition:border-color .2s,box-shadow .2s,background .2s}select:hover,input:hover{border-color:#c19a5eaa}select:focus-visible,input:focus-visible{border-color:#d7b16f;box-shadow:0 0 0 4px #d7b16f15;outline:2px solid #d7b16f66;outline-offset:2px}.helper{font-size:12px;line-height:1.75;color:#b6a98f}.leader-display{font-size:19px;letter-spacing:.2px;padding:17px 14px;border:1px solid #b08b493d;border-left:3px solid #bf9752;border-radius:3px;background:linear-gradient(90deg,#9271371c,#16130e);box-shadow:inset 0 1px 0 #eac6900a}.budget{border-radius:5px;border-color:#80623b44;padding:13px 15px;background:#100e0b88;font-size:12px;color:#b9aa8d}.budget strong{font-size:27px;font-weight:500}.toggle{font-size:13px;gap:10px;font-weight:400}.toggle input{width:17px;height:17px}.small{font-size:12px;color:#9f937e}.muted{font-size:11px;color:#a8977c}.factions{gap:9px}.faction{position:relative;min-height:83px;font-family:'Gwent Text',sans-serif;font-size:11px;font-weight:600;line-height:1.3;border-radius:5px;border-color:#8a693c66;background:linear-gradient(155deg,#3b3020b3,#17140f);overflow:hidden;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s,background .2s}.faction b{display:block;margin:3px 0 7px;height:30px}.faction b svg{width:29px;height:29px;filter:drop-shadow(0 2px 2px #0009)}.faction:after{content:'';position:absolute;height:2px;bottom:0;left:25%;right:25%;background:currentColor;opacity:0;transform:scaleX(.4);transition:transform .25s,opacity .25s}.faction:hover{transform:translateY(-2px);border-color:#c8a168;background:linear-gradient(155deg,#59452a,#251d13);box-shadow:0 7px 15px #0005}.faction:active{transform:translateY(1px)}.faction.active{border-color:#cdaa6a;background:radial-gradient(ellipse at top,#bd965342,#5a422025 70%),#302316;box-shadow:inset 0 0 0 2px #100d0966,0 3px 12px #0005,0 0 20px #cfaa6017;color:#f1ddb4}.faction.active:after{opacity:1;transform:scaleX(1)}.primary,.secondary,.quiet{position:relative;isolation:isolate;transition:transform .18s var(--ease-out),background .2s,box-shadow .2s,border-color .2s,color .2s;touch-action:manipulation}.primary{overflow:hidden;min-height:54px;border-radius:5px;border:1px solid #d3af6e;border-top-color:#f1d198;border-bottom-color:#94642f;background:linear-gradient(110deg,#76502c,#9c6a38 50%,#674021);box-shadow:inset 0 1px 0 #fff2c955,inset 0 -3px 0 #21100666,0 5px 0 #29190d,0 9px 20px #0006;color:#fff0d1;font-size:12px;letter-spacing:.65px;line-height:1.6;font-weight:600;text-shadow:0 2px 2px #2d170b}.primary:before{content:'';position:absolute;inset:-50% -70%;z-index:-1;transform:translateX(-65%) rotate(18deg);background:linear-gradient(90deg,transparent 40%,#fff2c14d 50%,transparent 60%);transition:transform .7s var(--ease-out)}.primary:hover:not(:disabled){background:linear-gradient(110deg,#956335,#b78346 50%,#81502b);transform:translateY(-2px);border-color:#edca86;box-shadow:inset 0 1px 0 #fff2c977,inset 0 -3px 0 #21100666,0 7px 0 #29190d,0 12px 24px #0007,0 0 26px #d9ab4d24}.primary:hover:not(:disabled):before{transform:translateX(65%) rotate(18deg)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 5px #24100877,0 1px 0 #29190d,0 3px 10px #0004}.primary:focus-visible,.secondary:focus-visible,.quiet:focus-visible,.faction:focus-visible{outline:2px solid #f2d394;outline-offset:4px}.primary:disabled{opacity:.5;box-shadow:inset 0 0 0 1px #332211;transform:none}.primary span{transition:transform .2s}.primary:hover span{transform:translateX(3px)}.secondary{min-height:39px;border-radius:4px;border-color:#99744477;background:linear-gradient(#3b3022,#211b13);font-size:12px;font-weight:600;padding:10px 13px;box-shadow:inset 0 1px 0 #f0c78812,0 2px 4px #0004}.secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 #f0c78822,0 5px 12px #0005;border-color:#d4ae6e;background:linear-gradient(#51402b,#302419)}.secondary:active:not(:disabled){transform:translateY(1px)}.quiet{font-size:12px;border:1px solid transparent;border-radius:4px;padding:8px 10px}.quiet:hover{background:#b5904e0d;border-color:#b5904e3d}.pill{font-family:'Gwent Text',sans-serif;font-weight:600;letter-spacing:1px;font-size:9px;line-height:1.4;max-width:155px;border-radius:30px;padding:8px 12px;color:#c2ad86;background:#c39b4d08}.pill.ready{color:#d6d9ad;background:#6f7c3022;border-color:#a2ad5744}.neutral-limit{border-color:#86683f44;background:#100e0b66;border-radius:5px;padding:15px}.neutral-limit label{font-size:12px;line-height:1.6}.neutral-limit output{font-size:22px}.neutral-limit .helper{font-size:11px;line-height:1.7;color:#ad9f85}.range-labels{font-size:10px;letter-spacing:.5px}.neutral-limit input[type=range]{height:4px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#8a683b,#d3ae6c);border:0;border-radius:4px;outline-offset:7px}.neutral-limit input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f9dfaa,#bf9250 65%,#795124);border:2px solid #ecd09a;box-shadow:0 1px 5px #0008;transition:box-shadow .2s}.neutral-limit input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #d5af651c,0 1px 5px #0008}.neutral-limit input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #ecd09a;background:#c49b5d}.cost-choice span{border-radius:4px;transition:border-color .2s,background .2s,transform .2s}.cost-choice:hover span{transform:translateY(-1px);border-color:#b59052}.cost-choice input:checked+span{box-shadow:inset 0 1px 0 #efd19722;background:linear-gradient(#594222,#2c2114)}.cost-choice small{font-size:10px}.empty-deck{position:relative;width:140px;height:168px;margin:0 auto 32px}.empty-deck>div{position:absolute;inset:0;border:1px solid #ae8a4666;background:repeating-linear-gradient(45deg,transparent 0 16px,#c99e4808 16px 17px),linear-gradient(135deg,#372a19,#15110c);border-radius:7px;box-shadow:0 8px 25px #0005}.empty-deck>div:first-child{transform:translateX(-18px) rotate(-12deg)}.empty-deck>div:nth-child(2){transform:translateX(18px) rotate(12deg)}.empty-deck>div:last-child{border-color:#b7965c;box-shadow:0 7px 25px #0008,inset 0 0 0 5px #100d09,inset 0 0 0 6px #b3925044;display:flex;align-items:center;justify-content:center}.empty-deck img{width:60px;opacity:.8}#empty{padding:60px 5px 35px}#empty h3{font-size:23px;color:#d8c6a4}#empty p{font-family:'Gwent Text',sans-serif;font-size:14px;line-height:1.8;color:#b3a58c;max-width:330px;margin:13px auto 0}.rules{margin-top:30px;gap:40px;border-color:#9a754133;padding-top:25px}.rules span{font-size:25px}.rules small{font-family:'Gwent Text',sans-serif;font-size:11px;color:#ac9a7c;margin-top:6px}.stats{padding:22px 0;gap:14px;border-color:#9a754133}.stats>div{padding-left:15px;border-left:1px solid #a4834433}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-size:29px;font-weight:500;line-height:1.2}.stats small{font-family:'Gwent Text',sans-serif;font-size:10px;font-weight:600;letter-spacing:.8px;margin-top:9px;line-height:1.6;color:#af9b77}.reveal-stage{perspective:1200px;position:relative;padding:23px 0}.reveal-stage-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.reveal-stage-heading .eyebrow{font-family:'Gwent Text',sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;text-align:left;margin:0}.stage-caption{font-size:8px;letter-spacing:1.4px;color:#8e7e64;white-space:nowrap}.reveal-track{display:flex;gap:4px;margin:12px 0 28px}.reveal-track span{flex:1;height:4px;border-radius:3px;background:#63513344;transition:background .4s,box-shadow .4s}.reveal-track .turned{background:#bc9657}.reveal-track .current{background:#efd39b;box-shadow:0 0 12px #e6bd6c88}.complete .reveal-track .turned{background:#c5b36f}.reveal-card{border-radius:10px;box-shadow:0 26px 38px -15px #000d,0 4px 12px #0005,inset 0 0 0 4px #120e0966;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity}.reveal-card.face-up{max-width:590px;border-color:#ae8c51;background:radial-gradient(ellipse at 80% 0,#73542a1c,transparent 65%),linear-gradient(135deg,#2f261a,#17130f);padding:27px;gap:12px 25px;animation:card-arrival .65s var(--ease-out) both}.reveal-card.face-up:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,#ffe6b416 47%,transparent 60%);animation:card-foil .85s var(--ease-out) both}.reveal-card.gold{border-color:#e5bd72;box-shadow:0 25px 40px -14px #000e,0 0 30px #ddab452b,inset 0 1px 0 #f8df9c33}.reveal-card.bronze{border-color:#9f774e;box-shadow:0 25px 40px -14px #000e,0 0 15px #b17e3722}.reveal-card.flipping{animation:card-withdraw .5s ease-in both!important;transition:none!important}.reveal-art{border-radius:4px;border-width:1px;border-color:#b28d50;overflow:hidden;box-shadow:0 7px 19px #0008;position:relative;background:linear-gradient(125deg,#1d170f,#3d2e1b,#1d170f);background-size:200% 200%;animation:art-loading 2s ease-in-out infinite}.reveal-art.art-loaded,.reveal-art.art-unavailable{animation:none}.reveal-art .card-artwork{transition:transform .6s var(--ease-out),opacity .3s;transform:scale(1.005)}.reveal-art:hover .card-artwork{transform:scale(1.035)}.face-up h3{font-size:24px;line-height:1.3;letter-spacing:-.15px;color:#f2dbad;text-wrap:balance}.face-up .reveal-ability{font-family:'Gwent Text',sans-serif;font-size:14px;line-height:1.8;letter-spacing:.1px;color:#d8ccb7;scrollbar-width:thin;scrollbar-color:#a17b43 #17120c;padding-right:5px;max-height:225px}.face-up .reveal-rarity{font-family:'Gwent Text',sans-serif;font-size:9px;letter-spacing:1.3px;font-weight:600;color:#c9a66d;margin-top:8px}.face-up .reveal-cost{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px;top:17px;right:17px;min-width:39px;color:#f2d49b;text-shadow:0 2px 4px #000}.reveal-cost small{font-family:'Gwent Text',sans-serif;font-size:7px;letter-spacing:.7px;font-weight:600}.face-up .art-credit{font-size:10px;color:#9a896d;letter-spacing:.1px;padding-top:7px;border-top:1px solid #ae87432a}.art-credit a:hover{color:#f2d49b}.reveal-card.face-down{min-height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#b58a3b12,transparent 60%),repeating-linear-gradient(45deg,transparent 0 14px,#bd944a08 14px 15px),#18130d;border:1px solid #a7864b;box-shadow:0 24px 35px -15px #000d,inset 0 0 0 7px #100d08,inset 0 0 0 8px #a4824644;outline:none}.card-back-crest{width:69px;height:85px;margin-bottom:14px;filter:drop-shadow(0 0 14px #d5a44b22)}.card-back-crest img{width:100%;height:100%}.reveal-card .card-back-label{font:500 8px 'Gwent Display',serif;letter-spacing:2px;color:#b89a61;margin:6px 0 18px}.reveal-card.face-down h3{font-size:21px;letter-spacing:.15px}.reveal-card.face-down>p:last-child{font-size:12px;color:#9f8c6d;margin-bottom:0}.reveal-stage .primary{max-width:400px;min-height:53px;margin:2px auto 5px}.reveal-hint{font-size:11px;letter-spacing:.1px;line-height:1.7;margin-top:15px;color:#a99779}.rescue-panel{border-radius:6px;border:1px solid #ac78433d;background:linear-gradient(125deg,#63361c22,#21170f);padding:17px;margin-top:25px;box-shadow:inset 0 1px 0 #e8bd6b0a}.rescue-top{align-items:center;margin-bottom:14px;gap:10px}.rescue-top strong{font-size:15px;line-height:1.5;color:#e0bd83}.rescue-balance{display:flex;align-items:center;gap:11px;white-space:nowrap}.rescue-tokens{display:flex;gap:5px}.rescue-tokens i{width:8px;height:8px;display:block;transform:rotate(45deg);border:1px solid #7e5e36;transition:background .35s,box-shadow .35s}.rescue-tokens .available{background:#d0a566;border-color:#e4bd7c;box-shadow:0 0 8px #d8a34d33}.rescue-tokens .spent{background:#251a10;border-color:#6f5030;opacity:.55}#rescueCount{font-size:10px;color:#c5a776;letter-spacing:.2px}#rescue{min-height:45px;border-radius:4px;background:linear-gradient(105deg,#573220,#382116);border-color:#b6804a77;color:#ecc693;font-size:12px;letter-spacing:.2px}#rescue:hover:not(:disabled){background:linear-gradient(105deg,#76442a,#4c2a1b);border-color:#d2a367;box-shadow:0 5px 15px #0004,0 0 20px #ba6c2822}.rescue-panel .helper{font-size:11px;color:#aa9475;line-height:1.75}.rescue-panel ol{font-size:11px;line-height:1.9}.decktoolbar{padding:23px 0 15px;gap:14px}.decktoolbar p{font-size:11px;color:#ae9974;overflow-wrap:anywhere}.columns{font-family:'Gwent Text',sans-serif;font-size:9px;font-weight:600;letter-spacing:1.5px;padding:12px 0;border-bottom-color:#a0804333}.cardrow{border-color:#9d784326;gap:13px;padding:12px 4px;transition:background .2s,transform .2s;border-radius:4px}.cardrow:hover{background:linear-gradient(90deg,#a17b3e15,#a17b3e05);transform:translateX(2px)}.card-thumbnail{width:39px;height:54px;border-radius:4px;box-shadow:0 3px 6px #0005}.cardinfo{min-width:0}.cardinfo a{font-family:'Gwent Text',sans-serif;font-weight:600;font-size:14px;line-height:1.5;color:#e7d7b8;text-decoration:none;transition:color .2s;overflow-wrap:anywhere}.cardinfo a:hover{color:#f2d599}.cardinfo small{font-size:10px;color:#a59477;line-height:1.6;margin-top:3px}.cost{font-size:18px;min-width:23px;text-align:right}.count{font-size:11px;color:#ad9772}.verification{font-size:11px;line-height:1.9;color:#b4ab82;padding:21px 0 0}#status{font-size:12px;line-height:1.8;border-radius:4px;color:#d6b37e}.destiny-panel{border-radius:6px;padding:17px;border-color:#d2a65977;background:radial-gradient(ellipse at left,#9b733324,transparent 70%),#251c11;box-shadow:inset 0 0 0 3px #0d090644}.destiny-panel .eyebrow{font-family:'Gwent Text',sans-serif;font-weight:600;letter-spacing:1.5px;font-size:9px}.destiny-panel h3{font-size:22px;line-height:1.4}.destiny-panel p:last-child{font-size:12px;line-height:1.8}.destiny-image{border-radius:4px;box-shadow:0 3px 10px #0006}footer{font-size:10px;line-height:1.9;color:#9d8968}.footnote{font-size:10px;line-height:1.8;color:#9a896e}footer strong{font-size:10px}.recording .reveal-stage{perspective:1200px}.recording .reveal-stage-heading{margin-bottom:0}.recording .reveal-track{margin-bottom:21px}.recording .reveal-card.face-up{max-width:590px}.recording .rescue-panel{padding:13px;margin-top:18px}.recording .helper{font-size:11px}.recording .stats{padding:18px 0}.recording .hero-card-label{animation:none}button:disabled{cursor:not-allowed}.primary:disabled{cursor:wait}button:disabled:hover{transform:none}@keyframes card-arrival{0%{opacity:0;transform:translateY(18px) rotateY(-24deg) scale(.94);filter:brightness(.7)}65%{opacity:1;transform:translateY(-3px) rotateY(2deg) scale(1.01);filter:brightness(1.08)}100%{opacity:1;transform:translateY(0) rotateY(0) scale(1);filter:brightness(1)}}@keyframes card-withdraw{0%{opacity:1;transform:scale(1) rotateY(0)}45%{opacity:.65;transform:scale(.97) rotateY(25deg)}100%{opacity:0;transform:scale(.92) rotateY(85deg)}}@keyframes card-foil{0%{opacity:0;transform:translateX(-20%)}35%{opacity:1}100%{opacity:0;transform:translateX(20%)}}@keyframes art-loading{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes hero-drift-left{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-17deg) translateY(-7px)}}@keyframes hero-drift-center{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(2deg) translateY(-9px)}}@keyframes hero-drift-right{0%,100%{transform:rotate(18deg) translateY(0)}50%{transform:rotate(17deg) translateY(-6px)}}@media(max-width:1050px){.intro{min-height:295px}.card-art{transform:scale(.8);width:320px}.hero-name{font-size:65px}.hero-tool{font-size:20px}.resulthead h2{font-size:22px}.reveal-card.face-up{gap:10px 19px;padding:22px}.face-up h3{font-size:22px}.face-up .reveal-ability{font-size:13px}.rescue-top{flex-wrap:wrap}.stats strong{font-size:26px}.stats small{font-size:9px;letter-spacing:.5px}.stage-caption{display:none}}@media(max-width:800px){.intro{min-height:280px}.card-art{transform:scale(.67);width:250px}.hero-name{font-size:58px}.hero-tool{font-size:18px}.hero-motto{font-size:16px}.lead{font-size:13px}.resulthead h2{font-size:21px}.panel h2{font-size:21px}.reveal-card.face-up{grid-template-columns:1fr;text-align:center;max-width:350px}.reveal-art{grid-row:auto;grid-column:1;width:180px;justify-self:center}.face-up h3,.face-up .reveal-rarity,.face-up .reveal-ability{grid-column:1}.face-up .reveal-rarity{margin-right:0}.rescue-top strong{font-size:14px}.rescue-balance{width:100%;justify-content:space-between}.stats>div{padding-left:10px}.stats strong{font-size:23px}.stats{gap:8px}.stats small{font-size:8px}.empty-deck{transform:scale(.85);margin-bottom:20px}#empty{padding-top:45px}#empty h3{font-size:20px}.rules{gap:24px}.rules small{font-size:10px}.destiny-panel h3{font-size:19px}.destiny-panel p:last-child{font-size:11px}}@media(max-width:680px){.intro{padding:29px 0 27px;min-height:0}.hero-name{font-size:61px;letter-spacing:6px}.hero-tool{font-size:21px;letter-spacing:3px}.hero-motto{font-size:17px}.lead{font-size:13px;line-height:1.8}.brand-name{font-size:20px}.brand-name>span{font-size:8px}.panel{padding:24px}.panel h2{font-size:22px}.resulthead{flex-wrap:nowrap;align-items:flex-start}.resulthead h2{font-size:21px}.pill{max-width:100px;font-size:8px}.result{min-height:580px}.faction{font-size:12px;min-height:85px}.faction b{margin-top:4px}.faction b svg{width:30px;height:30px}.stats strong{font-size:25px}.stats small{font-size:9px}.stats{gap:12px}.stats>div{padding-left:12px}.reveal-track{gap:3px;margin-bottom:22px}.reveal-track span{height:4px}.reveal-card.face-up{grid-template-columns:minmax(100px,.9fr) minmax(120px,1fr);text-align:left;max-width:590px;padding:19px;gap:10px 16px}.reveal-art{grid-row:1/span 4;grid-column:1;width:100%;min-height:150px}.face-up h3,.face-up .reveal-rarity,.face-up .reveal-ability{grid-column:2}.face-up h3{font-size:20px}.face-up .reveal-rarity{font-size:8px;letter-spacing:.6px;margin-right:30px}.face-up .reveal-ability{font-size:12px;line-height:1.8;max-height:190px}.face-up .reveal-cost{top:13px;right:13px;font-size:23px}.face-up .art-credit{font-size:9px}.rescue-top{flex-wrap:nowrap}.rescue-balance{width:auto;gap:8px}.rescue-top strong{font-size:14px}.rescue-tokens{gap:4px}.rescue-tokens i{width:7px;height:7px}#rescueCount{font-size:10px}.reveal-hint{font-size:11px}#empty{padding:45px 0 28px}.empty-deck{transform:scale(.9)}#empty h3{font-size:21px}#empty p{font-size:13px}.rules{gap:33px}.rules span{font-size:25px}.rules small{font-size:11px}.destiny-panel h3{font-size:20px}.destiny-panel p:last-child{font-size:11px}.cardinfo a{font-size:14px}.cardinfo small{font-size:10px}.decktoolbar{flex-wrap:wrap;padding-top:20px}.decktoolbar p{margin-bottom:0}footer{font-size:10px}.recording .panel{padding:21px}.recording .rescue-panel{padding:13px}}@media(max-width:380px){.hero-name{font-size:53px}.hero-tool{font-size:18px;letter-spacing:2px}.resulthead{flex-wrap:wrap}.pill{max-width:none;margin-bottom:14px}.reveal-card.face-up{grid-template-columns:1fr;text-align:center}.reveal-art{grid-row:auto;grid-column:1;width:180px;justify-self:center}.face-up h3,.face-up .reveal-rarity,.face-up .reveal-ability{grid-column:1}.face-up .reveal-rarity{margin-right:0}.rescue-top{flex-wrap:wrap}.rescue-balance{width:100%;justify-content:space-between}.stats strong{font-size:22px}.stats small{font-size:8px}.stats>div{padding-left:8px}.rules{gap:23px}.panel{padding:20px}}@media(hover:none){.faction:hover,.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.cardrow:hover{transform:none}.reveal-art:hover .card-artwork{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-card.flipping{opacity:.6;transform:none!important}.reveal-card.face-up{opacity:1;transform:none}.primary:hover:not(:disabled),.faction:hover,.secondary:hover:not(:disabled),.cardrow:hover{transform:none}.reveal-art:hover .card-artwork{transform:none}}

/* Original in-game faction crests, bundled for offline use. */
.faction b{height:42px;display:flex;align-items:center;justify-content:center;margin:1px 0 7px}.faction .faction-crest{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 3px #0009);transition:transform .2s,filter .2s}.faction:hover .faction-crest{transform:scale(1.07)}.faction.active .faction-crest{filter:drop-shadow(0 0 6px #c8a25766)}.faction{min-height:93px}@media(min-width:681px){.intro{min-height:0;padding-top:24px;padding-bottom:24px}.card-art{height:230px}.hero-divider{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.faction:hover .faction-crest{transform:none}}

/* Each faction keeps its original crest and receives its in-game palette. */
.faction[data-id="Monster"]{
  --faction-rgb:194 58 49;
  --faction-surface:#391815;
  --faction-border:#9e453d;
  --faction-accent:#f18a78;
  --faction-label:#f4c3b5;
}
.faction[data-id="Nilfgaard"]{
  --faction-rgb:166 132 57;
  --faction-surface:#141310;
  --faction-border:#8c743d;
  --faction-accent:#e0c274;
  --faction-label:#ecd59b;
}
.faction[data-id="Northern Realms"]{
  --faction-rgb:47 112 187;
  --faction-surface:#13283f;
  --faction-border:#4275a6;
  --faction-accent:#8dbff0;
  --faction-label:#c7dff8;
}
.faction[data-id="Scoiatael"]{
  --faction-rgb:62 134 73;
  --faction-surface:#192f1c;
  --faction-border:#59824d;
  --faction-accent:#abd18a;
  --faction-label:#d3e9bd;
}
.faction[data-id="Skellige"]{
  --faction-rgb:128 74 166;
  --faction-surface:#2c1d3a;
  --faction-border:#885b9f;
  --faction-accent:#c9a1e6;
  --faction-label:#e1c9f2;
}
.faction[data-id="Syndicate"]{
  --faction-rgb:199 110 40;
  --faction-surface:#3b2415;
  --faction-border:#b1743e;
  --faction-accent:#f0b36f;
  --faction-label:#f6d3aa;
}
.faction[data-id]{
  color:var(--faction-label);
  border-color:var(--faction-border);
  background:radial-gradient(ellipse at 50% 0%,rgb(var(--faction-rgb) / .25),transparent 75%),linear-gradient(160deg,var(--faction-surface),#12100d);
  box-shadow:inset 0 1px 0 #ffffff0c,inset 0 0 0 2px #09070644,0 3px 8px #0004;
}
.faction[data-id]:hover{
  border-color:var(--faction-accent);
  background:radial-gradient(ellipse at 50% 0%,rgb(var(--faction-rgb) / .42),transparent 85%),linear-gradient(160deg,var(--faction-surface),#17120e);
  box-shadow:inset 0 1px 0 #ffffff14,0 6px 15px #0006,0 0 16px rgb(var(--faction-rgb) / .16);
}
.faction[data-id].active{
  color:#fff0d2;
  border-color:var(--faction-accent);
  background:radial-gradient(ellipse at 50% 0%,rgb(var(--faction-rgb) / .55),transparent 95%),linear-gradient(160deg,var(--faction-surface),#17110b);
  box-shadow:inset 0 0 0 2px #100b0766,inset 0 1px 0 #fff2d033,0 4px 12px #0006,0 0 23px rgb(var(--faction-rgb) / .25);
}
.faction[data-id].active::after{
  background:var(--faction-accent);
  box-shadow:0 0 10px rgb(var(--faction-rgb) / .7);
}
.faction[data-id]:focus-visible{outline-color:var(--faction-accent)}
.faction[data-id].active .faction-crest{
  filter:drop-shadow(0 2px 2px #000a) drop-shadow(0 0 7px rgb(var(--faction-rgb) / .65));
}

/* Readable section headings and controls selected in the review. */
.setup > label:not(.toggle),
#leaderSettings > label,
#costSettings > label {
  font-family:'Gwent Display',Georgia,serif;
  font-size:18px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.1px;
  color:#eed9af;
  margin-top:26px;
  margin-bottom:12px;
}
.setup > label .muted {
  font-family:'Gwent Text',Arial,sans-serif;
  font-size:13px;
  font-weight:400;
  color:#c3b49a;
}
#leaderText {
  font-family:'Gwent Text',Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.8;
  color:#ded3bc;
  max-height:none;
  overflow:visible;
  margin-top:13px;
  margin-bottom:16px;
}
.setup > .toggle {
  font-family:'Gwent Text',Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.65;
  color:#eddec1;
  gap:12px;
  margin-top:25px;
}
.setup > .toggle input {width:20px;height:20px;flex-shrink:0}
.setup > .step,
.resulthead .step {
  font-family:'Gwent Display',Georgia,serif;
  font-size:19px;
  font-weight:600;
  line-height:1.5;
  gap:13px;
  color:#e3bf7b;
}
.setup > .step span,
.resulthead .step span {
  font-family:'Gwent Display',Georgia,serif;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.6px;
  color:#e1cda8;
}
#generate {margin-bottom:4px}
@media(max-width:680px) {
  .setup > label:not(.toggle),#leaderSettings > label,#costSettings > label {font-size:17px}
  .setup > .step,.resulthead .step {font-size:18px;gap:10px}
  .setup > .step span,.resulthead .step span {font-size:14px;letter-spacing:.3px}
}

/* The original GWENT display font, including Polish glyphs. */
h1,h2,h3,.brand-name,.hero-tool,.step,.step span,
.setup > label:not(.toggle),#leaderSettings > label,#costSettings > label,
.primary,.secondary,.faction,.cardinfo a,.rescue-top strong {
  font-family:'Gwent Display','Gwent Text',Arial,sans-serif;
  font-weight:700;
  font-synthesis:none;
}
.brand-name{font-size:30px;letter-spacing:1.8px}
.brand-name > span{font-size:12px;letter-spacing:2px}
.hero-name{font-size:clamp(68px,7.2vw,100px);letter-spacing:3px;line-height:1}
.hero-tool{font-size:clamp(23px,2.35vw,32px);letter-spacing:3px}
.panel h2,.resulthead h2{font-size:28px;line-height:1.3;letter-spacing:.4px}
.setup > label:not(.toggle),#leaderSettings > label,#costSettings > label{font-size:21px;line-height:1.35;letter-spacing:.3px}
.setup > .toggle{font-family:'Gwent Display','Gwent Text',Arial,sans-serif;font-size:19px;font-weight:700;line-height:1.4;letter-spacing:.25px}
.setup > .step{font-size:23px}
.resulthead .step{font-size:23px}
.setup > .step span,.resulthead .step span{font-family:'Gwent Display','Gwent Text',Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.7px}
.faction{font-size:15px;letter-spacing:.2px;line-height:1.25}
.primary{font-size:18px;letter-spacing:.7px}
.secondary{font-size:16px;letter-spacing:.35px}
.face-up h3{font-size:29px;line-height:1.2;letter-spacing:.4px}
.cardinfo a{font-size:18px;letter-spacing:.25px;line-height:1.35}
.rescue-top strong{font-size:21px}
#rescue{font-family:'Gwent Display','Gwent Text',Arial,sans-serif;font-size:17px;font-weight:700}
@media(max-width:1050px){.hero-name{font-size:80px}.hero-tool{font-size:26px}.face-up h3{font-size:26px}.panel h2,.resulthead h2{font-size:26px}.rescue-top strong{font-size:19px}}
@media(max-width:680px){.brand-name{font-size:25px}.brand-name > span{font-size:10px}.hero-name{font-size:80px}.hero-tool{font-size:27px}.setup > label:not(.toggle),#leaderSettings > label,#costSettings > label{font-size:20px}.setup > .toggle{font-size:18px}.setup > .step span,.resulthead .step span{font-size:17px}.panel h2,.resulthead h2{font-size:26px}.face-up h3{font-size:25px}.primary{font-size:17px}.secondary{font-size:15px}.faction{font-size:15px}.cardinfo a{font-size:18px}.rescue-top strong{font-size:19px}}
@media(max-width:380px){.hero-name{font-size:68px}.hero-tool{font-size:23px}.setup > .step span,.resulthead .step span{font-size:16px}.rescue-top strong{font-size:18px}}

/* Creator credit and a separate place for the future contact details. */
.site-footer{display:block;margin-top:32px;padding:28px 0 20px;border-top:1px solid #9e7c414d}
.footer-identity{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;padding-bottom:24px;margin-bottom:19px;border-bottom:1px solid #9870392b}
.footer-creator p{margin:0;color:#bdae90;font-size:14px;line-height:1.7}
.footer-creator strong{display:block;margin-top:3px;color:#e6c786;font-family:'Gwent Display','Gwent Text',sans-serif;font-size:32px;font-weight:700;letter-spacing:.7px;line-height:1.25}
.footer-contact{justify-self:end;min-width:230px;padding-left:25px;border-left:1px solid #9b774138}
.footer-contact h3{font-family:'Gwent Display','Gwent Text',sans-serif;font-size:23px;font-weight:700;color:#dfc598;letter-spacing:.5px;margin:0 0 6px}
.footer-contact p{font-family:'Gwent Text',Arial,sans-serif;font-size:14px;color:#bdae90;line-height:1.7;margin:0}
.footer-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;color:#a38e6c;font-size:11px;line-height:1.9}
.footer-meta>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px}
.site-footer .footnote{margin:12px 0 0;font-size:11px;color:#a18d6d;line-height:1.8}
@media(max-width:680px){.footer-identity{grid-template-columns:1fr;gap:20px;padding-bottom:21px}.footer-contact{justify-self:start;min-width:0;padding-left:0;border-left:0}.footer-creator strong{font-size:30px}.footer-contact h3{font-size:22px}.footer-meta{gap:10px}.footer-meta>div:last-child{gap:8px 10px}.site-footer .footnote{font-size:10px}}

/* Game-like card frames and real base stats. */
.framed-card{
  --frame-tone:#e9c46d;--badge-top:#88623b;--badge-bottom:#3b2414;
  display:block;position:relative;width:100%;height:auto;aspect-ratio:497/713;
  container-type:inline-size;isolation:isolate;
}
.framed-card.bronze{--frame-tone:#c3926b}
.framed-card.tone-monster{--badge-top:#b93b29;--badge-bottom:#4b110b}
.framed-card.tone-nilfgaard{--badge-top:#3c3525;--badge-bottom:#0d0b08}
.framed-card.tone-northern-realms{--badge-top:#3274ae;--badge-bottom:#122a50}
.framed-card.tone-scoiatael{--badge-top:#4b7c32;--badge-bottom:#172e10}
.framed-card.tone-skellige{--badge-top:#80509f;--badge-bottom:#301840}
.framed-card.tone-syndicate{--badge-top:#bd712b;--badge-bottom:#52290e}
.framed-card>.card-artwork{position:relative;z-index:0;display:block;width:100%;height:100%;aspect-ratio:497/713;object-fit:cover}
.framed-card>.card-frame,.reveal-art .card-frame{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:fill;pointer-events:none}
.card-power{position:absolute;top:6%;left:6%;z-index:4;width:22%;aspect-ratio:1;display:grid;place-items:center;transform:rotate(45deg);border:2px solid var(--frame-tone);background:linear-gradient(135deg,var(--badge-top),var(--badge-bottom));box-shadow:0 0 0 2px #1b1009,0 3px 8px #000b}
.card-power strong{display:block;transform:rotate(-45deg);font-family:'Gwent Display','Gwent Text',serif;font-size:clamp(20px,17cqi,56px);font-weight:700;line-height:1;color:#fff0c6;text-shadow:2px 2px 0 #1b0d05,-1px -1px 0 #1b0d05;letter-spacing:-1px}
.card-recruitment{position:absolute;right:4%;bottom:3%;z-index:4;width:23%;aspect-ratio:.85;display:grid;align-items:end;justify-items:center;padding:2% 1% 1%;border:2px solid var(--frame-tone);border-radius:2px;background:linear-gradient(140deg,var(--badge-top),var(--badge-bottom));box-shadow:0 0 0 2px #1b1009,0 3px 8px #000b}
.card-recruitment strong{font-family:'Gwent Display','Gwent Text',serif;font-size:clamp(21px,18cqi,60px);font-weight:700;line-height:1;color:#ffedb7;text-shadow:2px 2px 0 #1b0d05,-1px -1px 0 #1b0d05;letter-spacing:-1px}
.recruit-icon{position:absolute;width:48%;height:auto;left:26%;bottom:82%;filter:drop-shadow(1px 2px 1px #000b)}
.framed-card>.art-fallback{position:absolute;inset:20% 8%;z-index:1;align-content:center;color:#cab48b;background:#1b160e}
.framed-card.mini .card-power{width:18px;height:18px;top:5px;left:5px;border-width:1px;box-shadow:0 0 0 1px #160e08,0 2px 3px #0008}
.framed-card.mini .card-power strong{font-size:13px;letter-spacing:-.5px;text-shadow:1px 1px 0 #140b04,-1px -1px 0 #140b04}
.framed-card.mini .card-recruitment{width:21px;height:25px;right:2px;bottom:2px;padding:1px;border-width:1px;box-shadow:0 0 0 1px #160e08,0 2px 3px #0008}
.framed-card.mini .card-recruitment strong{font-size:16px;letter-spacing:-.5px;text-shadow:1px 1px 0 #140b04,-1px -1px 0 #140b04}
.framed-card.mini .recruit-icon{display:none}
.reveal-art{border:0!important;background:#1b160e;overflow:hidden}
.reveal-art:hover .framed-card>.card-artwork{transform:none}
.reveal-card.face-up.gold{border:2px solid #e4be68;background:radial-gradient(ellipse at top right,#9f72122a,transparent 65%),linear-gradient(135deg,#332719,#19130d);box-shadow:0 0 0 1px #8b6227,0 0 32px #d5a1413d,0 24px 38px -12px #000d}
.reveal-card.face-up.bronze{border:2px solid #b87f59;background:radial-gradient(ellipse at top right,#9c5a3328,transparent 65%),linear-gradient(135deg,#30221b,#18120e);box-shadow:0 0 0 1px #654026,0 0 22px #ad63372a,0 24px 38px -12px #000d}
.reveal-card.gold .reveal-art{box-shadow:0 0 0 1px #e8bd6055,0 0 21px #d5a24b2b,0 8px 16px #0008}
.reveal-card.bronze .reveal-art{box-shadow:0 0 0 1px #bc865966,0 0 15px #9e5d3422,0 8px 16px #0008}
.tier-tag{display:inline-block;border:1px solid;border-radius:4px;padding:3px 9px;font-family:'Gwent Display','Gwent Text',sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.6px;white-space:nowrap}
.tier-tag.gold{color:#ffe3a0;background:linear-gradient(#6f4f1e,#3b2b14);border-color:#d4a94f;box-shadow:inset 0 1px 0 #ffe5a12b}
.tier-tag.bronze{color:#f1c7a8;background:linear-gradient(#65402a,#352219);border-color:#b67b53;box-shadow:inset 0 1px 0 #f1ba8a22}
.face-up .reveal-rarity{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-right:0!important}
.cardrow{border-left:3px solid;padding-left:10px;padding-right:7px;margin:5px 0;gap:12px}
.cardrow.gold{border-left-color:#e0b454;background:linear-gradient(90deg,#a277231b,transparent 75%)}
.cardrow.bronze{border-left-color:#b77d54;background:linear-gradient(90deg,#9e5b351b,transparent 75%)}
.cardrow.gold:hover{background:linear-gradient(90deg,#b48b302c,transparent 95%)}
.cardrow.bronze:hover{background:linear-gradient(90deg,#a769422a,transparent 95%)}
.card-thumbnail{width:58px;height:83px;border:0;background:#18120d;overflow:hidden;border-radius:3px;flex-shrink:0}
.cardrow .tier-tag{font-size:11px;padding:2px 6px;margin-top:5px;letter-spacing:.5px}
.card-row-stats{display:flex;align-items:stretch;gap:6px;flex-shrink:0;margin-left:auto}
.row-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:51px;padding:8px 5px;border:1px solid #9a77423d;border-radius:4px;background:#0c0b09a6}
.row-stat b{font-family:'Gwent Display','Gwent Text',sans-serif;font-size:24px;line-height:1;font-weight:700;color:#f0e1bb}
.row-stat small{font-family:'Gwent Text',Arial,sans-serif;font-size:8px;line-height:1.2;font-weight:600;letter-spacing:.55px;color:#b6a589}
.row-provision b{color:#e9c778}
.cardrow.bronze .row-provision b{color:#dfad87}
.destiny-image{border:0;overflow:hidden;border-radius:3px}
.result{container-type:inline-size}
@container(max-width:480px){
 .cardrow{display:grid;grid-template-columns:50px minmax(0,1fr) 23px;column-gap:10px;row-gap:7px;align-items:center;padding:11px 7px 11px 9px}
 .card-thumbnail{grid-column:1;grid-row:1/span 2;width:50px;height:72px;align-self:start}
 .cardinfo{grid-column:2;grid-row:1;min-width:0}
 .cardrow>.count{grid-column:3;grid-row:1;align-self:start;padding-top:5px;font-size:12px}
 .card-row-stats{grid-column:2/span 2;grid-row:2;margin-left:0;justify-content:flex-start;gap:7px}
 .row-stat{flex-direction:row;min-width:0;gap:6px;padding:5px 7px}
 .row-stat b{font-size:21px}
 .row-stat small{font-size:8px}
 .cardinfo a{font-size:18px}
}
@media(max-width:680px){.tier-tag{font-size:13px}.card-power,.card-recruitment{border-width:1px}.cardrow .tier-tag{font-size:11px}.cardrow{transform:none}}
@container(max-width:480px){.columns span:last-child{display:none}}

/* Emerald felt, golden metalwork and illustrated timber. */
:root{--bg:#081a13;--panel:#112f23;--line:#776335;--gold:#e2bf68;--text:#f3ead4;--muted:#bdc4a9;--accent:#a5cc84}
body{background:radial-gradient(ellipse at 50% 0,#28523b85,transparent 68%),linear-gradient(#081a1366,#081a13aa),url('assets/tavern-wood.svg') center top/860px auto fixed;color:var(--text)}
header{max-width:none;padding:18px max(5%,calc((100% - 1450px)/2));background:linear-gradient(180deg,#173b2be8,#0a2119ee);border-bottom:2px solid #a58b46;box-shadow:0 4px 0 #040f0b,0 6px 0 #80632c66,0 12px 30px #0008}
main{max-width:1600px;padding:0 4%}.intro{padding:28px 0}.hero-name{color:#ecd18c;text-shadow:0 3px 0 #6f4822,0 6px 0 #0b2117,0 12px 25px #0008}.hero-tool{color:#e6dcb9}.hero-divider{background:linear-gradient(90deg,#ba9449,transparent)}
.language-switch{display:flex;gap:4px;padding:4px;background:#061810;border:1px solid #a48945;border-radius:5px;box-shadow:inset 0 1px 6px #0008}
.language-switch button{font:700 17px 'Gwent Display',serif;color:#c6c6a8;background:transparent;border:1px solid transparent;border-radius:3px;padding:8px 13px;min-width:47px;transition:background .2s,color .2s}
.language-switch button[aria-pressed=true]{color:#192b1a;background:linear-gradient(#f3d88c,#c69947);border-color:#f4deab;box-shadow:0 2px 5px #0007}
.language-switch button:hover{border-color:#d4b666}
.workspace{grid-template-columns:330px minmax(0,1fr);gap:26px}
.panel{border:2px solid #aa8845;border-radius:5px;background:radial-gradient(ellipse at 40% 0,#37614355,transparent 75%),linear-gradient(115deg,#163b2cf0,#0c261df5);box-shadow:inset 0 0 0 3px #071b14,inset 0 0 0 4px #ad894336,0 5px 0 #040d09,0 9px 0 #835e2e,0 13px 0 #07130e,0 20px 35px #0007;position:relative}
.panel:before{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid #d6b35a28;border-radius:2px}
.setup{background:linear-gradient(110deg,#173c2bdf,#0c271eed),url('assets/tavern-wood.svg') center/700px}.result{background:radial-gradient(ellipse at top,#31563a80,transparent 65%),linear-gradient(135deg,#123627f5,#0b251bf5)}
.resulthead{border-color:#c2a15c66}.panel h2,.step span{color:#f1d99b}.step{color:#d6b35c}.leader-display,.budget{background:linear-gradient(130deg,#244832,#102a1d);border-color:#827139;color:#eee4c2}.helper{font-size:14px;line-height:1.7;color:#c3cfb4;max-height:none}.neutral-limit{background:#071e17aa;border-color:#8f793c66}.neutral-limit label{color:#e7d5a4;font-size:16px}.neutral-limit input{accent-color:#e2bf68}.range-labels{font-size:13px;color:#c6c4a3}
select,input:not([type]),input[type=number]{background:#0a2119;color:#f2e8ce;border-color:#877341;font-size:16px}select{white-space:normal;max-width:100%}#leaderChoice{margin-bottom:12px;line-height:1.5;padding:13px 9px;font-size:15px}.choice-toggle{display:flex;align-items:center;gap:10px;font:18px 'Gwent Display',serif;margin:0 0 15px;color:#e4d8b5}.choice-toggle input{accent-color:#dfbc69;width:19px;height:19px}.factions.random-enabled{opacity:.5}.factions.random-enabled button{cursor:default}.choice-toggle+.helper{margin-top:-5px}
.primary{background:linear-gradient(180deg,#f1d68c,#cfaa56 65%,#b8893e);color:#253018;border:1px solid #ffe5a6;box-shadow:inset 0 2px 0 #fff3c988,inset 0 -3px 0 #7b552c,0 4px 0 #071a12,0 7px 15px #0005}.primary:hover:not(:disabled){background:linear-gradient(#ffe9a5,#dfbb69);box-shadow:inset 0 2px 0 #fff8db,0 0 24px #d7b76c33,0 4px 0 #071a12}.secondary{background:linear-gradient(#2d5138,#173323);border:1px solid #b39753;color:#f4e5b7;box-shadow:inset 0 1px 0 #adc89733,0 3px 0 #071a12}.secondary:hover:not(:disabled){background:linear-gradient(#3c6446,#24432c);border-color:#edd18c}.pill{background:#0c2118;border-color:#a58b4b;color:#e1d8b9;font-size:11px;white-space:normal}.pill.ready{background:#385432;color:#ecf2c9;border-color:#b7bd75}
.reveal-stage{background:linear-gradient(#0c281dbb,#14352699);border-color:#b28d484d}.rescue-panel{background:linear-gradient(115deg,#21432c,#0c281c);border-color:#b19553}.stats small{font-size:11px;color:#cad2b7}.stats>div{border-color:#b0924f}.verification{font-size:14px;line-height:1.8;color:#cbd8ba}.decktoolbar p{font-size:14px}.site-footer{color:#bcc6a8}.footer-meta,.site-footer .footnote{color:#b8c2a7}.footer-contact p,.footer-creator p{color:#ccd1ba}
/* A horizontal, aligned deck table with an unmistakable copy count. */
#deck{width:100%}.columns{display:grid;grid-template-columns:minmax(0,1fr) 74px 72px 92px;gap:10px;align-items:center;font:17px 'Gwent Display',serif;color:#f2d78e;letter-spacing:.4px;padding:18px 12px;border-bottom:2px solid #9e8548}.columns span:not(:first-child){text-align:center}.columns span:last-child{display:block}
.cardrow{display:grid;grid-template-columns:64px minmax(0,1fr) 74px 72px 92px;align-items:center;gap:10px;margin:7px 0;padding:12px 10px;border:1px solid #8d784142;border-left:4px solid;border-radius:3px;min-height:112px;transform:none}
.cardrow.gold{border-left-color:#f1cc70;background:linear-gradient(90deg,#82601f40,#0a2116c9)}.cardrow.bronze{border-left-color:#c8946e;background:linear-gradient(90deg,#62462c3b,#0a2116c9)}.card-thumbnail{grid-column:1;grid-row:1;width:64px;height:92px}.cardinfo{grid-column:2;grid-row:1;min-width:0}.cardinfo a{font:22px/1.25 'Gwent Display',serif;color:#f7eac5;display:block;overflow-wrap:anywhere}.cardinfo small{display:block;font:16px/1.5 'Gwent Text',Arial,sans-serif;color:#d6dbc4;margin-top:5px}.cardrow .tier-tag{font-size:12px;margin-top:5px}.cardrow>.count{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:5px;color:#e9e0c4;padding:8px 2px;font-family:'Gwent Display',serif}.count b{font-size:29px;line-height:1}.count small{font-size:11px;letter-spacing:.2px}.count.duplicate{background:#584725;border:1px solid #d9b960;border-radius:4px;color:#ffe49b}.card-row-stats{display:contents}.row-stat{grid-row:1;min-width:0;min-height:70px;padding:9px 3px;gap:7px;background:#071b14cc;border-color:#98834766;flex-direction:column}.row-power{grid-column:4}.row-provision{grid-column:5}.row-stat b{font-size:29px}.row-stat small{font:11px 'Gwent Display',serif;color:#d7d9ba;letter-spacing:.15px}
@media(max-width:1150px) and (min-width:681px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:18px}.panel{padding:22px}.cardinfo a{font-size:20px}}
@container(max-width:620px){.columns{grid-template-columns:minmax(0,1fr) 58px 57px 69px;gap:5px;font-size:14px;padding:15px 5px}.columns span:last-child{display:block}.cardrow{grid-template-columns:46px minmax(0,1fr) 58px 57px 69px;gap:5px;padding:10px 5px;min-height:100px}.card-thumbnail{width:46px;height:66px;grid-column:1;grid-row:1}.cardinfo{grid-column:2;grid-row:1}.cardinfo a{font-size:19px}.cardinfo small{font-size:14px}.cardrow>.count{grid-column:3;grid-row:1;align-self:center;padding:7px 1px}.count b{font-size:25px}.count small{font-size:10px}.card-row-stats{display:contents}.row-stat{grid-row:1;flex-direction:column;min-height:64px;gap:7px;padding:7px 1px}.row-power{grid-column:4}.row-provision{grid-column:5}.row-stat b{font-size:25px}.row-stat small{font-size:9px}.cardrow .tier-tag{font-size:11px}}
@container(max-width:410px){.columns{grid-template-columns:minmax(0,1fr) 50px 50px 62px;font-size:12px;padding-left:3px;padding-right:3px;gap:4px}.cardrow{grid-template-columns:minmax(0,1fr) 50px 50px 62px;gap:4px;padding:11px 4px}.card-thumbnail{display:none}.cardinfo{grid-column:1}.cardinfo a{font-size:18px}.cardinfo small{font-size:14px}.cardrow>.count{grid-column:2}.row-power{grid-column:3}.row-provision{grid-column:4}.row-stat small{font-size:9px}.row-stat b,.count b{font-size:25px}}
@media(max-width:680px){header{padding:14px 5%}.workspace{grid-template-columns:minmax(0,1fr);gap:26px}.panel{padding:22px}.brand-name{font-size:24px}.language-switch button{padding:7px 10px;min-width:40px}main{padding:0 4%}.pill{font-size:10px}.stats small{font-size:10px}.helper{font-size:14px}.reveal-ability{font-size:15px!important}.art-credit{font-size:11px!important}}
/* Final identity and language flags. */
.brand-sigil{width:53px;height:62px}.brand-name{font-size:30px}.brand-name>span{font-size:13px}.language-switch button{display:flex;align-items:center;gap:7px}.flag{width:23px;height:15px;display:inline-block;box-shadow:0 0 0 1px #ffffff55;flex-shrink:0}.flag-pl{background:linear-gradient(#fff 50%,#dc1936 50%)}.flag-en{background:linear-gradient(90deg,transparent 40%,#cc1832 40% 60%,transparent 60%),linear-gradient(transparent 36%,#cc1832 36% 64%,transparent 64%),linear-gradient(33deg,transparent 43%,white 43% 56%,transparent 56%),linear-gradient(-33deg,transparent 43%,white 43% 56%,transparent 56%),#203a78}.hero-tool{letter-spacing:5px}
.reveal-card.face-down{background:radial-gradient(ellipse at center,#3b6549aa,transparent 70%),repeating-linear-gradient(45deg,#d8b96907 0 2px,transparent 2px 16px),linear-gradient(135deg,#163f2c,#071f17);border:3px solid #d1ac5d;box-shadow:inset 0 0 0 5px #081e15,inset 0 0 0 7px #9d7d40,0 15px 35px #0008}.face-down .card-back-crest{border:0;background:none;box-shadow:none;width:98px;height:112px;margin:10px auto 15px}.card-back-crest img{width:100%;height:100%}.card-back-label{color:#ead18e!important;font:16px 'Gwent Display',serif!important;letter-spacing:2px}.face-down h3{color:#f4e6bf}.face-down p:last-child{color:#c4d4b6}
/* The discarded card chars from the bottom, flares and rises as ash. */
.reveal-card.burning{position:relative;overflow:hidden;pointer-events:none;animation:card-burn 1.2s ease-in forwards!important}.reveal-card.burning:before{content:'';position:absolute;inset:-20%;z-index:12;background:radial-gradient(ellipse at 25% 100%,#fff4b4 0, #ffc43b 9%,#ee5412 19%,transparent 34%),radial-gradient(ellipse at 75% 100%,#fff0a0 0,#ff921c 15%,transparent 38%);filter:blur(5px);mix-blend-mode:screen;animation:burn-flame 1.2s ease-in forwards}.reveal-card.burning:after{content:'';position:absolute;inset:0;z-index:13;background:radial-gradient(circle at 15% 80%,#ffe299 0 2px,transparent 3px),radial-gradient(circle at 65% 60%,#fba43c 0 3px,transparent 4px),radial-gradient(circle at 40% 90%,#fff2c2 0 2px,transparent 3px),radial-gradient(circle at 85% 85%,#f1c16a 0 2px,transparent 4px);background-size:83px 127px;animation:burn-ash 1.2s ease-out forwards}
@keyframes card-burn{0%{filter:brightness(1);opacity:1;transform:scale(1)}40%{filter:sepia(.9) brightness(1.3);opacity:1}75%{filter:sepia(1) brightness(.5);opacity:.85;transform:scale(.98)}100%{filter:brightness(0);opacity:0;transform:translateY(-18px) scale(.93)}}@keyframes burn-flame{0%{transform:translateY(100%);opacity:0}20%{opacity:1}80%{transform:translateY(-30%);opacity:1}100%{transform:translateY(-100%);opacity:0}}@keyframes burn-ash{0%{transform:translateY(40px);opacity:0}25%{opacity:1}100%{transform:translateY(-210px);opacity:0}}
@media(prefers-reduced-motion:reduce){.reveal-card.burning,.reveal-card.burning:before,.reveal-card.burning:after{animation:none!important}.reveal-card.burning:before,.reveal-card.burning:after{display:none}}
@media(max-width:480px){.brand-sigil{width:40px;height:48px}.brand-name{font-size:25px}.brand-name>span{font-size:11px}.language-switch button{padding:7px;gap:4px;font-size:15px}.flag{width:19px;height:13px}}
/* Balanced lockup and sharper language controls. */
.header-controls{display:flex;align-items:center;gap:16px}.brand-name{text-align:center;line-height:1.08}.brand-name>span{display:block;letter-spacing:1.2px;margin-top:3px}.brand-sigil{width:62px;height:72px;filter:drop-shadow(0 3px 2px #000a)}.hero-identity{display:flex;align-items:center;gap:25px}.hero-sigil{display:block;width:125px;height:146px;filter:drop-shadow(0 6px 3px #0009)}.hero-identity h1{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:18px 0}.hero-name{font-size:90px;line-height:1;letter-spacing:3px}.hero-tool{font-size:33px;line-height:1.2;letter-spacing:3px;margin:0}.flag-en{display:block;background:none!important;object-fit:fill;width:27px;height:17px;box-shadow:0 0 0 1px #f4e2ae88;border-radius:1px}.flag-pl{width:27px;height:17px}.sound-toggle{display:flex;align-items:center;gap:7px;background:#102b20;border:1px solid #a58b4b;border-radius:4px;color:#f1d99b;font:15px 'Gwent Text',sans-serif;padding:11px 13px;min-height:44px}.sound-toggle>span:first-child{font-size:22px;line-height:1}.sound-toggle:hover{background:#244932;border-color:#ead28d}.muted-sound{color:#bdc4ad}.sound-toggle:focus-visible{outline:2px solid #f2d58a;outline-offset:3px}
@media(max-width:1050px){.hero-sigil{width:95px;height:111px}.hero-identity{gap:15px}.hero-name{font-size:72px}.hero-tool{font-size:27px}.card-art{width:270px}}
@media(max-width:680px){.hero-identity{width:100%;justify-content:center;gap:18px}.hero-sigil{width:90px;height:105px}.hero-name{font-size:68px}.hero-tool{font-size:25px}.header-controls{gap:7px}.sound-toggle{padding:9px;min-height:40px}#soundLabel{display:none}.brand-sigil{width:46px;height:54px}.brand-name{font-size:24px}.brand-name>span{font-size:10px}.language-switch button{padding:7px;gap:5px}.flag-en,.flag-pl{width:23px;height:15px}}
@media(max-width:380px){.brand{gap:5px}.brand-sigil{width:35px}.brand-name{font-size:21px}.brand-name>span{font-size:9px}.hero-name{font-size:55px}.hero-tool{font-size:21px}.hero-sigil{width:74px;height:86px}.hero-identity{gap:12px}.language-switch button{font-size:14px;padding:6px 5px}.flag-en,.flag-pl{width:19px;height:13px}.sound-toggle{padding:7px}.header-controls{gap:5px}}
/* Searchable, persistent exclusions, separated from the draw settings. */
.setup-tabs{display:flex;gap:6px;margin:22px 0 24px;padding-bottom:10px;border-bottom:1px solid #b8995366}.setup-tabs button{flex:1;min-width:0;border:1px solid #887740;background:#0b251a;color:#c6d1b4;font:16px/1.3 'Gwent Display',sans-serif;padding:11px 6px;border-radius:3px;transition:background .15s,border-color .15s}.setup-tabs button[aria-selected=true]{background:linear-gradient(#49623a,#2b492e);color:#ffe5a3;border-color:#d6b66b;box-shadow:inset 0 1px #ffe8a333}.setup-tabs button:hover{border-color:#e2c477}#banBadge{display:inline-block;min-width:20px;margin-left:3px;padding:1px 5px;background:#071b13;border-radius:9px;font-family:'Gwent Text',sans-serif;font-size:13px;color:#f5d88d}#drawSettings>label:not(.toggle),#bansSettings>label{font:700 21px/1.35 'Gwent Display',sans-serif;letter-spacing:.3px;color:#eed9af;margin:26px 0 12px}#drawSettings>.toggle{font:700 19px/1.4 'Gwent Display',sans-serif;color:#eddec1;gap:12px;margin-top:25px}#drawSettings>.toggle input{width:20px;height:20px;flex-shrink:0}#drawSettings>label .muted{font:13px 'Gwent Text',sans-serif;color:#c3b49a}#bansSettings h2{margin-bottom:12px}#bansSettings>label{font-size:18px}#banSearch{width:100%;min-width:0;padding:12px 10px;background:#092219;border:1px solid #9f8746;border-radius:4px;color:#f5ebce;font:16px 'Gwent Text',sans-serif}#banSearch::placeholder{color:#acb99d}.bans-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:25px}.bans-list-heading h3{font-size:19px;margin:0}.bans-list-heading button{font-size:13px;text-align:right;padding:6px 0}#bannedCards{max-height:360px;overflow-y:auto;scrollbar-color:#a58a48 #0b2418;scrollbar-width:thin}.ban-list{display:flex;flex-direction:column;gap:7px}.ban-card{display:grid;grid-template-columns:minmax(0,1fr) 35px 75px;gap:7px;align-items:center;padding:10px 8px;background:#0b241bcc;border:1px solid #77825255;border-radius:4px}.ban-card.is-banned{border-left:3px solid #ce8065;background:#3b271e55}.ban-card-info{min-width:0}.ban-card-info strong{display:block;color:#f1dfb7;font:17px/1.25 'Gwent Display',sans-serif;overflow-wrap:anywhere}.ban-card-info small{display:block;color:#b9c7ac;font:12px/1.4 'Gwent Text',sans-serif;margin-top:5px}.ban-cost{text-align:center;font:21px 'Gwent Display',sans-serif;color:#eed19a}.ban-cost small{display:block;font:8px 'Gwent Text',sans-serif;letter-spacing:.1px;color:#bfcaaf}.ban-action{background:#58422a;border:1px solid #b58d54;color:#ffe0ab;padding:8px 4px;font:13px 'Gwent Display',sans-serif;border-radius:3px;min-height:36px}.ban-action:hover{background:#775033;border-color:#e7ba77}.ban-action.restore{background:#244b30;border-color:#71945c;color:#d7edb6}.ban-action.restore:hover{background:#366444}#banMore{width:100%;margin-top:14px}#banSaveStatus:empty{display:none}
@media(max-width:680px){#drawSettings>label:not(.toggle){font-size:20px}#drawSettings>.toggle{font-size:18px}.ban-card-info strong{font-size:18px}.ban-card{grid-template-columns:minmax(0,1fr) 40px 82px}}

/* Luminous gold lettering, framed by a restrained emerald halo. */
.hero-identity .hero-name{
 color:#ffe6a3;
 background:linear-gradient(180deg,#fff8dc 0%,#ffe7a3 30%,#e7bd61 66%,#f7dc93 100%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 filter:drop-shadow(0 2px 0 #72501e) drop-shadow(0 0 7px #ecc56b70) drop-shadow(0 0 23px #6cbb715c);
 text-shadow:none;
}
@media(forced-colors:active){
 .hero-identity .hero-name{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;filter:none}
}

/* Dark, softly drawn timber with fine grain and a quiet green vignette. */
body{background:radial-gradient(ellipse at 50% 0,#284d353d,transparent 68%),linear-gradient(#09150e30,#07150f80),url('assets/tavern-wood.svg') center top/1200px 960px fixed;color:var(--text)}
.setup{background:linear-gradient(110deg,#173c2bd9,#0c271ee8),url('assets/tavern-wood.svg') center/1000px 800px}

/* Centred reveal heading and miniature card backs for each remaining slot. */
.reveal-stage-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;margin:0 auto;text-align:center}
.reveal-stage-heading #revealProgress{width:100%;max-width:46ch;min-height:0;margin:0 auto;text-align:center;font:700 13px/1.6 'Gwent Text',sans-serif;letter-spacing:1px;text-wrap:balance;color:#e9d39f}
.reveal-stage-heading .stage-caption{display:block;font-size:10px;line-height:1.5;letter-spacing:1.6px;color:#aebe9b;text-align:center;white-space:normal}
#revealTrack{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 5px;margin:18px auto 25px;padding:4px 0;width:100%;height:auto}
#revealTrack .track-card{position:relative;display:block;flex:0 0 clamp(17px,calc((100% - 120px)/25),26px);height:auto;aspect-ratio:497/713;border:1px solid #71805c;border-radius:3px;background:linear-gradient(145deg,#23422e,#0c241b);box-shadow:inset 0 0 0 1px #06170f,0 2px 3px #0006;overflow:hidden;transition:border-color .25s,box-shadow .25s}
#revealTrack .track-card:before{content:'';position:absolute;inset:3px;border:1px solid #b89b5045;border-radius:1px;background:url('assets/logo-dice.png') center/85% auto no-repeat;opacity:.35;z-index:1}
#revealTrack .track-card:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#e2c46a,#638244);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease;opacity:.8}
#revealTrack .track-card.turned{background:linear-gradient(145deg,#516b35,#183221);border-color:#c7ad65;box-shadow:inset 0 0 0 1px #23361b,0 2px 4px #0007}
#revealTrack .track-card.turned:after{transform:scaleY(1)}
#revealTrack .track-card.turned:before{opacity:.95;border-color:#ffe4a373}
#revealTrack .track-card.current{border-color:#ffedb3;box-shadow:0 0 8px #e6c86d88,0 2px 4px #0007;animation:mini-card-reveal .35s ease-out}
.complete #revealTrack .track-card.turned{border-color:#e7d28a}
@keyframes mini-card-reveal{from{transform:translateY(3px);filter:brightness(1.6)}to{transform:translateY(0);filter:brightness(1)}}
@media(max-width:680px){.reveal-stage-heading #revealProgress{font-size:12px;letter-spacing:.6px}.reveal-stage-heading .stage-caption{font-size:9px}#revealTrack{margin-top:15px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){#revealTrack .track-card,#revealTrack .track-card:after{transition:none}#revealTrack .track-card.current{animation:none}}

/* Shared transparent dice-and-flame logo, including the card backs. */
.brand-sigil,.hero-sigil,.card-back-crest img{object-fit:contain}
.hero-sigil{filter:drop-shadow(0 4px 5px #0008) drop-shadow(0 0 13px #39d87925)}
#revealTrack .track-card:before{background-size:90% auto}

/* Original game UI layers share the game's native 497 × 713 canvas. */
.native-skin .game-layer,.native-skin .native-stat{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:fill;display:block;z-index:3;pointer-events:none;transform:none;filter:none}
.native-skin .native-stat>.game-layer{position:absolute;inset:0;width:100%;height:100%}
.native-power-text,.native-provision-text{position:absolute;z-index:4;display:block;text-align:center;font-family:'Gwent Display',serif;font-weight:700;color:#fff2c9;line-height:1;text-shadow:1px 2px 0 #27190d;font-size:17cqi}
.native-power-text{left:11%;top:6.5%;width:12%}.native-provision-text{right:7%;bottom:4.5%;width:12%}
/* Teaser cards are independently sampled; they never inspect the hidden deck. */
.card-art .fantasy{padding:0;border:0;outline:0;background:transparent;overflow:visible;width:145px;height:auto;aspect-ratio:497/713;border-radius:3px;box-shadow:0 12px 22px #0009}
.card-art .fantasy:after{display:none}.card-art .fantasy .framed-card{display:block;width:100%;height:auto;font:inherit;text-shadow:none}.card-art .fantasy img{filter:none;transform:none}.card-art .fantasy .game-layer,.card-art .fantasy .card-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.hero-back{position:absolute;width:145px;aspect-ratio:497/713;left:100px;top:10px;background:url('assets/logo-dice.png') center/49% auto no-repeat,url('assets/card-back.svg') center/100% 100% no-repeat;filter:drop-shadow(0 12px 18px #0009)}
/* A dedicated gold-engraved revere, carrying the application's dice mark. */
.empty-deck{width:132px;height:189px;margin:0 auto 38px}.empty-deck>div,.empty-deck>div:last-child{border:0;border-radius:6px;background:url('assets/logo-dice.png') center/49% auto no-repeat,url('assets/card-back.svg') center/100% 100% no-repeat;box-shadow:0 10px 20px #0008}
.empty-deck>div:first-child{transform:translateX(-28px) rotate(-14deg);filter:brightness(.7)}.empty-deck>div:nth-child(2){transform:translateX(28px) rotate(14deg);filter:brightness(.8)}.empty-deck>div:last-child{transform:translateY(-5px);filter:drop-shadow(0 0 9px #bba25923)}.empty-deck img{display:none}
.reveal-card.face-down{max-width:280px;min-height:390px;padding:55px 27px 33px;border:0;border-radius:9px;background:url('assets/card-back.svg') center/100% 100% no-repeat;box-shadow:0 14px 32px #0009;outline:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.face-down .card-back-crest{width:112px;height:112px;margin:0 auto 28px;flex-shrink:0}.face-down .card-back-label{font-size:12px!important;letter-spacing:1.3px}.reveal-card.face-down h3{font-size:25px;line-height:1.25;margin:8px 0}.reveal-card.face-down p:last-child{font-size:14px}
/* A leader's in-game ability icon stays distinct from its faction crest. */
.leader-with-icon{display:flex;align-items:center;gap:12px}.leader-ability-icon{width:70px;height:70px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 5px #0008)}.leader-with-icon .leader-display{flex:1;min-width:0}.leader-with-icon:has(.leader-ability-icon:not([hidden])) .leader-display{font-size:20px;padding:12px 9px}
@media(max-width:680px){.reveal-card.face-down{min-height:365px;max-width:260px;padding-top:45px}.leader-ability-icon{width:63px;height:63px}.leader-with-icon{gap:8px}}

/* A live flame front consumes the artwork; the old gradient effect is fallback-only. */
.reveal-card.burning.fire-live{overflow:visible;animation:none!important;filter:none!important;transform:none!important;opacity:1!important}
.reveal-card.burning.fire-live:before,.reveal-card.burning.fire-live:after{display:none}
.card-fire-canvas{position:absolute;z-index:30;display:block;pointer-events:none;max-width:none;mix-blend-mode:normal}
.fire-live .reveal-rarity,.fire-live h3,.fire-live .reveal-ability,.fire-live .art-credit{opacity:clamp(0,calc(1 - var(--burn-phase,0)*1.25),1)}
.fire-live .reveal-art{will-change:clip-path,filter}
@media(prefers-reduced-motion:reduce){.card-fire-canvas{display:none}.fire-live .reveal-art{will-change:auto}.fire-live .reveal-rarity,.fire-live h3,.fire-live .reveal-ability,.fire-live .art-credit{opacity:1}}

/* In-game categories (Beast, Mutant, Witcher...) are separate from card type. */
.face-up .reveal-rarity .reveal-category{display:block;flex-basis:100%;margin-top:3px;font:600 16px/1.5 'Gwent Text',Arial,sans-serif;letter-spacing:.15px;text-transform:none;color:#d6e3bc;overflow-wrap:anywhere}
.cardinfo .card-categories{display:block;margin:3px 0 0;font:500 15px/1.5 'Gwent Text',Arial,sans-serif;letter-spacing:0;color:#c1d5a6;overflow-wrap:anywhere}
@media(max-width:680px){.face-up .reveal-rarity .reveal-category{font-size:15px}.cardinfo .card-categories{font-size:14px}}