/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial}}}.game-section-title{z-index:11;margin-bottom:calc(var(--spacing,.25rem) * 2);text-align:left;text-shadow:0 0 16px #000;position:relative}.game-row{z-index:12;margin-bottom:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 6);--b:5px;--c:white;--h:25px;--i:-5px;--m:15px;--r:calc(1.5rem - var(--i) + var(--b));--w:50px;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));max-width:83rem;display:grid}.game-row .game-container{z-index:12;aspect-ratio:var(--aspect-video,16 / 9);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));position:relative}.game-row .more-card{aspect-ratio:var(--aspect-video,16 / 9)}.game-row .placeholder{height:calc(var(--spacing,.25rem) * 0);width:100%}.game-row .game-image{z-index:1;aspect-ratio:var(--aspect-video,16 / 9);object-fit:cover;object-position:center;--tw-shadow:0 2px 40px var(--tw-shadow-color,#0009);width:100%;height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));border-radius:1.5rem}.game-row .box{z-index:10;box-sizing:border-box;padding:var(--b);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--c:transparent;--m:25px;transition-duration:.2s;position:relative}.game-row .box:hover{--c:white;--m:15px}.game-row .box:active{--i:-2.5px;--m:7px;--r:calc(1.5rem - var(--i) + var(--b))}.game-row .card-frame{inset:var(--i);z-index:10;border-radius:var(--r);background-color:var(--c);padding:var(--b);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-content:"";content:var(--tw-content);-webkit-mask:linear-gradient(0deg,#000 calc(2 * var(--b)),transparent 0) 50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,linear-gradient(-90deg,#000 calc(2 * var(--b)),transparent 0) var(--b) 50% / 100% calc(100% - 2 * var(--w)) repeat-x,linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:destination-out,destination-out,xor;transition-duration:.2s;position:absolute}@supports (mask-composite:subtract){.game-row .card-frame{-webkit-mask:linear-gradient(#000 0 0),linear-gradient(#000 0 0) content-box,linear-gradient(-90deg,#000 calc(2 * var(--b)),transparent 0) var(--b) 50% / 100% calc(100% - 2 * var(--w)) repeat-x,linear-gradient(0deg,#000 calc(2 * var(--b)),transparent 0) 50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y;mask:linear-gradient(#000 0 0),linear-gradient(#000 0 0) content-box,linear-gradient(-90deg,#000 calc(2 * var(--b)),transparent 0) var(--b) 50% / 100% calc(100% - 2 * var(--w)) repeat-x,linear-gradient(0deg,#000 calc(2 * var(--b)),transparent 0) 50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y;-webkit-mask-composite:source-out,source-over,source-over,source-over;mask-composite:subtract,add,add,add}}.game-row .directions{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);width:100%;height:100%;position:absolute}.game-row .directions:hover div{--tw-shadow:0 0 6px var(--tw-shadow-color,#00000080), 0 1px 3px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.game-row .directions div{height:var(--h);width:var(--b);background-color:var(--c);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:absolute}.game-row .directions .top{top:calc(0px - var(--m));left:50%}.game-row .directions .bottom{bottom:calc(0px - var(--m));left:50%}.game-row .directions .left{top:50%;left:calc(0px - var(--m));height:var(--b);width:var(--h);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.game-row .directions .right{top:50%;right:calc(0px - var(--m));height:var(--b);width:var(--h);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.game-row .game-name,.game-row .server-name{right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);z-index:10;height:calc(var(--spacing,.25rem) * 6);--tw-translate-x:calc(var(--spacing,.25rem) * 0);--tw-translate-y:calc(var(--spacing,.25rem) * 0);max-width:70%;translate:var(--tw-translate-x) var(--tw-translate-y);text-align:right;font-family:var(--font-display,"Tilt Warp", sans-serif);--tw-leading:1;text-overflow:ellipsis;white-space:nowrap;color:var(--color-white,#fff);transition-property:transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));text-shadow:0 0 .75rem #000;font-size:1.5rem;line-height:1;position:absolute;overflow:hidden}.game-row .game-container:hover .game-name,.game-row .game-container:hover .server-name{transform:translate(-10%,-25%)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}
