*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #24243d 0%, var(--bg) 55%);min-height:100vh;color:var(--text-body);font:15px/1.7 var(--font-text);-webkit-text-size-adjust:100%;margin:0}.page{max-width:480px;margin:0 auto;padding:20px 16px 40px}.page__title{font-family:var(--font-pixel);color:var(--green);text-align:center;margin:0 0 10px;font-size:13px;line-height:1.7}.page__lead{color:var(--text-dim);margin:0 0 16px;font-size:13px;line-height:1.6}.variants{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.variants__btn{border-radius:var(--radius-btn);background:var(--bg-card-top);min-height:44px;color:var(--text);font-family:var(--font-pixel);cursor:pointer;border:2px solid #7ec85040;padding:6px 8px;font-size:8px;line-height:1.6;transition:transform .12s,box-shadow .12s}.variants__btn[aria-selected=true]{border-color:var(--gold);background:linear-gradient(135deg, var(--btn-from), var(--btn-to));color:var(--btn-text);box-shadow:var(--shadow-btn)}.variants__btn:active{transform:translateY(2px)}.caption{min-height:62px;color:var(--text-dim);margin:0 0 12px;font-size:12.5px;line-height:1.6}.board-wrap,.tray-wrap{justify-content:center;display:flex}.board{border-radius:12px;display:block}.tray-wrap{margin-top:10px}.tray{display:block}.options{border:2px solid #7ec85026;border-radius:10px;flex-wrap:wrap;gap:6px 14px;margin:16px 0;padding:10px 12px;display:flex}.options__legend{font-family:var(--font-pixel);color:var(--green);padding:0 6px;font-size:7px}.options__item{min-height:32px;color:var(--text-body);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.options__item input{width:18px;height:18px;accent-color:var(--green)}.gallery-block{margin-top:24px}.gallery-block__title{font-family:var(--font-pixel);color:var(--green-light);margin:0 0 6px;font-size:9px;line-height:1.7}.gallery-block__lead{color:var(--text-dim);margin:0 0 12px;font-size:12px}.gallery{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.gallery__item{background:#2d2d44b3;border:1px solid #7ec8501f;border-radius:8px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:6px 4px;display:flex;position:relative}.gallery__img{width:100%;height:auto}.gallery__name{font-family:var(--font-pixel);color:var(--text-dim);text-align:center;font-size:6px;line-height:1.7}.gallery__points{font-family:var(--font-pixel);color:var(--gold);font-size:6px;position:absolute;top:2px;right:4px}.status{color:var(--text-service);text-align:center;margin-top:18px;font-size:11px}@media (prefers-reduced-motion:reduce){.variants__btn{transition:none}}