.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal__backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:rgba(0,0,0,.72);cursor:pointer}.modal__dialog{position:relative;z-index:1;width:min(100%,28rem);min-width:0;max-height:min(80dvh,32rem);display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 12px 40px rgba(0,0,0,.45);box-sizing:border-box}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--color-line);flex-shrink:0;min-width:0}.modal__title{margin:0;min-width:0;flex:1 1 auto;font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:clamp(.55rem,2.8vw,.75rem);line-height:1.45;letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-neon);overflow-wrap:anywhere}.modal__close{flex-shrink:0;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-main);font-size:1.35rem;line-height:1;cursor:pointer}.modal__close:hover{border-color:var(--color-accent);color:var(--color-accent)}.modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal__body{padding:1rem;overflow:auto;color:var(--color-text-main);text-align:left}