/* SIXSEVEN V2.8 / ARCADE SELECTOR + ISOLATED GAME PLAYER */
.arcade-section{position:relative;isolation:isolate;background:#14110f;color:#f5eee4;padding:clamp(70px,9vw,125px) 0 80px;overflow:hidden}
.arcade-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;background:repeating-linear-gradient(90deg,transparent 0 134px,#ffffff10 135px 136px,transparent 137px 270px)}
.arcade-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:19px;border-bottom:1px solid #ffffff30;font:11px var(--mono);letter-spacing:.1em;color:#d4b8a9}.arcade-status{color:#f86745}.arcade-status i{font-style:normal;color:#8f827a}
.arcade-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:40px 0 44px}.arcade-heading h2{margin:0;font:clamp(72px,10vw,150px)/.94 var(--display);letter-spacing:-.04em}.arcade-heading h2 em{color:#eb4d2a;font-style:normal}.arcade-heading p{max-width:545px;color:#d3c2b7;font:600 clamp(17px,1.8vw,22px)/1.35 var(--condensed);margin:20px 0 0}.arcade-seal{border:3px solid #e94d2c;width:145px;height:145px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);color:#ef603d;font:76px/.9 var(--display)}.arcade-seal span{font:11px var(--mono);letter-spacing:.05em}
.arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.arcade-card{min-width:0;background:#211a17;border:1px solid #665045;box-shadow:9px 10px 0 #060505;overflow:hidden;display:flex;flex-direction:column}.arcade-card-link{display:flex;flex:1;flex-direction:column;min-width:0}.arcade-card-ready{border-color:#ef5634}.arcade-card-ready:hover{box-shadow:13px 14px 0 #e94c29;transform:translate(-4px,-4px)}.arcade-card-ready:focus-within{outline:3px solid #fff2e5;outline-offset:4px}.arcade-card-ready{transition:transform .22s ease,box-shadow .22s ease}
.arcade-art{height:clamp(215px,23vw,335px);position:relative;overflow:hidden;background:#30201b}.arcade-index{position:absolute;z-index:3;left:20px;top:17px;padding:8px 10px;color:#eee5dc;background:#0f0c0ad9;border:1px solid #ffffff35;font:10px var(--mono)}.arcade-art-footer{position:absolute;bottom:12px;left:17px;right:17px;text-align:center;z-index:4;font:9px var(--mono);color:#fbede3;letter-spacing:.05em;text-shadow:0 2px 8px #000}
.arcade-art-reflex{background:radial-gradient(circle at 50% 55%,#f45d3d 0,#d63920 38%,#33140e 82%)}.arcade-art-reflex:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 50% 45%,#0000001a 0 6deg,transparent 6deg 18deg)}.arcade-reflex-figure{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:4px;filter:drop-shadow(8px 11px 0 #0007)}.arcade-reflex-figure>span{font:clamp(130px,16vw,245px)/1 var(--display);color:#f8f0e3;letter-spacing:-.085em;transform:rotate(-9deg)}.arcade-reflex-figure>.arcade-seven{transform:rotate(9deg)}.arcade-palm{position:absolute;width:clamp(75px,9.5vw,150px);bottom:8%;filter:drop-shadow(6px 8px 0 #100d0b);pointer-events:none}.arcade-palm-left{left:10%;transform:rotate(-22deg)}.arcade-palm-right{right:10%;transform:scaleX(-1) rotate(-22deg)}
.arcade-art-platform{background:linear-gradient(180deg,#51434c,#352c30 62%,#161311)}.arcade-pixel-world{position:absolute;inset:0}.arcade-pixel-sun{position:absolute;top:27%;right:20%;width:70px;height:70px;background:#e75637;box-shadow:18px 15px 0 #bb3c2c}.arcade-pixel-ground{position:absolute;left:0;right:0;bottom:22%;height:17px;background:repeating-linear-gradient(90deg,#d85b3c 0 32px,#1b1415 32px 38px)}.arcade-pixel-runner{position:absolute;bottom:calc(22% + 17px);left:33%;width:48px;height:64px;background:#eee6dc;box-shadow:10px -11px 0 #101011,-9px 5px 0 #eee6dc,9px 27px 0 #1a1414,-11px 30px 0 #1a1414;transform:skew(-5deg)}.arcade-pixel-block{position:absolute;bottom:calc(22% + 17px);width:40px;height:40px;background:#ed5a3c;border:8px solid #161311}.arcade-pixel-block.block-one{left:58%}.arcade-pixel-block.block-two{left:80%;height:70px}.arcade-art-platform:after{content:"";position:absolute;inset:0;background:#09080850}
.arcade-art-unknown{background:radial-gradient(circle at center,#3b302d,#171313)}.arcade-art-unknown:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(32deg,transparent 0 30px,#ffffff09 31px 32px)}.arcade-unknown-symbol{position:absolute;inset:0;display:grid;place-items:center;font:clamp(165px,18vw,290px)/1 var(--display);color:#f0e7db;text-shadow:10px 12px 0 #ea4d2b;transform:rotate(-12deg)}
.arcade-card-body{padding:24px 24px 26px;display:flex;flex-direction:column;align-items:stretch;flex:1}.arcade-card-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px var(--mono);letter-spacing:.02em;color:#c2aca0}.arcade-card-label strong{color:#fb643e;font-weight:500;white-space:nowrap}.arcade-card-label .arcade-muted{color:#b0a097}.arcade-card-body h3{font:clamp(30px,3.2vw,47px)/1 var(--display);margin:25px 0 12px;letter-spacing:-.02em}.arcade-card-body p{font:600 19px/1.3 var(--condensed);color:#bbaaa0;margin:0 0 25px;min-height:75px}.arcade-card-go,.arcade-card-wait{font:900 18px var(--condensed);margin-top:auto;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;border:1px solid #e95a37}.arcade-card-go{background:#ed4c2c;color:white}.arcade-card-go b,.arcade-card-wait b{font-size:25px}.arcade-card-wait{border-color:#69534b;color:#a79a94}.arcade-card-pending{opacity:.78}
.arcade-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:38px;font:10px var(--mono);color:#b4a299;letter-spacing:.08em}.arcade-bottom a{font:900 17px var(--condensed);border-bottom:2px solid #ed5533;color:#f1e5da;padding-bottom:5px}
@media(max-width:1000px){.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-card-mystery{grid-column:1 / -1}.arcade-card-mystery .arcade-art{height:200px}.arcade-art{height:280px}}
@media(max-width:680px){.arcade-section{padding:66px 0 65px}.arcade-heading{margin:30px 0 28px}.arcade-heading h2{font-size:clamp(56px,14vw,92px)}.arcade-heading p{font-size:17px}.arcade-seal{display:none}.arcade-grid{grid-template-columns:1fr;gap:17px}.arcade-card-mystery{grid-column:auto}.arcade-art{height:260px}.arcade-card-pending .arcade-art{height:170px}.arcade-reflex-figure>span{font-size:185px}.arcade-palm{width:115px}.arcade-card-body{padding:17px 18px 20px}.arcade-card-body h3{margin:16px 0 7px;font-size:39px}.arcade-card-body p{font-size:17px;min-height:0;margin-bottom:15px}.arcade-card-label{font-size:9px}.arcade-bottom{align-items:flex-start;flex-direction:column}.arcade-card-pending .arcade-card-body{padding-bottom:16px}}
@media(max-width:380px){.arcade-topline{font-size:9px}.arcade-art{height:225px}.arcade-reflex-figure>span{font-size:155px}.arcade-palm{width:90px}.arcade-card-label{font-size:8px}.arcade-card-label strong{font-size:8px}}
/* Dedicated player shares original V2.7 HTML/engine; only layout is isolated. */
.play-page{background:#12100f;min-width:280px;color:#f6eee3;overflow-x:hidden}.play-header{height:65px;background:#12100f;position:sticky;top:0;z-index:180;border-bottom:1px solid #ffffff30}.play-header-inner{width:min(calc(100% - 36px),1420px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%}.play-exit{font:900 18px var(--condensed);display:flex;align-items:center;gap:9px;color:#f9eee2}.play-exit span{font-size:25px;color:#f65c35}.play-brand{font:italic 27px var(--display)}.play-brand span{font:11px var(--mono);color:#e35a38}.play-fullscreen{border:1px solid #9b6755;background:#231712;color:#f0e1d5;padding:9px 12px;font:700 11px var(--mono)}.play-main{width:min(calc(100% - 36px),1420px);margin:0 auto 24px}.play-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 10px;font:10px var(--mono);color:#e8b3a2;letter-spacing:.07em}.play-page .game-section{padding:0;background:transparent;overflow:visible}.play-page .game-section:before{display:none}.play-page .game-section .wrap{width:100%;max-width:none}.play-page .game-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}.play-page .game-arena{height:clamp(660px,calc(100svh - 128px),780px);min-height:660px;scroll-margin-top:80px}.play-page .game-side{min-width:0}.play-page .game-instructions{padding-bottom:12px}.play-page .game-aside-note{margin-bottom:0}.play-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 8px;color:#94857c;font:10px var(--mono)}.play-foot a{color:#f2beac;text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px){.play-page .game-grid{grid-template-columns:minmax(0,1fr)}.play-page .game-side{display:none}.play-page .game-arena{max-width:850px;margin:auto;min-height:660px}.play-main{width:min(calc(100% - 22px),900px)}}
@media(max-width:600px){.play-header{height:55px}.play-header-inner{width:calc(100% - 22px);gap:8px}.play-brand{font-size:20px}.play-exit{font-size:15px}.play-fullscreen{display:none!important}.play-eyebrow{font-size:8px;padding:10px 3px}.play-eyebrow span:last-child{display:none}.play-page .game-arena{height:clamp(540px,calc(100svh - 95px),690px);min-height:540px}.play-page .game-hud{padding:8px 9px}.play-page .game-center{min-height:120px}.play-page .game-prompt{font-size:clamp(80px,22vw,132px);min-height:88px}.play-page .game-hands{margin:0 0 7px;padding:0 12px;gap:10px}.play-page .game-hand{min-height:125px}.play-page .game-hand img{height:85px}.play-page .game-result{padding:16px 10px}.play-page .game-level-panel{inset:49px 0 0;padding:20px 15px}.play-page .game-idle-panel{padding:9px 9px 14px}.play-page .game-track{margin:5px 12px 0}.play-foot{font-size:9px;flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:380px){.play-page .game-arena{height:clamp(530px,calc(100svh - 90px),650px);min-height:530px}.play-page .game-hand{min-height:113px}.play-page .game-hand img{height:73px}}
@media(prefers-reduced-motion:reduce){.arcade-card-ready{transition:none}}

/* iOS viewport safe areas, particularly when opened as a standalone web app. */
.play-header{height:calc(65px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
.play-foot{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:600px){.play-header{height:calc(55px + env(safe-area-inset-top))}}

/* Game 002 — own visual cue while preserving the three-card arcade grid. */
.arcade-card-runner{border-color:#c7e653}
.arcade-card-runner .arcade-art-platform{background:linear-gradient(175deg,#777e45 0,#333b2d 45%,#111817 100%)}
.arcade-card-runner .arcade-pixel-sun{background:#e0ff4c;box-shadow:18px 15px 0 #8eaa38}
.arcade-card-runner .arcade-pixel-ground{background:repeating-linear-gradient(90deg,#e5ff66 0 32px,#17211b 32px 38px)}
.arcade-card-runner .arcade-pixel-block{background:#f45b3d}
.arcade-card-runner .arcade-art-platform:after{background:#09080817}
.arcade-card-runner .arcade-card-label strong{color:#e1ff62}
.arcade-card-runner .arcade-card-go{background:#dfff4a;border-color:#dfff4a;color:#131512}
.arcade-card-runner:hover{box-shadow:13px 14px 0 #dfff4a}

.arcade-art-shot{background:#161312}.arcade-runner-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.02) contrast(1.04)}.arcade-art-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 38%,rgba(0,0,0,.42) 100%)}.arcade-card-runner .arcade-art-footer{background:rgba(0,0,0,.4);padding:5px 8px;border:1px solid rgba(223,255,74,.28)}

/* V3.7: future-proof gallery, 3 visible desktop, swipe mobile, no inactive fake links */
.arcade-collection-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;color:#d1b6a3;font:10px var(--mono);letter-spacing:.06em}
.arcade-collection-controls{display:flex;align-items:center;gap:9px;flex:none}.arcade-collection-controls button{width:39px;height:37px;border:1px solid #8f6656;background:#241b18;color:#f3e3d7;font-size:23px;line-height:1;cursor:pointer}.arcade-collection-controls button:disabled{opacity:.4;cursor:default}.arcade-collection-controls button:not(:disabled):hover{background:#ec4d2b}.arcade-collection-controls span{font:11px var(--mono);color:#ffa789;min-width:55px;text-align:center}
.arcade-grid{display:flex;align-items:stretch;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#e55231 #201612;padding:4px 10px 17px 4px;scroll-behavior:smooth}
.arcade-grid .arcade-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start}.arcade-card-mystery{grid-column:auto}.arcade-card-mystery .arcade-art{height:clamp(215px,23vw,335px)}
.arcade-card-preview{border-color:#b66255}.arcade-card-preview .arcade-soon{color:#f8c369}.arcade-art-screenshot{background:#170e14}.arcade-fio-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.arcade-art-screenshot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0007 0,transparent 25%,transparent 60%,#000b 100%)}.arcade-art-screenshot .arcade-index,.arcade-art-screenshot .arcade-art-footer{z-index:4}.arcade-art-screenshot .arcade-art-footer{font-size:9px;background:#1a1110b9;color:#fae8c3;padding:5px 7px}.arcade-card-coming{color:#fae3c6;border-color:#9c765b}.arcade-card-preview .arcade-card-body{background:linear-gradient(130deg,#28191b,#211a17)}
@media(max-width:1050px){.arcade-grid .arcade-card{flex-basis:calc((100% - 18px)/2)}.arcade-card-mystery .arcade-art{height:280px}}
@media(max-width:680px){.arcade-grid{gap:12px;margin-right:calc((100vw - 100%)/2);padding-bottom:17px}.arcade-grid .arcade-card{flex-basis:min(85vw,370px)}.arcade-grid .arcade-art{height:260px}.arcade-collection-top{font-size:9px}.arcade-collection-controls button{width:34px;height:34px}.arcade-card-mystery .arcade-art{height:260px}}
@media(max-width:380px){.arcade-grid .arcade-card{flex-basis:86vw}.arcade-grid .arcade-art{height:225px}.arcade-collection-top>span{max-width:130px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.arcade-grid{scroll-behavior:auto}}