*{box-sizing:border-box}:root{color-scheme:dark;--lime:#c3f778;--muted:#acb8d2;--line:#35415c}body{margin:0;background:radial-gradient(ellipse at 70% 0,#30463c44,transparent 45%),#10142b;color:#f4f7ff;font:14px/1.7 system-ui,"Malgun Gothic",sans-serif}header{max-width:1150px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}header>a:first-child{color:inherit;text-decoration:none;font-weight:800}main{max-width:1150px;margin:auto;padding:0 24px}.hero{padding:35px 0 40px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:800}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-2px;margin:12px 0}h2{font-size:20px;margin:0}p{color:var(--muted);margin:7px 0}button,.button,input{font:inherit}button,.button{display:inline-block;text-decoration:none;color:#edf3ff;background:#26314e;border:1px solid #4a5873;border-radius:9px;padding:9px 14px;cursor:pointer;font-weight:650}button:hover,.button:hover{background:#354264}.primary{background:var(--lime);border-color:var(--lime);color:#172c0e}.primary:hover{background:#d9ff9b}input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#111a2c;color:inherit;max-width:210px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.search{display:flex;gap:8px}.help{font-size:12px}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.card{display:flex;flex-direction:column;align-items:flex-start;background:#1b2242;border:1px solid var(--line);border-radius:15px;padding:23px;min-width:0}.card .icon{width:44px;height:44px;border-radius:12px;background:#c3f77818;color:var(--lime);display:grid;place-items:center;font:800 20px monospace;margin-bottom:17px}.card h3{font-size:18px;margin:0;overflow-wrap:anywhere}.card p{font-size:12px;overflow-wrap:anywhere}.card small{font-size:11px;color:#8fa2c4;margin:10px 0 16px}.card a{margin-top:auto}.empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed var(--line);border-radius:15px}#game-count{font-size:12px;font-weight:400;color:var(--muted)}#status{background:#1c2a3c;border:1px solid #3a5062;border-radius:9px;padding:11px 15px;font-size:12px}#player-section{border:1px solid #536b51;background:#172137;border-radius:18px;padding:22px;margin-bottom:32px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}#game-title{overflow-wrap:anywhere;margin-top:6px}.game-heading p{font-size:12px}#game-description{overflow-wrap:anywhere}.play-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.play-toolbar button{font-size:12px}#play-host{height:560px;background:#0a1121;border-radius:10px;overflow:hidden}#game-frame{display:block;width:100%;height:100%;border:0}#play-host:fullscreen{height:100vh;width:100vw}footer{text-align:center;color:#8291b0;font-size:10px;letter-spacing:1px;padding:35px}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:850px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main{padding:0 16px}header{padding:18px 16px}.games{grid-template-columns:1fr}.list-toolbar{align-items:stretch;flex-direction:column}.search input{max-width:none;flex:1;min-width:0}.hero{padding-top:20px}#player-section{padding:16px}#play-host{height:470px}.game-heading{align-items:start}.game-heading button{font-size:11px}}