:root{--arcade-ink:oklch(16% .032 323);--arcade-raised:oklch(20% .038 323);--arcade-line:oklch(92% .018 83/.16);--arcade-muted:oklch(76% .025 323);--arcade-ease:cubic-bezier(.23,1,.32,1)}
#page-arcade{background-color:var(--arcade-ink);background-image:linear-gradient(oklch(92% .018 83/.035) 1px,transparent 1px),linear-gradient(90deg,oklch(92% .018 83/.035) 1px,transparent 1px);background-size:72px 72px}
.arcade-shell{width:min(100%,1456px);min-height:calc(100vh - var(--header-height));margin:0 auto;padding:28px 28px 72px;color:var(--light,oklch(96% .014 83))}.arcade-kicker,.arcade-label,.arcade-category{font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.arcade-mast{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:410px;overflow:hidden;border:1px solid var(--arcade-line);background:var(--paper,oklch(95% .025 83));color:var(--ink,oklch(18% .035 323))}.arcade-mast:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent 0 69px,oklch(18% .035 323/.055) 70px 71px);pointer-events:none}.arcade-mast-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:44px 56px}.arcade-mast h1{margin:15px 0 20px;font-family:var(--font-title,var(--font-display));font-size:clamp(68px,8.2vw,126px);font-weight:650;line-height:.72;letter-spacing:-.075em;text-transform:uppercase}.arcade-mast h1 span{display:block;margin-bottom:15px;color:var(--coral);font-family:var(--font-body);font-size:clamp(16px,2vw,28px);font-weight:800;line-height:1;letter-spacing:.18em}.arcade-mast p{max-width:45ch;font-size:15px}.arcade-random{align-self:flex-start;margin-top:28px}.arcade-mast-register{position:relative;z-index:1;display:grid;grid-template:42px 1fr 1fr/1fr 1fr;gap:1px;border-inline-start:1px solid oklch(18% .035 323/.2);background:oklch(18% .035 323/.2);font:700 9px var(--font-body);letter-spacing:.09em}.arcade-mast-register>*{display:grid;place-content:center;margin:0;background:oklch(95% .025 83/.88);font-style:normal;text-align:center}.arcade-mast-register b{color:var(--coral);font-size:64px}.arcade-mast-register i{font-size:13px}.arcade-mast-register em{grid-column:1/-1;color:var(--coral);font-family:var(--font-title);font-size:38px;line-height:.85}.arcade-index{display:flex;justify-content:space-between;padding:12px 2px;color:var(--arcade-muted);font-size:9px;font-weight:700;letter-spacing:.11em}
.arcade-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.arcade-card{position:relative;grid-column:span 4;min-height:420px;overflow:hidden;padding:22px;display:grid;grid-template-rows:auto 150px 1fr auto;border:1px solid var(--arcade-line);background:oklch(18% .035 323/.96);color:inherit;cursor:pointer;transition:transform 180ms var(--arcade-ease),border-color 180ms var(--arcade-ease),box-shadow 180ms var(--arcade-ease)}.arcade-card:nth-child(1),.arcade-card:nth-child(2){grid-column:span 6;min-height:460px;grid-template-columns:1fr 44%;grid-template-rows:auto 1fr auto}.arcade-card-head{display:flex;justify-content:space-between;grid-column:1/-1;padding-bottom:13px;border-bottom:1px solid var(--arcade-line);color:var(--arcade-muted);font:700 9px var(--font-body);letter-spacing:.1em;text-transform:uppercase}.arcade-card-head .arcade-label{color:var(--coral)}.arcade-card-visual{position:relative;display:grid;place-items:center;min-height:145px}.arcade-card:nth-child(-n+2) .arcade-card-visual{grid-column:2;grid-row:2;min-height:240px}.arcade-icon{position:absolute;width:74px;height:64px;color:var(--acid);opacity:.15;transition:opacity 180ms var(--arcade-ease),transform 180ms var(--arcade-ease)}.arcade-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2}.arcade-card-copy{align-self:end}.arcade-card:nth-child(-n+2) .arcade-card-copy{grid-column:1;grid-row:2;padding-right:28px}.arcade-category{color:var(--coral)}.arcade-card h2{max-width:8ch;margin:10px 0 12px;font-family:var(--font-title,var(--font-display));font-size:clamp(34px,3.2vw,54px);font-weight:600;line-height:.86;letter-spacing:-.05em}.arcade-card p{max-width:42ch;color:var(--arcade-muted);font-size:12px}.arcade-card-foot{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:16px;padding-top:18px}.arcade-best{display:flex;flex-direction:column;color:var(--arcade-muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.arcade-best b{color:var(--light);font-family:var(--font-title);font-size:25px;font-variant-numeric:tabular-nums}.arcade-play,.arcade-btn{min-height:44px;padding:0 18px;border:1px solid var(--coral);border-radius:2px;background:var(--coral);color:var(--ink);font:800 10px var(--font-body);letter-spacing:.075em;text-transform:uppercase;cursor:pointer;transition:transform 150ms var(--arcade-ease),background-color 150ms var(--arcade-ease),color 150ms var(--arcade-ease),box-shadow 150ms var(--arcade-ease)}.arcade-btn.secondary{border-color:var(--arcade-line);background:transparent;color:var(--light)}.arcade-btn[hidden],.arcade-play[hidden]{display:none}
.card-preview{position:relative;width:150px;height:112px}.preview-worm i{position:absolute;width:24px;height:24px;border:2px solid var(--acid);background:var(--arcade-raised)}.preview-worm i:nth-child(1){left:17px;top:48px}.preview-worm i:nth-child(2){left:42px;top:48px}.preview-worm i:nth-child(3){left:67px;top:48px;border-color:var(--coral)}.preview-worm span{position:absolute;right:18px;top:22px;width:19px;height:28px;background:var(--paper);box-shadow:3px 3px 0 var(--coral)}.preview-worm b,.preview-guess b,.preview-edition b{position:absolute;right:0;bottom:0;color:var(--arcade-muted);font-size:8px}.preview-shelf{display:flex;gap:4px;align-items:end;padding:20px;border-bottom:4px solid var(--paper)}.preview-shelf span{width:22px;height:52px;background:var(--coral)}.preview-shelf span:nth-child(even){height:65px;background:var(--acid)}.preview-shelf i{position:absolute;left:70px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--paper)}.preview-shelf b{position:absolute;left:54px;bottom:5px;width:48px;height:6px;background:var(--paper)}.preview-match i{position:absolute;width:55px;height:82px;border:1px solid var(--arcade-line);background:var(--coral);box-shadow:4px 4px 0 var(--acid)}.preview-match i:nth-child(1){left:8px;top:18px;transform:rotate(-8deg)}.preview-match i:nth-child(2){left:48px;top:4px;background:var(--paper);transform:rotate(3deg)}.preview-match i:nth-child(3){right:5px;top:24px;background:var(--arcade-raised);transform:rotate(10deg)}.preview-guess i{position:absolute;left:43px;width:65px;height:98px;background:repeating-linear-gradient(90deg,var(--coral) 0 10px,var(--acid) 10px 20px);filter:blur(5px)}.preview-guess span{position:absolute;inset:0;display:grid;place-content:center;color:var(--paper);font:600 48px var(--font-title)}.preview-edition{display:flex;align-items:center;justify-content:center;gap:10px}.preview-edition i{width:48px;height:78px;background:var(--coral);box-shadow:3px 3px 0 var(--paper);transform:rotate(-5deg)}.preview-edition i:last-of-type{background:var(--acid);transform:rotate(5deg)}.preview-edition strong{font:700 10px var(--font-body)}
.game-topbar{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-bottom:1px solid var(--arcade-line);color:var(--arcade-muted);font:700 9px var(--font-body);letter-spacing:.1em;text-transform:uppercase}.game-back{min-height:44px;border:0;background:none;color:var(--coral);font:800 10px var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:24px 0 20px}.game-heading h1{margin-top:4px;font-family:var(--font-title);font-size:clamp(48px,6vw,82px);font-weight:600;line-height:.86;letter-spacing:-.06em}.game-heading>p{max-width:40ch;padding-bottom:4px;color:var(--arcade-muted);font-size:12px}.game-frame{width:min(100%,1120px);margin:0 auto;background:oklch(16% .032 323/.92);box-shadow:0 18px 60px oklch(7% .02 323/.22)}.game-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));border-block:1px solid var(--arcade-line)}.game-stat{position:relative;padding:12px 20px}.game-stat:not(:last-child):after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1px;background:var(--arcade-line)}.game-stat span{display:block;color:var(--arcade-muted);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-stat strong{display:block;margin-top:2px;font-family:var(--font-title);font-size:30px;font-variant-numeric:tabular-nums;line-height:1}.game-stage{min-width:0;padding:20px}.game-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:70px;padding:12px 20px;border-top:1px solid var(--arcade-line)}.game-actions{display:flex;flex-wrap:wrap;gap:8px}.game-note{max-width:58ch;color:var(--arcade-muted);font-size:10px}.game-note span{display:block;margin-bottom:2px;color:var(--light);font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.arcade-canvas-wrap{position:relative;width:min(100%,640px);margin:auto;aspect-ratio:1;background:oklch(12% .025 323);box-shadow:5px 6px 0 var(--coral)}.arcade-canvas-wrap.wide{width:min(100%,820px);aspect-ratio:4/3}.arcade-canvas{display:block;width:100%;height:100%}.canvas-message{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;background:oklch(12% .025 323/.84);pointer-events:none}.canvas-message[hidden]{display:none}.canvas-message strong{font-family:var(--font-title);font-size:42px}.canvas-message span{color:var(--arcade-muted);font-size:11px}.mobile-pad{display:none;width:190px;margin:18px auto 0;grid-template-columns:repeat(3,1fr);gap:6px}.mobile-pad button{min-height:52px;border:1px solid var(--arcade-line);background:var(--arcade-raised);color:inherit;font-size:20px}.mobile-pad .up{grid-column:2}.mobile-pad .left{grid-column:1}.mobile-pad .down{grid-column:2}.mobile-pad .right{grid-column:3}
.match-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;max-width:980px;margin:auto}.match-card{position:relative;aspect-ratio:2/3;border:0;background:none;perspective:700px;cursor:pointer}.match-inner{position:absolute;inset:0;transition:transform 300ms var(--arcade-ease);transform-style:preserve-3d}.match-card.flipped .match-inner,.match-card.matched .match-inner{transform:rotateY(180deg)}.match-face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--arcade-line);border-radius:2px;backface-visibility:hidden}.match-back{background:var(--arcade-raised);color:var(--coral);font-family:var(--font-title);font-size:30px}.match-front{transform:rotateY(180deg);background:var(--paper);color:var(--ink)}.match-front img{width:100%;height:100%;object-fit:cover}.match-card.matched{filter:saturate(.6);opacity:.72}.cover-placeholder{display:grid;place-content:center;width:100%;height:100%;padding:8px;background:var(--coral);color:var(--ink);font-family:var(--font-title);text-align:center}
.guess-stage{max-width:820px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:46px;align-items:center}.guess-cover{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--arcade-raised);box-shadow:6px 7px 0 var(--coral)}.guess-cover img{width:100%;height:100%;object-fit:cover;transition:filter 400ms var(--arcade-ease)}.guess-form h2{margin-top:8px;font-family:var(--font-title);font-size:36px;line-height:1}.guess-form input{width:100%;height:48px;margin:22px 0 10px;padding:0 14px;border:1px solid var(--arcade-line);border-radius:2px;background:var(--arcade-raised);color:inherit;font:inherit}.guess-feedback{min-height:24px;margin-top:12px;color:var(--acid);font-size:12px}
.edition-prompt{text-align:center;padding:4px 0 18px}.edition-prompt h2{margin:5px 0 3px;font-family:var(--font-title);font-size:30px}.edition-prompt p{color:var(--arcade-muted);font-size:11px}.edition-prompt p.is-correct{color:var(--acid)}.edition-prompt p.is-wrong{color:var(--coral)}.edition-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:54px;max-width:880px;margin:auto}.edition-card{position:relative;display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:22px;align-items:end;min-height:330px;padding:18px;border:1px solid var(--arcade-line);background:var(--arcade-raised);color:inherit;cursor:pointer;text-align:left;transition:transform 180ms var(--arcade-ease),border-color 180ms var(--arcade-ease),box-shadow 180ms var(--arcade-ease),opacity 180ms var(--arcade-ease)}.edition-cover{position:relative;align-self:stretch;min-height:290px}.edition-cover img,.edition-cover>.cover-placeholder{display:block;width:100%;height:100%;object-fit:cover;box-shadow:4px 5px 0 oklch(10% .02 323/.55)}.edition-copy{padding-bottom:4px}.edition-choice{display:block;margin-bottom:9px;color:var(--coral);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.edition-card h2{font-family:var(--font-title);font-size:25px;line-height:1}.edition-card p{margin-top:7px;color:var(--arcade-muted);font-size:11px}.edition-year{display:block;margin-top:13px;color:var(--light);font-family:var(--font-title);font-size:34px;font-weight:600;line-height:1}.edition-year[hidden]{display:none}.edition-verdict{display:block;min-height:14px;margin-top:8px;color:var(--acid);font:800 8px var(--font-body);font-style:normal;letter-spacing:.1em;text-transform:uppercase}.edition-card.correct{border-color:var(--acid);box-shadow:5px 6px 0 var(--acid)}.edition-card.wrong{border-color:var(--coral);box-shadow:4px 5px 0 var(--coral)}.edition-card.dimmed{opacity:.58}.edition-vs{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-content:center;width:42px;height:42px;border:1px solid var(--arcade-line);background:var(--arcade-ink);font:800 10px var(--font-body);transform:translate(-50%,-50%)}
.arcade-dialog{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;background:oklch(8% .02 323/.82)}.arcade-dialog-card{max-width:430px;padding:32px;border:1px solid var(--arcade-line);background:var(--arcade-ink);text-align:center;box-shadow:8px 9px 0 var(--acid)}.arcade-dialog h2{font-family:var(--font-title);font-size:38px}.arcade-dialog p{margin:10px 0 22px;color:var(--arcade-muted)}
@media(hover:hover) and (pointer:fine){.arcade-card:hover,.arcade-card:focus-visible{z-index:2;border-color:var(--coral);box-shadow:6px 7px 0 var(--coral);transform:translate(-2px,-3px)}.arcade-card:hover .arcade-icon{opacity:.34;transform:rotate(-4deg) scale(1.05)}.arcade-card:hover .arcade-play{box-shadow:3px 3px 0 var(--acid);transform:translate(-1px,-1px)}.arcade-play:hover,.arcade-btn:hover{background:var(--acid);border-color:var(--acid);transform:translateY(-2px)}.arcade-btn.secondary:hover{background:var(--light);border-color:var(--light);color:var(--ink)}.edition-card:hover:not(.correct):not(.wrong):not(.dimmed){border-color:var(--coral);transform:translateY(-3px);box-shadow:4px 5px 0 var(--coral)}.game-back:hover{color:var(--acid)}}
@media(max-width:980px){.arcade-mast{grid-template-columns:1fr 230px}.arcade-mast-copy{padding:38px}.arcade-card,.arcade-card:nth-child(1),.arcade-card:nth-child(2){grid-column:span 6;min-height:410px;grid-template-columns:1fr;grid-template-rows:auto 140px 1fr auto}.arcade-card:nth-child(-n+2) .arcade-card-visual,.arcade-card:nth-child(-n+2) .arcade-card-copy{grid-column:1;grid-row:auto;padding-right:0}.match-grid{grid-template-columns:repeat(4,1fr)}.edition-card{grid-template-columns:140px 1fr}.edition-cover{min-height:220px}}
@media(max-width:720px){.arcade-shell{padding:16px 16px 52px}.arcade-mast{grid-template-columns:1fr;min-height:0}.arcade-mast-copy{padding:34px 24px}.arcade-mast h1{font-size:clamp(58px,17vw,88px)}.arcade-mast-register{display:none}.arcade-index span:nth-child(2){display:none}.arcade-card,.arcade-card:nth-child(1),.arcade-card:nth-child(2){grid-column:1/-1}.game-heading{display:block;padding-top:18px}.game-heading h1{font-size:52px}.game-heading>p{margin-top:12px}.game-stage{padding:14px}.game-panel{align-items:flex-start;flex-direction:column}.game-stats{grid-template-columns:repeat(2,1fr)}.game-stat:nth-child(2n):after{display:none}.mobile-pad{display:grid}.guess-stage{grid-template-columns:1fr}.guess-cover{width:210px;margin:auto}.edition-pair{grid-template-columns:1fr;gap:52px}.edition-card{grid-template-columns:120px 1fr;min-height:230px}.edition-cover{min-height:190px}.edition-vs{left:50%;top:calc(50% - 1px)}}
@media(max-width:430px){.arcade-card{min-height:380px}.arcade-card h2{font-size:40px}.match-grid{grid-template-columns:repeat(4,1fr);gap:5px}.edition-card{grid-template-columns:105px 1fr;padding:12px;gap:15px}.edition-cover{min-height:168px}.edition-card h2{font-size:21px}.edition-year{font-size:28px}}
@media(prefers-reduced-motion:reduce){.arcade-card,.arcade-icon,.arcade-play,.arcade-btn,.match-inner,.guess-cover img,.edition-card{transition:none!important}}