:root{color-scheme:light;--cream:#fff0cf;--red:#d50018;--ink:#170a0b;--gold:#ffd51b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#82000c;color:var(--cream);font-family:"Arial Black","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:800;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:4px solid #70f7ff;outline-offset:5px}h1,h2,h3,p{margin:0}.skip-link{position:fixed;z-index:100;left:12px;top:-80px;padding:12px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:10px}
.site-header{position:relative;background:var(--cream);color:var(--ink);border-bottom:6px solid var(--ink);box-shadow:0 3px 0 #ffb22e;z-index:2}.site-header:before,.site-header:after{content:"";position:absolute;top:0;bottom:0;width:42px;background:conic-gradient(#c90016 25%,transparent 0 50%,#c90016 0 75%,transparent 0) 0 0/20px 20px;opacity:.95}.site-header:before{left:0}.site-header:after{right:0}.nav-inner{max-width:1280px;min-height:66px;margin:auto;padding:8px 62px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:baseline;gap:12px;color:#c00014;white-space:nowrap}.brand strong{font-size:34px;font-weight:1000;letter-spacing:.05em;line-height:1.15}.brand span{font:900 12px/1.2 "Courier New",monospace;letter-spacing:.08em}nav{display:flex;gap:24px;align-items:center}.why-tuesday{font-size:17px;letter-spacing:-.04em;white-space:nowrap}.nav-games{padding-left:24px;border-left:2px solid var(--ink);font:900 14px/1.4 "Courier New",monospace;color:#bd0017;letter-spacing:.08em;white-space:nowrap}.nav-games span{margin-left:14px;color:var(--ink);font-size:24px;vertical-align:middle}
.scene{background:#be0013 url('assets/arcade-background.webp') center top/100% auto repeat-y;position:relative;max-width:1600px;margin:0 auto;box-shadow:0 0 70px #400008}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto;max-width:1300px;min-height:530px;margin:auto;padding:42px 66px 40px;column-gap:10px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,#cf00177a 20%,#d2001860 65%,transparent 100%)}.hero-copy{grid-column:1;grid-row:1;align-self:center;position:relative;z-index:2;padding-top:0}.eyebrow{font:900 17px/1.4 "Courier New",monospace;letter-spacing:.12em;margin-bottom:14px}.hero h1{width:100%;max-width:690px}.hero h1 img{width:100%;filter:drop-shadow(0 3px 0 #76000a)}.hero-tagline{font-size:clamp(20px,2.2vw,29px);line-height:1.7;letter-spacing:.06em;margin:12px 0 0;text-shadow:2px 2px 0 #a00011}.hero-mascot{grid-column:2;grid-row:1/3;align-self:end;justify-self:center;width:100%;max-height:490px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 0 #4e00065c);z-index:1}.choose-button{grid-column:1;grid-row:2;position:relative;z-index:3;width:87%;max-width:545px;margin-top:24px;align-self:end}.choose-button:before{content:"";position:absolute;left:0;right:0;top:-16px;border-top:3px dotted #ffe8a6}.image-button{transition:transform .16s ease,filter .16s ease;display:block}.image-button img{width:100%;height:auto}.image-button:hover{transform:translateY(-3px);filter:brightness(1.12) drop-shadow(0 4px 0 #27000566)}.image-button:active{transform:translateY(2px);filter:brightness(.98)}.hero-star{position:absolute;color:#fff2ac;text-shadow:0 0 8px #ffb500;font-size:38px;z-index:0;animation:twinkle 2.8s steps(2,end) infinite}.star-one{right:5%;top:10%}.star-two{right:36%;top:6%;font-size:22px;animation-delay:1.2s}
.games{max-width:1250px;margin:auto;padding:0 32px 45px;scroll-margin-top:16px}.section-heading{position:relative;max-width:1160px;margin:auto auto 12px}.section-heading h2 img{width:100%;max-height:108px}.game-count{position:absolute;right:3.5%;bottom:-13px;padding:3px 8px;color:#fff1bd;background:#ab0015;box-shadow:2px 2px 0 #480007;font:900 11px/1.1 "Courier New",monospace;letter-spacing:.1em;z-index:3}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:15px;max-width:1190px;margin:auto}.cabinet{position:relative;aspect-ratio:.70;min-width:0;container-type:inline-size;filter:drop-shadow(0 8px 0 #39000980);transition:filter .18s}.cabinet:has(a:hover){filter:drop-shadow(0 9px 7px #ffc83d50)}.cabinet-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.cabinet-title{position:absolute;left:8%;top:4.1%;width:84%;height:7.2%;display:flex;align-items:center;gap:3%;z-index:2;color:#130a09}.game-number{display:flex;align-items:center;justify-content:center;background:#d3061d;color:var(--cream);width:21%;height:91%;font:900 8cqw/1 "Courier New",monospace;flex-shrink:0;box-shadow:2px 2px 0 #a80013;border-radius:2px}.cabinet-title h3{font-size:5.2cqw;font-weight:1000;line-height:1.1;text-align:center;flex:1;white-space:nowrap;letter-spacing:-.045em}.cabinet-title h3.long-title{font-size:3.9cqw;letter-spacing:-.055em}.game-screen{position:absolute;left:10.2%;top:16.6%;width:79.6%;height:55.6%;z-index:2;background:#080913;border:2px solid #070408;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-screen img{width:100%;height:100%;object-fit:contain;transition:filter .18s}.game-screen:hover img{filter:brightness(1.13)}.cabinet[data-game="tuesday"] .game-screen{background:#e50019}.cabinet[data-game="akira"] .game-screen,.cabinet[data-game="fuufuu"] .game-screen{background:#071433}.cabinet[data-game="musubi"] .game-screen{background:#5d152f}.cabinet[data-game="komiyan"] .game-screen{background:#ffe9a5}.cabinet[data-game="nagata"] .game-screen{background:#06162e}.game-caption{position:absolute;left:8.6%;top:75%;width:83%;height:5.2%;display:flex;align-items:center;justify-content:center;z-index:2;color:#190d09;font-size:3.28cqw;line-height:1.2;font-weight:1000;white-space:nowrap;letter-spacing:-.05em}.english-caption{font-family:"Courier New",monospace;font-size:4cqw;letter-spacing:.07em}.play-button{position:absolute;left:24.4%;top:83.4%;width:51.5%;height:10%;z-index:3;display:flex;align-items:center;justify-content:center}.play-button img{height:100%;width:100%;object-fit:contain}.play-button:focus-visible{outline-offset:1px}.site-footer{position:relative;background:linear-gradient(#990011,#62000d);color:var(--cream);min-height:105px;display:flex;align-items:center;justify-content:center;gap:25px;padding:32px 20px 24px;font:900 12px/1.6 "Courier New",monospace;letter-spacing:.13em;text-align:center}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:17px;background:conic-gradient(#d8001b 25%,transparent 0 50%,#d8001b 0 75%,transparent 0) 0 0/18px 18px}.site-footer p span{color:#ff8a9d;padding:0 12px;font-size:19px}.site-footer>a{position:absolute;right:30px;font-size:11px;border-bottom:1px solid #ffc7a280;padding:8px 4px}
@keyframes twinkle{50%{opacity:.25;transform:scale(.9)}}
@media(min-width:1500px){.scene{background-size:1600px auto}.hero{min-height:560px}}
@media(max-width:1050px){.nav-inner{padding-inline:50px;gap:15px}.brand strong{font-size:28px}.brand span{font-size:10px}nav{gap:15px}.nav-games{padding-left:15px;font-size:12px}.why-tuesday{font-size:15px}.hero{padding:30px 40px 35px;min-height:440px;grid-template-columns:1.45fr 1fr}.hero-mascot{max-height:410px}.eyebrow{font-size:14px}.hero-tagline{font-size:21px;letter-spacing:.015em}.games{padding-inline:24px}.game-grid{gap:12px}}
@media(min-width:601px) and (max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;gap:20px 16px}.section-heading{margin-bottom:20px}.hero{min-height:390px;padding:30px 35px 28px;grid-template-columns:1.45fr 1fr}.hero-mascot{max-height:355px}.hero-tagline{font-size:18px;letter-spacing:.005em}.choose-button{width:96%;margin-top:20px}.eyebrow{font-size:12px;letter-spacing:.1em}.nav-games{font-size:10px}.brand span{display:none}.site-footer>a{right:16px}}
@media(max-width:600px){.site-header{border-bottom-width:4px}.site-header:before,.site-header:after{width:20px;background-size:14px 14px}.nav-inner{min-height:61px;padding:8px 30px;gap:12px}.brand{display:block}.brand strong{font-size:28px;letter-spacing:.02em}.brand span{display:block;font-size:8px;letter-spacing:.12em;margin-top:3px}nav{display:block;text-align:right}.why-tuesday{font-size:13px;display:block;letter-spacing:-.04em}.nav-games{display:block;border:0;padding:5px 0 0;font-size:8px;letter-spacing:.04em}.nav-games span{display:none}.scene{background-size:auto 900px;background-position:center top}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:26px 22px 27px;gap:0;max-width:480px;overflow:visible}.hero-copy{grid-column:1;grid-row:1;text-align:center}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:12px}.hero h1{max-width:410px;margin:auto}.hero-tagline{font-size:16px;line-height:1.6;letter-spacing:.01em;margin-top:8px}.hero-mascot{grid-column:1;grid-row:2;width:75%;height:auto;max-height:330px;margin:12px auto 0;object-fit:contain;justify-self:center}.choose-button{grid-column:1;grid-row:3;width:94%;max-width:355px;justify-self:center;margin-top:14px}.choose-button:before{display:none}.hero-star{font-size:28px}.star-one{right:8%;top:46%}.star-two{left:9%;top:65%;right:auto}.games{padding:0 14px 30px}.section-heading{margin-bottom:17px}.section-heading h2{height:47px;display:flex;align-items:center;justify-content:center;overflow:hidden}.section-heading h2 img{width:600px;max-width:none;flex-shrink:0;height:auto;max-height:none}.game-count{font-size:9px;bottom:-7px;right:3%}.game-grid{grid-template-columns:minmax(0,1fr);max-width:390px;gap:23px}.cabinet{aspect-ratio:.70}.game-caption{font-size:3.4cqw}.play-button{top:83.2%;height:11%;width:54%;left:23.5%}.site-footer{display:block;padding:33px 14px 22px;letter-spacing:.06em;font-size:10px}.site-footer p{max-width:275px;margin:auto;line-height:1.9}.site-footer p span{padding:0 7px;font-size:14px}.site-footer>a{display:inline-block;position:static;margin-top:12px;padding:6px;font-size:10px}}
@media(max-width:360px){.hero{padding-inline:16px}.hero-tagline{font-size:14px}.hero-mascot{max-height:280px}.games{padding-inline:10px}.section-heading h2 img{width:555px}.brand strong{font-size:25px}.game-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}