.an-card{border:1px solid var(--line);border-radius:var(--r-xl);width:min(100%,760px);min-height:380px;box-shadow:var(--shadow-lg);background:linear-gradient(#181713,#10100e);align-content:center;gap:24px;padding:clamp(20px,3vw,40px);display:grid;position:relative}.an-answer{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.an-answer span{border:2px dashed var(--line-strong);width:clamp(38px,6vw,58px);height:clamp(46px,7vw,68px);font-family:var(--font-display);border-radius:12px;place-items:center;font-size:clamp(1.4rem,3vw,2.2rem);display:grid}.an-answer span:not(:empty){border-style:solid;border-color:var(--orange);background:rgba(var(--accent-rgb),.1)}.an-answer span.is-hint{border-color:var(--amber)}.an-answer span.is-solved{color:#6dffb0;animation:ak-pop .4s var(--ease) both;background:#6dffb01f;border-color:#6dffb0}.an-tiles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.an-tile{aspect-ratio:1;color:#1b1a17;width:clamp(46px,7vw,64px);font-family:var(--font-display);cursor:pointer;transition:transform .15s var(--ease), opacity .2s;background:linear-gradient(160deg,#fffaf0,#e3d9c4);border:0;border-radius:14px;font-size:clamp(1.4rem,3vw,2rem);box-shadow:0 6px #a89b7f,0 10px 20px #0006}.an-tile:hover:not(:disabled){transform:translateY(-3px)}.an-tile:disabled{opacity:.2;box-shadow:none;cursor:default;transform:translateY(4px)}.an-message{text-align:center;color:var(--muted);min-height:1.4em;margin:0;font-size:.9rem}.an-found{flex-wrap:wrap;gap:6px;max-height:40vh;display:flex;overflow-y:auto}.an-found span{font-family:var(--font-mono);background:#ffffff0f;border-radius:8px;padding:4px 9px;font-size:.75rem}.an-found span.is-found{color:#6dffb0;background:#6dffb029}.an-all{margin-top:12px}.an-all summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:.8rem}
