.web_page{background:var(--background);color:var(--foreground);font-family:var(--font-sans);background-image:url(/bg_Jinks.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;min-height:150vh}.comic-brutal-button-container{--primary-color:#ff3d3d;--secondary-color:#3d3dff;--text-color:#000000;--accent-color:#ffef00;--panel-color:#ffffff;--shadow-color:rgba(0,0,0,0.75);display:flex;justify-content:center;align-items:center;padding:2em}.comic-brutal-button{font-size:1.5em;border:none;background:none;cursor:pointer;padding:0;transform:rotate(-2deg);transform-origin:center}.button-inner,.comic-brutal-button{position:relative;transition:transform .15s cubic-bezier(.22,.61,.36,1)}.button-inner{display:flex;justify-content:center;align-items:center;background-color:var(--primary-color);color:var(--text-color);padding:.8em 1.5em;z-index:3;overflow:hidden;transform:skew(-3deg,1deg);clip-path:polygon(0 10%,3% 0,97% 0,100% 10%,100% 90%,97% 100%,3% 100%,0 90%)}.button-text{position:relative;font-weight:900;font-size:1.2em;letter-spacing:.05em;text-transform:uppercase;z-index:5;color:var(--text-color);text-shadow:.05em .05em 0 var(--panel-color),-.05em -.05em 0 var(--panel-color),.05em -.05em 0 var(--panel-color),-.05em .05em 0 var(--panel-color);transform:rotate(2deg)}.button-frame{position:absolute;top:-.3em;left:-.3em;right:-.3em;bottom:-.3em;background-color:var(--accent-color);border:.15em solid var(--text-color);z-index:1;transition:transform .15s cubic-bezier(.22,.61,.36,1)}.button-shadow{position:absolute;top:.4em;left:.4em;right:-.4em;bottom:-.4em;background-color:var(--shadow-color);z-index:0;transition:all .15s cubic-bezier(.22,.61,.36,1)}.halftone-overlay{background-image:radial-gradient(circle at 30% 30%,rgba(0,0,0,.2) .1em,transparent 0);background-size:.5em .5em;background-position:0 0;opacity:.3;z-index:2;mix-blend-mode:multiply}.halftone-overlay,.ink-splatter{position:absolute;top:0;left:0;width:100%;height:100%}.ink-splatter{z-index:1;opacity:0;transition:opacity .2s ease;background:radial-gradient(circle at 20% 30%,rgba(0,0,0,.15) 0,rgba(0,0,0,.08) 20%,transparent 50%),radial-gradient(circle at 70% 65%,rgba(0,0,0,.15) 0,rgba(0,0,0,.08) 25%,transparent 50%),radial-gradient(circle at 40% 50%,rgba(0,0,0,.15) 0,rgba(0,0,0,.08) 30%,transparent 60%),radial-gradient(circle at 85% 15%,rgba(0,0,0,.15) 0,rgba(0,0,0,.08) 15%,transparent 40%)}.comic-brutal-button:hover{transform:rotate(-1deg) scale(1.05)}.comic-brutal-button:hover .button-inner{transform:skew(-5deg,2deg);background-color:var(--secondary-color)}.comic-brutal-button:hover .button-text{color:var(--panel-color);text-shadow:.05em .05em 0 var(--text-color),-.05em -.05em 0 var(--text-color),.05em -.05em 0 var(--text-color),-.05em .05em 0 var(--text-color)}.comic-brutal-button:hover .button-shadow{transform:translate(.2em,.2em)}.comic-brutal-button:hover .ink-splatter{opacity:1}.comic-brutal-button:focus{outline:none}.comic-brutal-button:focus .button-frame{border-color:var(--secondary-color)}.comic-brutal-button:active{transform:rotate(0) scale(.98)}.comic-brutal-button:active .button-inner{transform:skew(0,0)}.comic-brutal-button:active .button-shadow{transform:translate(.1em,.1em)}@keyframes burst{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.comic-brutal-button:active .button-text{animation:burst .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes dash{to{stroke-dashoffset:-20}}.comic-brutal-button:focus:after{content:"";position:absolute;top:-.5em;left:-.5em;right:-.5em;bottom:-.5em;border:.15em dashed var(--text-color);z-index:0;animation:dash 1s linear infinite;pointer-events:none}.comic-brutal-button:before{content:"";position:absolute;top:.4em;left:.8em;width:1em;height:1em;background-color:var(--accent-color);border-radius:50%;z-index:2;opacity:0;transition:opacity .2s ease}.comic-brutal-button:hover:before{opacity:.7}@keyframes action-lines{0%{opacity:0;transform:scale(.7)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}.comic-brutal-button:active:before{content:"";position:absolute;top:-1em;left:-1em;right:-1em;bottom:-1em;background-image:radial-gradient(var(--text-color) 0,transparent 70%),repeating-conic-gradient(transparent 0,transparent 5%,var(--text-color) 5%,var(--text-color) 6%);opacity:0;z-index:6;mix-blend-mode:overlay;pointer-events:none;animation:action-lines .5s ease-out forwards}.title_url{font-weight:900;font-size:1.2em;letter-spacing:.05em;text-transform:uppercase;z-index:5;color:var(--text-color);text-shadow:.05em .05em 0 var(--panel-color),-.05em -.05em 0 var(--panel-color),.05em -.05em 0 var(--panel-color),-.05em .05em 0 var(--panel-color);transform:rotate(0deg)}.wrapper{width:100%;height:100%;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.inner{--w:150px;--h:200px;--translateZ:calc((var(--w) + var(--h)) + 0px);--rotateX:-15deg;--perspective:1000px;position:absolute;width:var(--w);height:var(--h);top:25%;left:calc(50% - (var(--w) / 2) - 2.5px);z-index:2;transform-style:preserve-3d;transform:perspective(var(--perspective));animation:rotating 20s linear infinite}@keyframes rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}.card{position:absolute;border:2px solid rgba(var(--color-card));border-radius:12px;overflow:hidden;inset:0;transform:rotateY(calc((1turn / var(--quantity)) * var(--index))) translateZ(var(--translateZ))}.img{width:100%;height:100%;object-fit:cover;background:#0000 radial-gradient(circle,rgba(var(--color-card),.2) 0,rgba(var(--color-card),.6) 80%,rgba(var(--color-card),.9) 100%)}.game-description{max-width:1000px;margin:0 auto;padding:2rem 1rem;text-align:center}.description-title{font-size:2rem;font-weight:700;color:#69c6dd;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.4;background:linear-gradient(135deg,#69c6dd,#bf3a7c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description-content{backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:2px solid rgba(105,198,221,.3);box-shadow:0 8px 32px rgba(0,0,0,.2);position:relative;overflow:hidden}.description-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#69c6dd,#bf3a7c,transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.description-text{font-size:1.1rem;line-height:1.8;color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:0;text-align:justify;text-indent:2em}@media (max-width:768px){.description-title{font-size:1.5rem;margin-bottom:1rem}.description-content{padding:1.5rem;margin:0 1rem}.description-text{font-size:1rem;text-indent:1.5em}}