:root{color-scheme:dark;--bg:#05090b;--panel:#07100f;--line:#1b3927;--green:#48db82;--bright:#a1ffb9;--muted:#75a883;--yellow:#d8d85a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 25%,#0b1b11,#05090b 70%);color:#d9f4df;font:14px ui-monospace,SFMono-Regular,Consolas,monospace;padding:clamp(8px,2vw,20px);display:grid;place-items:center}
.app{width:min(100%,1050px);border:1px solid #15242a;background:#030809;padding:clamp(12px,2.4vw,24px);display:flex;flex-direction:column;gap:14px}
.game-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border:1px solid var(--line);background:#06100b}.nav-label{color:var(--green);font-size:10px;font-weight:bold;letter-spacing:.15em}.game-select{width:min(260px,65%);appearance:none;border:1px solid #285039;background:#0a1b10;color:var(--bright);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;padding:8px 10px;cursor:pointer}.game-select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.game-select option{background:#07100f;color:#d9f4df}
header{border-bottom:1px solid var(--line);padding:2px 0 12px}.eyebrow{color:var(--yellow);font-size:9px;letter-spacing:.2em}h1{font-size:clamp(22px,4vw,34px);letter-spacing:.05em;margin:8px 0 5px;color:#d7ffe1}header p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}header .tagline{font-size:10px;letter-spacing:.1em}
.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.game{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:116px;padding:11px 12px;text-decoration:none;background:#06100b;border:1px solid #1b3927;color:inherit;transition:border-color .15s,background .15s}.game:hover,.game:focus-visible{background:#091710;border-color:var(--green);outline:none}.tag{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.game h2{font-size:clamp(13px,1.7vw,17px);letter-spacing:.04em;margin:0;color:var(--bright)}.game p{margin:0;color:var(--muted);font-size:10px;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.launch{font-size:8px;letter-spacing:.14em;color:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#52745c;font-size:10px;letter-spacing:.1em}
@media(max-width:720px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}.game{min-height:102px}}
@media(max-width:440px){.game{min-height:80px;padding:9px;gap:4px}.game p{display:none}.game h2{font-size:12px}.app{gap:11px}header p{font-size:10px}.game-nav a{font-size:8px;padding:6px}}
 .game-nav .game-select{width:65%;max-width:260px;min-width:0;flex:0 1 260px;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#48db82 50%),linear-gradient(135deg,#48db82 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:26px}