:root{color-scheme:dark;--navy:#0b1427;--panel:#16253d;--orange:#ffb15e;--text:#f2f5fc;--muted:#afbed1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#23355344,transparent 55%),var(--navy);color:var(--text);font:15px/1.6 Arial,system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #64758b33}a{color:inherit}header nav{display:flex;gap:20px;font-size:13px}header a{text-decoration:none}.brand{font-size:25px;font-weight:900;line-height:1.3}.brand b{color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 170px;align-items:center;gap:35px;padding:35px 12px 38px}.intro h1{font-size:clamp(34px,5vw,58px);line-height:1.09;letter-spacing:-1.8px;margin:14px 0 20px}.intro h1 span{color:var(--orange)}.intro p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:16px}.intro-avatar{width:150px;height:300px;display:block}.intro-avatar canvas{width:100%;height:100%}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #6b849c55;border-radius:20px;padding:5px 10px;font-size:11px}.profile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#14233a;border:1px solid #70819844;padding:18px 22px;border-radius:14px}.profile label{display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:4px}.profile input{background:#0b172b;border:1px solid #4c627c;padding:10px;border-radius:7px;color:white;font:700 13px Arial;text-transform:uppercase;max-width:190px}.profile strong{display:block;font-size:14px}.profile small{display:block;color:var(--muted);font-size:10px}.profile progress{width:180px;accent-color:var(--orange);height:7px;display:block;margin:6px 0}.profile fieldset{border:0;padding:0;margin:0}.profile legend{font-size:11px;color:var(--muted);margin-bottom:5px}button{cursor:pointer;font:700 12px/1.4 Arial,sans-serif;border:1px solid #536b86;background:#203650;color:var(--text);border-radius:8px;min-height:42px;padding:9px 13px;touch-action:manipulation}button:hover{background:#304b69}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true],.primary{background:var(--orange);border-color:#ffd19a;color:#142238}.primary:hover{background:#ffc383}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,select:focus-visible{outline:3px solid #8ed5ee;outline-offset:3px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:40px 0 20px}.section-title h2{font-size:25px;margin:6px 0}.section-title>p{color:var(--muted);font-size:11px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{overflow:hidden;border:1px solid #5a708a66;background:linear-gradient(140deg,#1c2c46,#122037);border-radius:14px;display:flex;flex-direction:column}.game-card canvas{width:100%;height:auto;aspect-ratio:960/560;display:block;border-bottom:1px solid #8d9caf33}.card-info{padding:18px;display:flex;flex-direction:column;flex:1}.card-info small{color:#ffcd93;font-size:10px}.card-info h3{font-size:20px;line-height:1.3;margin:9px 0}.card-info p{font-size:12px;color:var(--muted);margin:0 0 16px;flex:1}.card-info button{width:100%;text-align:left;display:flex;justify-content:space-between}.note{font-size:12px;color:var(--muted);margin-top:28px;max-width:750px}footer{font-size:11px;color:var(--muted);border-top:1px solid #7892ae33}dialog{color:var(--text);border:1px solid #526c8a;border-radius:14px;background:#101d33;padding:0;max-width:1100px;width:calc(100% - 24px);max-height:95dvh;overflow:auto}dialog::backdrop{background:#030913d9}.game-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid #6a809c44}.game-header small{font-size:10px;color:var(--orange)}.game-header h2{font-size:21px;margin:2px 0}.game-tools{display:flex;gap:6px}.game-tools button{font-size:11px;padding:8px 10px}.game-body{padding:0 18px 16px}.hud{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;padding:10px 0}.hud strong{color:#ffd3a0}.stage{position:relative;border-radius:10px;overflow:hidden;background:#0b1528;isolation:isolate}.stage>canvas{display:block;width:100%;height:auto;touch-action:none;aspect-ratio:960/560}.overlay{position:absolute;inset:0;background:#061123cf;display:flex;justify-content:center;align-items:center;overflow:auto;padding:15px}.overlay[hidden]{display:none}.overlay>div{background:#14263e;border:1px solid #637d9966;border-radius:14px;text-align:center;max-width:360px;width:100%;padding:18px 22px}.overlay h3{margin:6px 0;font-size:25px}.overlay p{font-size:12px;color:#cad4e3}.overlay label{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.overlay select{background:#0a182b;border:1px solid #647a92;border-radius:5px;padding:7px;color:white;max-width:210px;font-size:11px}.overlay button{margin:5px}.tiny-avatar{display:block;width:33px;height:66px;margin:auto}.tiny-avatar canvas{display:block;width:100%;height:100%}#game-message{font-size:12px;min-height:20px;margin:8px 0;color:#ffcf98}.instructions{color:var(--muted);font-size:12px}.instructions summary{cursor:pointer;color:#d8e4f0}.instructions p{margin:7px 0}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:12px;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,42px);gap:4px}.dpad [data-direction=up]{grid-column:2}.dpad [data-direction=left]{grid-column:1;grid-row:2}.dpad [data-direction=down]{grid-column:2;grid-row:2}.dpad [data-direction=right]{grid-column:3;grid-row:2}.controls button{touch-action:none;padding:8px;min-height:40px}.actions{display:flex;gap:6px}.actions button{min-width:76px;min-height:48px;background:#263d56}.actions button:first-child{background:var(--orange);color:#142238}.stage:fullscreen{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:#071122}.stage:fullscreen>canvas{max-height:100dvh;object-fit:contain}body.playing{overflow:hidden}@media(max-width:800px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{grid-template-columns:1fr 110px;gap:12px}.intro-avatar{width:105px;height:210px}.profile{gap:12px}.section-title{display:block}.section-title>p br{display:none}}@media(max-width:500px){header,main,footer{padding:16px}header nav{gap:10px;font-size:10px}header nav a:first-child{display:none}.intro{padding:20px 0;grid-template-columns:1fr 82px}.intro-avatar{width:80px;height:160px}.intro h1{font-size:34px}.intro p:not(.eyebrow){font-size:13px}.eyebrow{letter-spacing:1.2px;font-size:9px}.catalog{grid-template-columns:1fr}.profile{padding:14px}.profile progress{width:140px}.profile fieldset{width:100%}.game-header{padding:10px}.game-header h2{font-size:16px}.game-tools{gap:3px}.game-tools button{font-size:9px;min-height:38px;padding:6px}.game-body{padding:0 8px 12px}.hud{font-size:10px}.overlay{padding:7px}.overlay>div{padding:9px;max-width:310px}.overlay h3{font-size:17px}.overlay p{font-size:10px;margin:5px}.overlay label{margin:4px}.tiny-avatar{display:none}.overlay button{min-height:35px;padding:6px 10px}.overlay select{padding:4px}.controls{gap:6px}.actions{gap:3px}.actions button{min-width:54px;font-size:9px;min-height:44px}.dpad{grid-template-columns:repeat(3,35px)}.dpad button{min-height:34px}.instructions{font-size:10px}.section-title h2{font-size:23px}}
[hidden]{display:none!important}.game-header{position:sticky;top:0;z-index:5;background:#101d33}.game-body>.instructions{margin-top:6px}