:root{color-scheme:dark;--ink:#f3eee4;--muted:#9c9a94;--signal:#ff6b35;--line:#34363b;--page:#090a0c}*{box-sizing:border-box}html{min-width:300px;background:var(--page)}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px),radial-gradient(circle at 72% 24%,#ff6b351c,transparent 24rem),var(--page);background-size:32px 32px,32px 32px,auto,auto;font-family:"Courier New",monospace}a{color:inherit}.shell{width:min(760px,calc(100% - 32px));min-height:100vh;margin:auto;display:flex;flex-direction:column}header{height:86px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:800 clamp(1.35rem,4vw,1.7rem) Arial,sans-serif;letter-spacing:-.05em;text-decoration:none}.brand-mark{width:28px;height:28px;position:relative;display:grid;place-items:center;border:1px solid var(--signal);transform:rotate(45deg)}.brand-mark i{position:absolute;width:4px;height:4px;background:var(--signal);animation:pulse 2.4s infinite ease-in-out}.brand-mark i:first-child{transform:translate(-6px,6px)}.brand-mark i:nth-child(2){animation-delay:.22s}.brand-mark i:last-child{transform:translate(6px,-6px);animation-delay:.44s}main{flex:1;display:flex;align-items:center;padding:56px 0}.games{width:100%}.games>h1{margin:0 0 16px;color:var(--muted);font-size:.72rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.game-card{position:relative;border:1px solid var(--line);background:#111317e8;transition:.25s}.game-card:before,.game-card:after{content:"";position:absolute;z-index:2;width:18px;height:18px;pointer-events:none}.game-card:before{top:-1px;left:-1px;border-top:2px solid var(--signal);border-left:2px solid var(--signal)}.game-card:after{right:-1px;bottom:-1px;border-right:2px solid var(--signal);border-bottom:2px solid var(--signal)}.game-link{display:grid;grid-template-columns:220px 1fr;min-height:220px;text-decoration:none}.game-visual{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 15px,#ffffff07 16px),#0d0f12}.game-visual:after{content:"";position:absolute;inset:-50% 0 auto;height:45%;background:linear-gradient(transparent,#ff6b3517,transparent);animation:scan 5.5s infinite linear}.board{width:136px;aspect-ratio:1;position:relative;border:1px solid #4c4f55;background:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:16.666% 16.666%;transform:rotate(-3deg);transition:.35s}.piece,.beacon{position:absolute;width:calc(16.666% - 4px);aspect-ratio:1}.piece{background:var(--signal);box-shadow:0 0 14px #ff6b3533}.piece:after{content:"";position:absolute;inset:28%;border-top:1px solid #1b0d08;border-right:1px solid #1b0d08;transform:rotate(45deg)}.a{left:18%;top:18%}.b{left:51%;top:51%;transform:rotate(90deg)}.c{left:68%;top:18%;transform:rotate(135deg);background:#e7e3d9}.beacon{border:1px solid #e7e3d9;border-radius:50%}.d{left:35%;top:68%}.e{left:68%;top:68%;border-color:var(--signal)}.game-visual>span{position:absolute;left:14px;bottom:12px;color:var(--muted);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.game-info{padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:34px}.game-info h2{margin:0 0 8px;font:800 clamp(2rem,7vw,3.5rem)/.9 Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}.game-info p{margin:0;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.play{width:fit-content;min-width:154px;display:flex;justify-content:space-between;gap:20px;padding:11px 13px;border:1px solid var(--signal);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.game-card:hover,.game-card:focus-within{border-color:#686b72;transform:translateY(-3px);box-shadow:0 18px 55px #00000052}.game-link:hover .board,.game-link:focus-visible .board{transform:rotate(0) scale(1.035)}.game-link:hover .play,.game-link:focus-visible .play{color:#170b06;background:var(--signal)}a:focus-visible{outline:2px solid #ff9a73;outline-offset:5px}footer{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}footer p{margin:0}footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}footer a{text-decoration-color:transparent;text-underline-offset:4px}footer a:hover{color:var(--ink);text-decoration-color:var(--signal)}@keyframes pulse{0%,65%,100%{opacity:.3}20%{opacity:1;box-shadow:0 0 9px var(--signal)}}@keyframes scan{to{transform:translateY(350%)}}@media(max-width:560px){.shell{width:calc(100% - 24px)}header{height:72px}main{padding:36px 0}.game-link{grid-template-columns:1fr}.game-visual{min-height:190px;border-right:0;border-bottom:1px solid var(--line)}.board{width:118px}.game-info{min-height:210px;padding:26px}footer{padding:24px 0;align-items:flex-start;flex-direction:column}footer nav{justify-content:flex-start}}@media(max-width:390px){footer nav{flex-direction:column}footer a span{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.shell{justify-content:center}header{height:auto;min-height:0;padding:20px 0}main{flex:0;display:block;padding:24px 0}footer{min-height:0;padding:20px 0}@media(max-width:560px){header{height:auto}main{padding:20px 0}footer{padding:20px 0}}