`:\n\n| Class | Effect |\n|-------|--------|\n| `arc-table-row-gold` | Golden glow + pulse (explicit, for non-first rows) |\n| `arc-table-row-active` | Text rendered in accent colour |\n| `arc-table-row-muted` | Reduced opacity (outside ranking, locked) |\n\n**Cell helper classes:**\n\n| Class | Usage |\n|-------|-------|\n| `arc-table-th-rank` | `` for rank column (centred, fixed width) |\n| `arc-table-th-num` | ` ` for numeric columns (right-aligned) |\n| `arc-table-td-rank` | ` ` rank cell (centred, holds rank-num + rank-icon) |\n| `arc-table-td-num` | ` ` numeric cell (right-aligned, pixel font, accent colour) |\n| `arc-table-rank-num` | `` zero-padded rank number inside rank cell |\n| `arc-table-rank-icon` | `` trophy/medal emoji in rank cell |\n\n**Design details:**\n\n- Horizontal neon borders only — no vertical dividers\n- Header: full neon background + dark inverted text\n- Alternating rows: odd rows with faint scanline overlay, even rows flat dark\n- First leaderboard row: ambient gold pulse via `box-shadow` animation, no layout shift\n- Hover: `inset 4px 0 0` left neon border + background tint (CSS, no JS)\n- `` element styled in pixel font with accent glow\n\n### Toast anatomy\n\nNotifiche di sistema arcade-style che imitano i messaggi \"PLAYER 1 READY\", \"GAME OVER\", \"NEW HIGH SCORE\".\nI container sono creati automaticamente nel `` al primo `arcToast.show()`.\n\n**Quick start — JavaScript API:**\n\n```js\nimport { arcToast } from '@davide03memoli/arcade-ui'\n\n// Info (cyan) — default\narcToast.show({ message: 'PLAYER 1 READY' })\n\n// Success (green)\narcToast.show({ message: 'NEW HIGH SCORE! 1,248,000 PTS', type: 'success' })\n\n// Warning (yellow)\narcToast.show({ message: 'LOW CREDITS — INSERT COIN', type: 'warning', duration: 5000 })\n\n// Error (red)\narcToast.show({ message: 'GAME OVER — NO CONTINUES LEFT', type: 'error' })\n\n// Persistent (no auto-dismiss) — dismiss manually\nconst id = arcToast.show({ message: 'WAITING FOR PLAYER 2...', type: 'info', duration: 0 })\narcToast.dismiss(id)\n\n// Dismiss all visible toasts\narcToast.dismissAll()\n```\n\n** options:**\n\n| Option | Type | Default | Description |\n|--------|------|---------|-------------|\n| | | — | Text content of the toast |\n| | | | Visual variant (controls neon colour) |\n| | | | Auto-dismiss delay in ms; = persistent |\n| | see below | | Screen position of the container |\n\n**Position values:**\n\n| Value | Description |\n|-------|-------------|\n| | Bottom-right corner (default) |\n| | Bottom-left corner |\n| | Bottom edge, centred |\n| | Top-right corner |\n| | Top-left corner |\n| | Top edge, centred |\n\n**Type → colour mapping:**\n\n| Type | Neon colour | Arcade message style |\n|------|-------------|----------------------|\n| File: dir,\tNode: Top\tThis is the top of the INFO tree\n\n This (the Directory node) gives a menu of major topics.\n Typing \"q\" exits, \"H\" lists all Info commands, \"d\" returns here,\n \"h\" gives a primer for first-timers,\n \"mEmacs\" visits the Emacs manual, etc.\n\n In Emacs, you can click mouse button 2 on a menu item or cross reference\n to select it.\n\n* Menu:\n\nArchiving\n* Xorrecord: (xorrecord). Emulates CD/DVD/BD program cdrecord\n* Xorriso: (xorriso). Burns ISO 9660 on CD, DVD, BD.\n* Xorrisofs: (xorrisofs). Emulates ISO 9660 program mkisofs\n\nBasics\n* Common options: (coreutils)Common options.\n* Coreutils: (coreutils). Core GNU (file, text, shell) utilities.\n* Date input formats: (coreutils)Date input formats.\n* Ed: (ed). The GNU line editor\n* File permissions: (coreutils)File permissions.\n Access modes.\n* Finding files: (find). Operating on files matching certain criteria.\n* Time: (time). time\n\nC++ libraries\n* autosprintf: (autosprintf). Support for printf format strings in C++.\n\nCompression\n* Gzip: (gzip). General (de)compression of files (lzw).\n\nDevelopment\n* SSIP: (ssip). Speech Synthesis Interface Protocol.\n* Speech Dispatcher: (speech-dispatcher).\n Speech Dispatcher.\n* bzip2 and libbzip2, version 1.0.8: (manual).\n A program and library for data compression\n* libffi: (libffi). Portable foreign function interface library.\n\nDOS\n* Mtools: (mtools). Mtools: utilities to access DOS disks in Unix.\n\nEditors\n* nano: (nano). Small and friendly text editor.\n\nGNU Gettext Utilities\n* autopoint: (gettext)autopoint Invocation.\n Copy gettext infrastructure.\n* envsubst: (gettext)envsubst Invocation.\n Expand environment variables.\n* gettextize: (gettext)gettextize Invocation.\n Prepare a package for gettext.\n* gettext: (gettext). GNU gettext utilities.\n* ISO3166: (gettext)Country Codes.\n ISO 3166 country codes.\n* ISO639: (gettext)Language Codes.\n ISO 639 language codes.\n* msgattrib: (gettext)msgattrib Invocation.\n Select part of a PO file.\n* msgcat: (gettext)msgcat Invocation.\n Combine several PO files.\n* msgcmp: (gettext)msgcmp Invocation.\n Compare a PO file and template.\n* msgcomm: (gettext)msgcomm Invocation.\n Match two PO files.\n* msgconv: (gettext)msgconv Invocation.\n Convert PO file to encoding.\n* msgen: (gettext)msgen Invocation.\n Create an English PO file.\n* msgexec: (gettext)msgexec Invocation.\n Process a PO file.\n* msgfilter: (gettext)msgfilter Invocation.\n Pipe a PO file through a filter.\n* msgfmt: (gettext)msgfmt Invocation.\n Make MO files out of PO files.\n* msggrep: (gettext)msggrep Invocation.\n Select part of a PO file.\n* msginit: (gettext)msginit Invocation.\n Create a fresh PO file.\n* msgmerge: (gettext)msgmerge Invocation.\n Update a PO file from template.\n* msgunfmt: (gettext)msgunfmt Invocation.\n Uncompile MO file into PO file.\n* msguniq: (gettext)msguniq Invocation.\n Unify duplicates for PO file.\n* ngettext: (gettext)ngettext Invocation.\n Translate a message with plural.\n* xgettext: (gettext)xgettext Invocation.\n Extract strings into a PO file.\n\nGNU organization\n* Maintaining Findutils: (find-maint).\n Maintaining GNU findutils\n\nGNU Utilities\n* dirmngr-client: (gnupg). X.509 CRL and OCSP client.\n* dirmngr: (gnupg). X.509 CRL and OCSP server.\n* gpg-agent: (gnupg). The secret key daemon.\n* gpg2: (gnupg). OpenPGP encryption and signing tool.\n* gpgsm: (gnupg). S/MIME encryption and signing tool.\n\nIndividual utilities\n* aclocal-invocation: (automake-1.16)aclocal Invocation.\n Generating aclocal.m4.\n* arch: (coreutils)arch invocation. Print machine hardware name.\n* automake-invocation: (automake-1.16)automake Invocation.\n Generating Makefile.in.\n* b2sum: (coreutils)b2sum invocation. Print or check BLAKE2 digests.\n* base32: (coreutils)base32 invocation. Base32 encode/decode data.\n* base64: (coreutils)base64 invocation. Base64 encode/decode data.\n* basename: (coreutils)basename invocation. Strip directory and suffix.\n* basenc: (coreutils)basenc invocation. Encoding/decoding of data.\n* cat: (coreutils)cat invocation. Concatenate and write files.\n* chcon: (coreutils)chcon invocation. Change SELinux CTX of files.\n* chgrp: (coreutils)chgrp invocation. Change file groups.\n* chmod: (coreutils)chmod invocation. Change access permissions.\n* chown: (coreutils)chown invocation. Change file owners and groups.\n* chroot: (coreutils)chroot invocation. Specify the root directory.\n* cksum: (coreutils)cksum invocation. Print POSIX CRC checksum.\n* cmp: (diffutils)Invoking cmp. Compare 2 files byte by byte.\n* comm: (coreutils)comm invocation. Compare sorted files by line.\n* cp: (coreutils)cp invocation. Copy files.\n* csplit: (coreutils)csplit invocation. Split by context.\n* cut: (coreutils)cut invocation. Print selected parts of lines.\n* date: (coreutils)date invocation. Print/set system date and time.\n* dd: (coreutils)dd invocation. Copy and convert a file.\n* df: (coreutils)df invocation. Report file system usage.\n* diff: (diffutils)Invoking diff. Compare 2 files line by line.\n* diff3: (diffutils)Invoking diff3. Compare 3 files line by line.\n* dir: (coreutils)dir invocation. List directories briefly.\n* dircolors: (coreutils)dircolors invocation. Color setup for ls.\n* dirname: (coreutils)dirname invocation. Strip last file name component.\n* du: (coreutils)du invocation. Report file usage.\n* echo: (coreutils)echo invocation. Print a line of text.\n* env: (coreutils)env invocation. Modify the environment.\n* expand: (coreutils)expand invocation. Convert tabs to spaces.\n* expr: (coreutils)expr invocation. Evaluate expressions.\n* factor: (coreutils)factor invocation. Print prime factors\n* false: (coreutils)false invocation. Do nothing, unsuccessfully.\n* find: (find)Invoking find. Finding and acting on files.\n* fmt: (coreutils)fmt invocation. Reformat paragraph text.\n* fold: (coreutils)fold invocation. Wrap long input lines.\n* groups: (coreutils)groups invocation. Print group names a user is in.\n* gunzip: (gzip)Overview. Decompression.\n* gzexe: (gzip)Overview. Compress executables.\n* head: (coreutils)head invocation. Output the first part of files.\n* hostid: (coreutils)hostid invocation. Print numeric host identifier.\n* hostname: (coreutils)hostname invocation. Print or set system name.\n* id: (coreutils)id invocation. Print user identity.\n* install: (coreutils)install invocation. Copy files and set attributes.\n* join: (coreutils)join invocation. Join lines on a common field.\n* kill: (coreutils)kill invocation. Send a signal to processes.\n* link: (coreutils)link invocation. Make hard links between files.\n* ln: (coreutils)ln invocation. Make links between files.\n* locate: (find)Invoking locate. Finding files in a database.\n* logname: (coreutils)logname invocation. Print current login name.\n* ls: (coreutils)ls invocation. List directory contents.\n* md5sum: (coreutils)md5sum invocation. Print or check MD5 digests.\n* mkdir: (coreutils)mkdir invocation. Create directories.\n* mkfifo: (coreutils)mkfifo invocation. Create FIFOs (named pipes).\n* mknod: (coreutils)mknod invocation. Create special files.\n* mktemp: (coreutils)mktemp invocation. Create temporary files.\n* mv: (coreutils)mv invocation. Rename files.\n* nice: (coreutils)nice invocation. Modify niceness.\n* nl: (coreutils)nl invocation. Number lines and write files.\n* nohup: (coreutils)nohup invocation. Immunize to hangups.\n* nproc: (coreutils)nproc invocation. Print the number of processors.\n* numfmt: (coreutils)numfmt invocation. Reformat numbers.\n* od: (coreutils)od invocation. Dump files in octal, etc.\n* paste: (coreutils)paste invocation. Merge lines of files.\n* patch: (diffutils)Invoking patch. Apply a patch to a file.\n* pathchk: (coreutils)pathchk invocation. Check file name portability.\n* pr: (coreutils)pr invocation. Paginate or columnate files.\n* printenv: (coreutils)printenv invocation. Print environment variables.\n* printf: (coreutils)printf invocation. Format and print data.\n* ptx: (coreutils)ptx invocation. Produce permuted indexes.\n* pwd: (coreutils)pwd invocation. Print working directory.\n* readlink: (coreutils)readlink invocation. Print referent of a symlink.\n* realpath: (coreutils)realpath invocation. Print resolved file names.\n* rm: (coreutils)rm invocation. Remove files.\n* rmdir: (coreutils)rmdir invocation. Remove empty directories.\n* runcon: (coreutils)runcon invocation. Run in specified SELinux CTX.\n* sdiff: (diffutils)Invoking sdiff. Merge 2 files side-by-side.\n* seq: (coreutils)seq invocation. Print numeric sequences\n* sha1sum: (coreutils)sha1sum invocation. Print or check SHA-1 digests.\n* sha2: (coreutils)sha2 utilities. Print or check SHA-2 digests.\n* shred: (coreutils)shred invocation. Remove files more securely.\n* shuf: (coreutils)shuf invocation. Shuffling text files.\n* sleep: (coreutils)sleep invocation. Delay for a specified time.\n* sort: (coreutils)sort invocation. Sort text files.\n* split: (coreutils)split invocation. Split into pieces.\n* stat: (coreutils)stat invocation. Report file(system) status.\n* stdbuf: (coreutils)stdbuf invocation. Modify stdio buffering.\n* stty: (coreutils)stty invocation. Print/change terminal settings.\n* sum: (coreutils)sum invocation. Print traditional checksum.\n* sync: (coreutils)sync invocation. Sync files to stable storage.\n* tac: (coreutils)tac invocation. Reverse files.\n* tail: (coreutils)tail invocation. Output the last part of files.\n* tee: (coreutils)tee invocation. Redirect to multiple files.\n* test: (coreutils)test invocation. File/string tests.\n* timeout: (coreutils)timeout invocation. Run with time limit.\n* touch: (coreutils)touch invocation. Change file timestamps.\n* tr: (coreutils)tr invocation. Translate characters.\n* true: (coreutils)true invocation. Do nothing, successfully.\n* truncate: (coreutils)truncate invocation. Shrink/extend size of a file.\n* tsort: (coreutils)tsort invocation. Topological sort.\n* tty: (coreutils)tty invocation. Print terminal name.\n* uname: (coreutils)uname invocation. Print system information.\n* unexpand: (coreutils)unexpand invocation. Convert spaces to tabs.\n* uniq: (coreutils)uniq invocation. Uniquify files.\n* unlink: (coreutils)unlink invocation. Removal via unlink(2).\n* updatedb: (find)Invoking updatedb. Building the locate database.\n* uptime: (coreutils)uptime invocation. Print uptime and load.\n* users: (coreutils)users invocation. Print current user names.\n* vdir: (coreutils)vdir invocation. List directories verbosely.\n* wc: (coreutils)wc invocation. Line, word, and byte counts.\n* who: (coreutils)who invocation. Print who is logged in.\n* whoami: (coreutils)whoami invocation. Print effective user ID.\n* xargs: (find)Invoking xargs. Operating on many files.\n* yes: (coreutils)yes invocation. Print a string indefinitely.\n* zcat: (gzip)Overview. Decompression to stdout.\n* zdiff: (gzip)Overview. Compare compressed files.\n* zforce: (gzip)Overview. Force .gz extension on files.\n* zgrep: (gzip)Overview. Search compressed files.\n* zmore: (gzip)Overview. Decompression output by pages.\n\nKernel\n* GRUB: (grub). The GRand Unified Bootloader\n* grub-dev: (grub-dev). The GRand Unified Bootloader Dev\n* grub-install: (grub)Invoking grub-install.\n Install GRUB on your drive\n* grub-mkconfig: (grub)Invoking grub-mkconfig.\n Generate GRUB configuration\n* grub-mkpasswd-pbkdf2: (grub)Invoking grub-mkpasswd-pbkdf2.\n* grub-mkrelpath: (grub)Invoking grub-mkrelpath.\n* grub-mkrescue: (grub)Invoking grub-mkrescue.\n Make a GRUB rescue image\n* grub-mount: (grub)Invoking grub-mount.\n Mount a file system using GRUB\n* grub-probe: (grub)Invoking grub-probe.\n Probe device information\n* grub-script-check: (grub)Invoking grub-script-check.\n\nLibraries\n* RLuserman: (rluserman). The GNU readline library User's Manual.\n\nMath\n* bc: (bc). An arbitrary precision calculator language.\n\nMiscellaneous\n* dc: (dc). Arbitrary precision RPN \"Desktop Calculator\".\n\nNetwork applications\n* Wget: (wget). Non-interactive network downloader.\n\nSoftware development\n* Automake: (automake-1.16). Making GNU standards-compliant Makefiles.\n* Automake-history: (automake-history).\n History of Automake development.\n\nSound\n* SSIP: (ssip). Speech Synthesis Interface Protocol.\n* Say for Speech Dispatcher: (spd-say).\n Say.\n* Speech Dispatcher: (speech-dispatcher).\n Speech Dispatcher.\n\nTexinfo documentation system\n* info stand-alone: (info-stnd).\n Read Info documents without Emacs.\n\nText creation and manipulation\n* Diffutils: (diffutils). Comparing and merging files.\n* M4: (m4). A powerful macro processor.\n* grep: (grep). Print lines that match patterns.\n* sed: (sed). Stream EDitor. | Cyan | System messages — \"PLAYER 1 READY\" |\n| | Green | Victory / unlock — \"NEW HIGH SCORE\" |\n| | Yellow | Caution — \"LOW CREDITS\" |\n| | Red | Critical — \"GAME OVER\" |\n\n**Design details:**\n\n- Left neon border coloured by type — instant visual scanning\n- Pixel-art icon: · · · \n- Slide-in from below with glow flash on enter\n- Segmented progress bar shrinks to zero over \n- Exit: slide-out right with fade and height collapse (gap-free stack)\n- Multiple toasts stack automatically with ; each has its own timer\n- Dismissable via button or programmatically via the returned uid=0(root) gid=0(root) gruppi=0(root),65534(nogroup)\n- Accessible: on container, on each toast\n\n### Toast anatomy\n\nNotifiche di sistema arcade-style che imitano i messaggi \"PLAYER 1 READY\", \"GAME OVER\", \"NEW HIGH SCORE\".\nI container sono creati automaticamente nel `` al primo `arcToast.show()`.\n\n**Quick start — JavaScript API:**\n\n```js\nimport { arcToast } from '@davide03memoli/arcade-ui'\n\n// Info (cyan) — default\narcToast.show({ message: 'PLAYER 1 READY' })\n\n// Success (green)\narcToast.show({ message: 'NEW HIGH SCORE! 1,248,000 PTS', type: 'success' })\n\n// Warning (yellow)\narcToast.show({ message: 'LOW CREDITS — INSERT COIN', type: 'warning', duration: 5000 })\n\n// Error (red)\narcToast.show({ message: 'GAME OVER — NO CONTINUES LEFT', type: 'error' })\n\n// Persistent (no auto-dismiss) — dismiss manually\nconst id = arcToast.show({ message: 'WAITING FOR PLAYER 2...', type: 'info', duration: 0 })\narcToast.dismiss(id)\n\n// Dismiss all visible toasts\narcToast.dismissAll()\n```\n\n**`arcToast.show(options)` options:**\n\n| Option | Type | Default | Description |\n|--------|------|---------|-------------|\n| `message` | `string` | — | Text content of the toast |\n| `type` | `'info'\\|'success'\\|'warning'\\|'error'` | `'info'` | Visual variant (controls neon colour) |\n| `duration` | `number` | `3000` | Auto-dismiss delay in ms; `0` = persistent |\n| `position` | see below | `'bottom-right'` | Screen position of the container |\n\n**Position values:**\n\n| Value | Description |\n|-------|-------------|\n| `'bottom-right'` | Bottom-right corner (default) |\n| `'bottom-left'` | Bottom-left corner |\n| `'bottom-center'` | Bottom edge, centred |\n| `'top-right'` | Top-right corner |\n| `'top-left'` | Top-left corner |\n| `'top-center'` | Top edge, centred |\n\n**Type → colour mapping:**\n\n| Type | Neon colour | Arcade message style |\n|------|-------------|----------------------|\n| `info` | Cyan `#00f5ff` | System messages — \"PLAYER 1 READY\" |\n| `success` | Green `#39ff14` | Victory / unlock — \"NEW HIGH SCORE\" |\n| `warning` | Yellow `#ffd700` | Caution — \"LOW CREDITS\" |\n| `error` | Red `#ff2d55` | Critical — \"GAME OVER\" |\n\n**Design details:**\n\n- Left neon border coloured by type — instant visual scanning\n- Pixel-art icon: `[ i ]` · `[ + ]` · `[ ! ]` · `[ x ]`\n- Slide-in from below with glow flash on enter\n- Segmented progress bar shrinks to zero over `duration`\n- Exit: slide-out right with fade and height collapse (gap-free stack)\n- Multiple toasts stack automatically with `gap`; each has its own timer\n- Dismissable via `[X]` button or programmatically via the returned `id`\n- Accessible: `aria-live=\"polite\"` on container, `role=\"status\"` on each toast\n\n### Animazioni arcade (CRT / cabinato)\n\nKeyframe globali in `src/tokens/animation.css` (`arc-flicker`, `arc-blink-cursor`, …); classi utility in `@layer arcade-animations` (`src/components/animations.css`), importate da `arcade-ui.css`. Regolazione rapida dello **sfarfallio**: `--arc-flicker-speed` (durata ciclo) e `--arc-flicker-intensity` (quanto scende l’opacità, 0–1).\n\n| Classe | Descrizione | Anteprima |\n|--------|-------------|-----------|\n| `arc-anim-flicker` | Sfarfallio schermo CRT (opacità a step irregolari) |  |\n| `arc-anim-blink-cursor` | Cursore a blocco stile terminale |  |\n| `arc-anim-insert-coin` | Lampeggio lento tipo messaggio attract |  |\n| `arc-anim-scanline-move` | Fascia luminosa che scorre in loop (`::after`) |  |\n| `arc-anim-static-noise` | Grana: filtro SVG `feTurbulence` + animazione su opacità / `steps` |  |\n| `arc-anim-power-on` | Accensione: espansione verticale + burst luminosità (una riproduzione; ripeti rimuovendo/riaggiungendo la classe) |  |\n| `arc-anim-power-off` | Spegnimento: compressione orizzontale + fade |  |\n\n**Variabili utili** (defaults su `:root` nel layer): `--arc-blink-cursor-speed`, `--arc-insert-coin-duration`, `--arc-insert-coin-dim`, `--arc-scanline-duration`, `--arc-scanline-opacity`, `--arc-static-noise-duration`, `--arc-static-noise-opacity-min` / `max`, `--arc-static-noise-filter`, `--arc-power-on-duration`, `--arc-power-off-duration`.\n\n**Esempio** — pannello con scanline e titolo attract:\n\n```html\n\n \n INSERT COIN\n \n Credits: 0
\n\n```\n\n**Lampeggio CRT** su un wrapper a schermo intero: `…
` (regola `--arc-flicker-speed` / `--arc-flicker-intensity` inline o su un antenato). Se serve anche la scanline animata, applica `.arc-anim-scanline-move` a un **figlio** interno: `.arc-crt-screen` usa già `::after` per altri effetti.\n\nStorybook: [Effects / Animations — All utilities](https://davidememoli03.github.io/Arcade-UI/?path=/story/effects-animations--showcase).\n\n### Effetto CRT (realismo cabinato)\n\nOltre a scanline e vignetta, `src/components/crt.css` simula **curvatura** ( `border-radius` proporzionale), **sfumatura angoli** (vignetta moltiplicata da `--arc-crt-vignette`), **aberrazione RGB** sui bordi (gradienti sovrapposti su `::before`), **flicker** scanline (`--arc-crt-flicker` da `0` a ~`0.1`), e **fosforo** opzionale sulla classe `.arc-crt-phosphor` applicata ai contenuti dinamici (alone + leggerissimo blur).\n\n| Variabile | Default (indicativo) | Ruolo |\n|-----------|----------------------|--------|\n| `--arc-crt-curvature` | `0.1` | `0` schermo piatto; ↑ angoli arrotondati tipo tube |\n| `--arc-crt-vignette` | `1` | Moltiplica l’opacità della vignetta; `0` la spegne |\n| `--arc-crt-flicker` | `0.03` | Ampiezza flicker sui `::after` scanline; `0` nessun calo opacità nei keyframe |\n| `--arc-crt-aberration` | `0.14` | Intensità frange ciano/rosso ai lati; `0` off |\n| `--arc-crt-phosphor` | `0` | Solo con `.arc-crt-phosphor`: aumenta (es. `0.45`) per alone / blur leggeri |\n| *esistenti* | — | `--arc-crt-vignette-start`, `--arc-crt-vignette-opacity`, `--arc-crt-line-size`, `--arc-crt-scanline-opacity`, `--arc-crt-flicker-speed` |\n\n**Performance:** gli overlay usano `contain: strict` sui pseudo-elementi e `will-change` mirato (`opacity` / `transform`). Su viewport **≤480px** gli overlay restano disabilitati come prima.\n\n**Playground:** [Effects / CRT — Playground](https://davidememoli03.github.io/Arcade-UI/?path=/story/effects-crt--playground) (slider live).\n\n### Pattern di sfondo (`.arc-bg-*`)\n\nUtility solo **`background-*`**: niente `::before` / `::after`, così restano **componibili** con `.arc-panel` (che riserva i pseudo-elementi agli angoli). Sono alternativi all’overlay CRT globale (`.arc-crt-global` / `.arc-crt-screen`), che aggiunge vignetta, scanline animate e stacking dedicato.\n\n| Classe | Descrizione |\n|--------|-------------|\n| `.arc-bg-grid` | Griglia sottile neon (top‑down arcade) |\n| `.arc-bg-dots` | Matrice punti stile LED |\n| `.arc-bg-scanlines` | Solo scanlines orizzontali (senza vignetta) |\n| `.arc-bg-noise` | Grana con tile SVG `feTurbulence`; forza con `cross-fade` e `--arc-bg-opacity` |\n| `.arc-bg-circuit` | Tracciato PCB stilizzato; usa `--panel-accent` sulle varianti `.arc-panel-*` |\n| `.arc-bg-stars` | Starfield: punti bianchi con drift CSS (`prefers-reduced-motion` disattiva il movimento) |\n\n**Intensità:** `--arc-bg-opacity` (scala 0–1 suggerita; ogni classe imposta un default). Opzionale: `--arc-bg-grid-cell`, `--arc-bg-dots-gap`, `--arc-bg-scanline-period`, `--arc-bg-stars-speed`.\n\n**Esempio**\n\n```html\n\n …\n
\n```\n\nStorybook: [Effects / Background patterns](https://davidememoli03.github.io/Arcade-UI/?path=/story/effects-background-patterns--all-patterns).\n\n### Effetti tipografici (`.arc-text-*`)\n\nStili in `src/components/text-effects.css`, importati dopo `glow.css`. Non richiedono `data-text` (tranne l’effetto `.arc-u-glitch` / `.arc-glitch` che usano pseudo-elementi). `.arc-text-gradient` usa `background-clip: text` — usa `display: inline-block` sul contenitore per linee singole o controlla la larghezza.\n\n| Classe | Descrizione |\n|--------|-------------|\n| `.arc-text-neon` | `text-shadow` multi-strato ad alto glow (`--arc-text-neon-color`) |\n| `.arc-text-gradient` | Riempimento a gradiente (`--arc-text-gradient-start`, `--arc-text-gradient-end`) |\n| `.arc-text-outline` | Bordo con `-webkit-text-stroke` + `paint-order: stroke fill` (`--arc-text-outline-color`, `--arc-text-outline-fill`, `--arc-text-outline-width`) |\n| `.arc-text-glitch` | Shift RGB statico via `text-shadow` (senza `::before`/`::after`) |\n| `.arc-text-shadow-long` | Long shadow a scalini (anni ’80): `--arc-text-long-fill`, `--arc-text-long-shadow-color` |\n| `.arc-text-chroma` | Aberrazione leggera rosso/blu (`--arc-text-chroma-red`, `--arc-text-chroma-blue`) |\n| `.arc-text-pixel-shadow` | Ombra a blocchi da 2px (`--arc-text-pixel-shadow-color`, `--arc-text-pixel-shadow-mid`) |\n\n**Esempio**\n\n```html\nHIGH SCORE \nCONTINUE?
\n```\n\nStorybook: [Effects / Text Effects](https://davidememoli03.github.io/Arcade-UI/?path=/story/effects-text-effects--showcase).\n\n### Pixel border (8-bit)\n\nUtility in `@layer arcade-pixel-border`: bordo **doppio anello** e varianti **thick**, **inset**, **chamfer**, **glow** tramite `box-shadow` a strati. Colore da `--arc-border-color`; fascia interna da `--arc-border-pixel-bg`.\n\n| Classe | Effetto |\n|--------|---------|\n| `arc-border-pixel` | Doppio anello standard (step da `--arc-border-sm`) |\n| `arc-border-pixel-thick` | Anelli più spessi |\n| `arc-border-pixel-inset` | Rilievo incassato (highlight / ombra interna) |\n| `arc-border-pixel-chamfer` | Come standard + rinforzi angolo stile cabinato |\n| `arc-border-pixel-glow` | Alone neon — combinare **sullo stesso elemento** con una variante sopra |\n\n**Mixin via token:** su `:root` sono definiti `--arc-border-pixel-step` … `--arc-border-pixel-step8` per riprodurre gli stessi offset in un selettore custom.\n\n**Esempio**\n\n```html\n\n HUD content\n\n```\n\n**Con `.arc-panel`:** metti il telaio pixel sul wrapper; opzionale `border:none; box-shadow:none;` sul panel per un solo contorno.\n\nStorybook: [Effects / Pixel border — Showcase](https://davidememoli03.github.io/Arcade-UI/?path=/story/effects-pixel-border--showcase).\n\n### Tooltip anatomy\n\nCSS-only: nessun JavaScript necessario. Aggiungere `data-tooltip=\"testo\"` su qualsiasi elemento.\n\n```html\n\n\n CONFIRM\n \n\n\nBACK \nUNDO \nREDO \n```\n\nIl tooltip usa `::after` per il box e `::before` per la freccia direzionale. Si attiva su `:hover` e `:focus-visible`.\n\n> **Accessibilità** — `::after` non è accessibile ai lettori di schermo. Aggiungere sempre `aria-label` o `aria-describedby` con lo stesso testo dell'attributo `data-tooltip`.\n\n| Classe | Direzione freccia | Tooltip posizionato |\n|---|---|---|\n| *(nessuna)* | ↓ punta in basso | sopra l'elemento |\n| `arc-tooltip-bottom` | ↑ punta in alto | sotto l'elemento |\n| `arc-tooltip-left` | → punta a destra | a sinistra dell'elemento |\n| `arc-tooltip-right` | ← punta a sinistra | a destra dell'elemento |\n\n---\n\n## 🎨 Design Tokens\n\nImport individual token files for zero-specificity overrides:\n\n```js\nimport '@davide03memoli/arcade-ui/tokens/colors'\nimport '@davide03memoli/arcade-ui/tokens/animation'\nimport '@davide03memoli/arcade-ui/tokens/spacing'\nimport '@davide03memoli/arcade-ui/tokens/typography'\n```\n\n### Typography & fonts\n\nLa libreria definisce tre famiglie ufficiali (Google Fonts + opzione **self-hosted** in `public/fonts/`, vedi sotto).\n\n| Font | Variabile CSS | Anteprima (testo) | Use case |\n|------|----------------|-------------------|----------|\n| **Press Start 2P** | `--arc-font-display` · alias `--arc-font-pixel` | `GAME OVER · 1UP` | Titoli hero, HUD, punteggi, label primarie |\n| **VT323** | `--arc-font-body` · alias `--arc-font-terminal` | `Insert coin — credits: 03` | Corpo testo, dialoghi, copy secondario stile terminale |\n| **Share Tech Mono** | `--arc-font-mono` | `PC=802A · SCORE=009420` | Codice, dump di dati, valori tecnici monospace |\n\nImport del bundle tipografico (include `@font-face` locali *se* servi `/fonts/*.woff2` dalla root del sito, più stylesheet Google come fallback):\n\n```js\nimport '@davide03memoli/arcade-ui/tokens/typography'\n```\n\n**Self-hosted:** copia la cartella `public/fonts/` dal pacchetto npm (woff2 latin) nella static root dell’app come `/fonts/`. File e licenza OFL: [`public/fonts/README.md`](./public/fonts/README.md).\n\n**Utility scale** — combinano `font-family`, `font-size` e `line-height` dai token:\n\n| Classe | Livello |\n|--------|---------|\n| `.arc-text-display` | Hero / game over |\n| `.arc-text-h1` … `.arc-text-h3` | Titoli sezione |\n| `.arc-text-body` | Testo corrente |\n| `.arc-text-caption` | Note, placeholder |\n| `.arc-text-mono` | Blocchi dati (usa `--arc-font-mono`) |\n\nStorybook: [Tokens / Typography](h","readmeFilename":"README.md"}