.cards{display:grid;--card-size: 300px;grid-template-columns:repeat(auto-fill,minmax(var(--card-size),1fr));margin-block:20px}@media(max-width:700px){.cards{--card-size: 200px}}@media(max-width:500px){.cards{--card-size: 150px}}.card{align-content:center;transform:rotate(var(--rotate, 0deg));transition:transform .2s ease,filter .2s ease;margin-bottom:-20px;filter:drop-shadow(0 0 4px rgba(0,0,0,.7))}.card img{-webkit-mask-image:url(/card-mask.png);mask-image:url(/card-mask.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.card:hover{transform:rotate(0) scale(1.05);filter:drop-shadow(5px 8px 8px rgba(0,0,0,.6));z-index:1}.rules{padding-block:40px}.rules-headline{font-size:1.4rem;line-height:1.4;text-align:center;max-width:700px;margin:0 auto 30px}.rules-headline strong{color:var(--yellow);display:block;background:#000;width:fit-content;margin:0 auto;padding:5px 10px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.rules-grid{grid-template-columns:1fr}}.rules-card{--notch-size: 12px;background:var(--beige);color:var(--black);padding:30px 30px 50px;text-align:center;corner-shape:scoop;overflow:hidden;border-radius:15px;-webkit-mask-image:url(/assets/repeating-paper-top-CkyErlpX.png),url(/assets/repeating-paper-bottom-Dt0RBoPM.png),linear-gradient(#000,#000);mask-image:url(/assets/repeating-paper-top-CkyErlpX.png),url(/assets/repeating-paper-bottom-Dt0RBoPM.png),linear-gradient(#000,#000);-webkit-mask-size:auto 23px,auto 40px,100% 100%;mask-size:auto 23px,auto 40px,100% 100%;-webkit-mask-position:center 0px,center calc(100% + 15px),center;mask-position:center 0px,center calc(100% + 15px),center;-webkit-mask-repeat:repeat-x,repeat-x,no-repeat;mask-repeat:repeat-x,repeat-x,no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;mask-mode:alpha}.rules-card h3{font-family:var(--font-serif);font-size:2.5rem;color:var(--orange);margin-bottom:15px;border-bottom:2px solid var(--black);font-style:italic}.rules-card p{line-height:1.5}.rules-card strong{color:var(--orange)}.rules-card.full-width{grid-column:1 / -1}.rules-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.rules-list li{line-height:1.4}.disclaimer{margin-top:15px;font-size:.85rem;font-style:italic;opacity:.7}.or{font-family:var(--font-block);font-size:1.2rem;margin:15px 0}.ticket_wrapper{max-width:800px;margin:-150px auto 0;z-index:1;position:relative;filter:drop-shadow(0 0 1px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(0,0,0,.4));container-type:inline-size;container-name:ticket}@media(max-width:800px){.ticket_wrapper{padding:20px}}@media(max-width:600px){.ticket_wrapper{margin-inline:15px}}@media(max-width:500px){.ticket_wrapper{margin-inline:15px;margin-top:-100px;margin-bottom:-60px}}.ticket{--padding: 20px;--notch-size: 15px;--stub-width: 100px;--dash-width: 2px;--dash-length: 6px;--dash-gap: 6px;display:grid;grid-template-columns:1fr auto auto;color:var(--black);corner-shape:scoop;overflow:hidden;border-radius:15px;position:relative;-webkit-mask-image:radial-gradient(circle var(--notch-size) at calc(100% - var(--stub-width)) 0,black 100%,transparent 100%),radial-gradient(circle var(--notch-size) at calc(100% - var(--stub-width)) 100%,black 100%,transparent 100%),repeating-linear-gradient(to bottom,black 0,black var(--dash-length),transparent var(--dash-length),transparent calc(var(--dash-length) + var(--dash-gap))),linear-gradient(#000,#000);mask-image:radial-gradient(circle var(--notch-size) at calc(100% - var(--stub-width)) 0,black 100%,transparent 100%),radial-gradient(circle var(--notch-size) at calc(100% - var(--stub-width)) 100%,black 100%,transparent 100%),repeating-linear-gradient(to bottom,black 0,black var(--dash-length),transparent var(--dash-length),transparent calc(var(--dash-length) + var(--dash-gap))),linear-gradient(#000,#000);-webkit-mask-size:100% 100%,100% 100%,var(--dash-width) calc(100% - var(--notch-size) * 2),100% 100%;mask-size:100% 100%,100% 100%,var(--dash-width) calc(100% - var(--notch-size) * 2),100% 100%;-webkit-mask-position:0 0,0 0,calc(100% - var(--stub-width) + var(--dash-width)) var(--notch-size),0 0;mask-position:0 0,0 0,calc(100% - var(--stub-width) + var(--dash-width)) var(--notch-size),0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor,xor,xor;mask-composite:exclude,exclude,exclude}::selection{background:var(--orange);color:var(--white)}.ticket_body{background:var(--beige);display:grid;grid-template-columns:auto auto auto;align-items:center;align-content:center}.ticket_body h2{grid-column:1 / -1;text-transform:uppercase;font-size:5.6cqi;color:var(--orange);padding:var(--padding);line-height:1;text-box:trim-both cap alphabetic}@container ticket (max-width: 700px){.ticket_body h2{font-size:5cqi}}.ticket_body p.battle{text-box:trim-both cap alphabetic;grid-column:1 / -1;border-block:1.5px solid var(--black);text-transform:uppercase;font-size:4.5cqi;font-family:var(--font-block);padding:var(--padding);line-height:1}@container ticket (max-width: 700px){.ticket_body p.battle{font-size:4cqi}}.presented{text-align:center;padding-block:10px;display:grid;gap:5px}.presented+.presented{border-left:1.5px solid var(--black)}.presented p{font-weight:900;font-size:10px;text-transform:uppercase}.presented img{height:70px;max-width:200px;object-fit:contain;margin:0 auto}@container ticket (max-width: 700px){.presented img{height:40px}.youtube :is(.presented img){height:30px}}.ticket_tear{background:var(--white);display:flex;align-items:center;justify-content:center;writing-mode:sideways-lr;text-align:center;text-orientation:sideways-right;border-block:1.5px solid var(--black);padding-block:15px}.ticket_tear p{font-family:var(--font-block);font-size:4.5cqb;line-height:1;text-box:trim-both cap alphabetic}.ticket_stub{background:var(--beige);display:flex;align-items:center;justify-content:center;padding:20px}.barcode{height:100%;width:60px;--white: transparent;--deg: 0deg;background:repeating-linear-gradient(var(--deg),var(--black) 0px,var(--black) 2px,var(--white) 2px,var(--white) 4px,var(--black) 4px,var(--black) 5px,var(--white) 5px,var(--white) 8px,var(--black) 8px,var(--black) 11px,var(--white) 11px,var(--white) 13px,var(--black) 13px,var(--black) 14px,var(--white) 14px,var(--white) 16px,var(--black) 16px,var(--black) 19px,var(--white) 19px,var(--white) 20px,var(--black) 20px,var(--black) 22px,var(--white) 22px,var(--white) 26px,var(--black) 26px,var(--black) 28px,var(--white) 28px,var(--white) 29px,var(--black) 29px,var(--black) 32px,var(--white) 32px,var(--white) 34px,var(--black) 34px,var(--black) 35px,var(--white) 35px,var(--white) 38px,var(--black) 38px,var(--black) 40px)}@container ticket (max-width: 500px){.ticket{--stub-height: 80px;grid-template-columns:1fr;grid-template-rows:auto auto auto;-webkit-mask-image:radial-gradient(circle var(--notch-size) at 0 calc(100% - var(--stub-height)),black 100%,transparent 100%),radial-gradient(circle var(--notch-size) at 100% calc(100% - var(--stub-height)),black 100%,transparent 100%),repeating-linear-gradient(to right,black 0,black var(--dash-length),transparent var(--dash-length),transparent calc(var(--dash-length) + var(--dash-gap))),linear-gradient(#000,#000);mask-image:radial-gradient(circle var(--notch-size) at 0 calc(100% - var(--stub-height)),black 100%,transparent 100%),radial-gradient(circle var(--notch-size) at 100% calc(100% - var(--stub-height)),black 100%,transparent 100%),repeating-linear-gradient(to right,black 0,black var(--dash-length),transparent var(--dash-length),transparent calc(var(--dash-length) + var(--dash-gap))),linear-gradient(#000,#000);-webkit-mask-size:100% 100%,100% 100%,100% var(--dash-width),100% 100%;mask-size:100% 100%,100% 100%,100% var(--dash-width),100% 100%;-webkit-mask-position:0 0,0 0,0 calc(100% - 50px),0 0;mask-position:0 0,0 0,0 calc(100% - 50px),0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor,xor,xor;mask-composite:exclude,exclude,exclude}.ticket_body{grid-template-columns:1fr 1fr;order:1}.ticket_body h2{font-size:10cqi;text-align:center}.ticket_body p.battle{text-align:center}.presented{padding:15px var(--padding)}.presented:last-child{border-block:1.5px solid var(--black);border-left:none;grid-column:1 / -1}.presented img{height:50px}.ticket_tear{order:3;writing-mode:horizontal-tb;text-orientation:mixed;border-block:none;padding:15px 10px}.ticket_tear p{font-size:25px}.ticket_stub{order:2;padding:15px}.barcode{width:100%;max-width:200px;height:40px;--deg: 90deg}}
