:root { color-scheme: dark; font-family: Arial, "Noto Sans Hebrew", sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #090b24; }
body { display: grid; place-items: center; }
#game-shell { position: relative; width: min(100vw, 177.778vh); aspect-ratio: 16/9; overflow: hidden; box-shadow: 0 0 70px #7857ff55; }
canvas { display: block; width: 100%; height: 100%; background: #182852; }
#overlay { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.panel { pointer-events: auto; min-width: 350px; padding: 28px 38px; text-align: center; color: white; border: 3px solid #fff8; border-radius: 24px; background: linear-gradient(145deg,#1b174beF,#35226aef); box-shadow: 0 14px 50px #0009, inset 0 0 30px #9e83ff33; }
h1 { margin: 0 0 12px; color: #fff; font-size: 58px; text-shadow: 0 4px #5b32c7, 0 0 20px #75eaff; }
button { margin: 8px; padding: 12px 26px; border: 2px solid white; border-radius: 999px; color: #171333; background: linear-gradient(#fff59a,#ffb438); font: bold 20px inherit; cursor: pointer; box-shadow: 0 5px #a65520; }
button:hover { transform: translateY(-2px); filter: brightness(1.1); }
.hint { color: #d9e9ff; line-height: 1.7; }
.wide { width: min(860px,94%); }
.creation { display: grid; grid-template-columns: 1fr 1.2fr; gap: 22px; align-items: center; }
.fields { text-align: right; }
label { display: block; margin: 9px 0; font-weight: bold; }
input, select { width: 100%; margin-top: 4px; padding: 8px; border: 2px solid #a5d9ff; border-radius: 10px; color: white; background: #15153f; font: 17px inherit; }
.preview { width: 320px; max-width: 100%; border: 2px solid #fff5; border-radius: 18px; background: #272053; }
.shop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.shop-item { margin: 0; padding: 10px; border-radius: 14px; font-size: 16px; }
.small { font-size: 15px; opacity: .85; }
.key { display:inline-block; min-width:28px; padding:2px 6px; border:1px solid #fff; border-radius:6px; background:#15152d; box-shadow:0 2px #000; }