.ta-head{gap:12px;padding-block:40px 24px;display:grid}.ta-eyebrow{font:400 .75rem/1 var(--f-pixel);letter-spacing:.12em;color:var(--phosphor);margin:0}.ta-head h1{font:800 clamp(2rem,4vw,3rem)/1.05 var(--f-display);letter-spacing:-.02em;margin:0}.ta-lead{color:var(--dim);max-width:62ch;margin:0;font-size:1.08rem}.ta-stage{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:32px;display:grid}.cab{background:linear-gradient(90deg,#00000059,transparent 6%,transparent 94%,#00000059), repeating-linear-gradient(97deg,#0000001f 0 2px,transparent 2px 9px), var(--cabinet);border-radius:18px 18px 8px 8px;gap:14px;width:min(100%,640px);margin-inline:auto;padding:14px 14px 18px;scroll-margin-top:84px;display:grid;box-shadow:0 30px 60px #0000008c,inset 0 1px #ffe6be1f}.marquee{background:radial-gradient(120% 140% at 50% 50%,color-mix(in srgb,var(--phosphor) 92%,white) 0%,var(--phosphor) 55%,color-mix(in srgb,var(--phosphor) 70%,black) 100%);min-height:64px;box-shadow:0 0 24px color-mix(in srgb,var(--phosphor) 50%,transparent),inset 0 -4px 0 #0000002e;border-radius:10px;place-items:center;padding:10px 16px;display:grid}.marquee span{font:400 clamp(.8rem,2.6vw,1.05rem)/1.3 var(--f-pixel);letter-spacing:.08em;color:var(--phosphor-ink);text-align:center;text-transform:uppercase}.cab-bezel{background:#0d0b09;border-radius:14px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff0d}.cab-screen{aspect-ratio:4/3;background:var(--glass);border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000e6}.host{position:absolute;inset:0}.host iframe{background:#000;border:0;width:100%;height:100%;display:block}.attract{text-align:center;place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:absolute;inset:0}.attract:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 50% 45%,#0000 55%,#0009 100%);position:absolute;inset:0}.attract img{aspect-ratio:1;width:clamp(120px,32vw,240px);height:auto;image-rendering:pixelated;border-radius:4px;box-shadow:0 0 0 2px #ffffff14}.attract img.smooth{image-rendering:auto;object-fit:cover}.attract-msg{font:400 .72rem/1.4 var(--f-pixel);letter-spacing:.1em;color:var(--phosphor);text-transform:uppercase;margin:0;animation:1.2s step-end infinite ta-blink}.attract .btn{z-index:1;position:relative}.cab[data-state=playing] .attract{display:none}.panel{background:linear-gradient(180deg,#ffffff0f,#0003),var(--panel);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0f}.stick-zone{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;margin:-14px 0;display:grid}.stick-zone:active{cursor:grabbing}.stick{background:radial-gradient(circle,#111 40%,#2a241d 42%);border-radius:50%;width:52px;height:52px;position:relative;box-shadow:inset 0 0 0 2px #ffffff0a}.stick span{pointer-events:none;background:radial-gradient(circle at 35% 30%,#ff8a7a,#c0281c 70%);border-radius:50%;width:26px;height:26px;margin:-22px 0 0 -13px;transition:transform 50ms linear;position:absolute;top:50%;left:50%;box-shadow:0 6px 0 -2px #111}.ab{gap:12px;display:flex}.ab-btn{cursor:pointer;width:44px;height:44px;font:400 .62rem/1 var(--f-pixel);color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#ffd37a,#e08a00 70%);border:0;border-radius:50%;place-items:center;padding:0;transition:transform 50ms linear,box-shadow 50ms linear;display:grid;box-shadow:0 4px #0000008c}.ab-btn+.ab-btn{background:radial-gradient(circle at 35% 30%,#8ad0ff,#1878f0 70%)}.ab-btn.down{filter:brightness(.9);transform:translateY(3px);box-shadow:0 1px #0000008c}.panel-actions{flex-wrap:wrap;gap:8px;display:flex}.chip:disabled{opacity:.45;cursor:not-allowed}.controls{text-align:center;color:var(--dim);margin:0;font-size:.85rem}.coin{font:400 .62rem/1 var(--f-pixel);letter-spacing:.1em;color:#ff5a3c;text-transform:uppercase;text-shadow:0 0 8px #ff5a3c99;justify-content:center;align-items:center;gap:12px;display:flex}.coin .slot{background:#0d0b09;border-radius:3px;width:6px;height:22px;box-shadow:0 0 0 3px #6a5440,0 0 10px #ff5a3c80}.now{align-content:start;gap:8px;max-width:62ch;display:grid}.now-label{font:400 .7rem/1 var(--f-pixel);letter-spacing:.12em;color:var(--phosphor);margin:0}.now h2{font:800 clamp(1.5rem,3vw,2.2rem)/1.1 var(--f-display);margin:0}.now-tag{font:400 1.15rem/1.2 var(--f-screen);color:var(--phosphor);margin:0}.now-blurb{margin:0;font-size:1.05rem}.now-hint{color:var(--dim);margin:8px 0 0;font-size:.88rem}.film{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:8px 64px;display:grid}.film>*{min-width:0}.film-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.film-head h2{font:400 .78rem/1 var(--f-pixel);letter-spacing:.12em;color:var(--phosphor);margin:0}.film-nav{gap:8px;display:flex}.strip-outer{position:relative}.strip{scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;gap:14px;margin:0;padding:4px 0 12px;scroll-padding-inline:0;list-style:none;display:flex;overflow-x:auto}.strip li{scroll-snap-align:start;flex:none}.frame{width:152px;color:var(--ink);cursor:pointer;text-align:left;background:#14110d;border:2px solid #2a241d;border-radius:4px;justify-items:start;gap:6px;padding:10px;transition:border-color .15s,transform .15s;display:grid}.frame img{width:128px;height:128px;image-rendering:pixelated;background:#000;display:block}.frame img.smooth{image-rendering:auto;object-fit:cover}.frame-title{font-size:.92rem;font-weight:700;line-height:1.25}.frame-tag{color:var(--dim);font-size:.78rem;line-height:1.3}.frame:hover{border-color:var(--dim);transform:translateY(-2px)}.frame[aria-pressed=true]{border-color:var(--phosphor);box-shadow:0 0 0 2px color-mix(in srgb,var(--phosphor) 35%,transparent),0 0 18px color-mix(in srgb,var(--phosphor) 35%,transparent)}.rights{color:var(--dim);max-width:72ch;margin:0;font-size:.88rem}.rights a{text-underline-offset:3px}@media (width>=1024px){.ta-head{padding-block:56px 32px}.ta-stage{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px}.cab{grid-column:1/9;width:100%;max-width:none;margin-inline:0}.now{grid-column:9/13;position:sticky;top:96px}}@keyframes ta-blink{50%{opacity:.25}}[data-skin=arcade] .ta-head h1{font:400 clamp(1.3rem,2.9vw,2.3rem)/1.45 var(--f-display);text-shadow:4px 4px 0 var(--c9)}[data-skin=arcade] .ta-eyebrow,[data-skin=arcade] .now-label,[data-skin=arcade] .film-head h2{color:var(--c10);font-size:.62rem}[data-skin=arcade] .cab{background:repeating-linear-gradient(90deg,var(--c9) 0 10px,var(--c10) 10px 20px,var(--c6) 20px 30px) bottom / 100% 10px no-repeat,var(--c3);border:4px solid var(--c15);box-shadow:8px 8px 0 var(--c15)}[data-skin=arcade] .marquee{background:var(--c6);border:3px solid var(--c15)}[data-skin=arcade] .marquee span{font-size:clamp(.6rem,2vw,.85rem)}[data-skin=arcade] .cab-bezel{background:var(--c15);border:4px solid var(--c2)}[data-skin=arcade] .panel{background:var(--c1);border:3px solid var(--c15)}[data-skin=arcade] .now h2{font:400 clamp(.95rem,2vw,1.3rem)/1.5 var(--f-display);text-shadow:3px 3px 0 var(--c9)}[data-skin=arcade] .now-tag{color:var(--c6);font-size:.6rem;line-height:1.8}[data-skin=arcade] .attract-msg{color:var(--c6);font-size:.6rem}[data-skin=arcade] .frame{background:var(--c1);border:3px solid var(--c2)}[data-skin=arcade] .frame[aria-pressed=true]{border-color:var(--c10);box-shadow:4px 4px 0 var(--c9)}[data-skin=arcade] .coin{color:var(--c8)}
