/* MORZ (Ultimate Tic-Tac-Toe) — style kawaii sticker (standard FACETA, cf
   BACKLOG.md §PIVOT DESIGN / §PROGRAMME AUTONOME, vague 3 : suite alphabétique
   après `molz`). Override LOCAL à morz, chargé APRÈS /_kit/kit-design.css
   (même patron que faceta/mahzo/kakz/linkz/litz) : contour épais net, aplats +
   une seule ombre PLATE (zéro flou), reflet kawaii en 2ᵉ couche de
   `background` (jamais en ::after après le contenu). Remplace l'ancien
   glassmorphism (backdrop-filter, ombres bokeh floutées, glow radial sur
   chips/boutons/panneaux). Les ARÈNES du plateau (fond + accent des marques,
   posées en JS via `data-arena`) gardent leur propre palette vive
   théme-invariante — comme le plateau des autres jeux, c'est l'identité
   visuelle du contenu, pas le chrome — seul le HABILLAGE (topbar, chips,
   panneaux, boutons, cartes joueurs, overlays, toast) reçoit le traitement
   kawaii complet. Un second bloc de CSS mort (sélecteurs `.overlay`/`.card`/
   `#game-hud`/`.small-grid`/variables `--morz-x`/`--morz-o`/`--morz-cell-bg`
   jamais référencés par index.html ni par aucun src/*.js — reliquat d'un
   template copié-collé antérieur à l'architecture 9x9 actuelle) a été
   supprimé au passage (même nettoyage que `molz`). */

:root {
  --brand-gold: #ffc20e;
  --brand-gold-dark: #c98f00;
  --brand-primary: #8b6bff;
  --brand-primary-dark: #5a3fd6;
  --brand-primary-light: #b09bff;

  --bg-primary: #0c0a14;
  --bg-secondary: #171227;
  --text-primary: #f4f1fb;
  --text-secondary: #a79fc4;
  --text-muted: #867dab;
  --border: rgba(255, 255, 255, 0.14);
  --danger: #ff5d6c;

  /* (C8) panneaux en dégradé 2 tons (matière), pas un aplat plat. */
  --panel: linear-gradient(160deg, #201a38 0%, #100c1c 100%);
  --panel-2: linear-gradient(150deg, #251e40 0%, #150f26 100%);

  /* Contour : --toon-outline ADAPTATIF (or clair sur fond sombre, encre foncée sur
     fond clair) pour panneaux/chips/cartes ; --toon-outline-ink TOUJOURS foncé, pour
     les éléments posés sur un fond vif (boutons pleins), lisible dans les
     deux thèmes (même leçon FACETA C7 / kakz / litz). */
  --toon-outline: var(--brand-gold);
  --toon-outline-ink: #241a00;
  --toon-outline-w: 2.5px;
  --kawaii-sheen: radial-gradient(circle at 30% 26%, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0) 48%);

  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  color-scheme: dark light;
}

html[data-theme="light"] {
  --bg-primary: #faf7f2;
  --bg-secondary: #ffffff;
  --text-primary: #201a30;
  --text-secondary: #5c5479;
  --text-muted: #7a7196;
  --border: rgba(28, 21, 48, 0.14);
  --panel: #ffffff;
  --panel-2: #fff6e0;
  --toon-outline: #a8710a;
  --toon-outline-ink: #a8710a;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{
  font-family:var(--cb-font-family,system-ui),-apple-system,'Segoe UI',Roboto,sans-serif;
  background:
    radial-gradient(60vw 60vw at 12% -8%, rgba(139,107,255,.20), transparent 60%),
    radial-gradient(50vw 50vw at 108% 12%, rgba(255,194,14,.12), transparent 60%),
    var(--bg-primary);
  color:var(--text-primary);
  display:flex;flex-direction:column;align-items:center;min-height:100vh;
  padding:max(12px,env(safe-area-inset-top,0)) 14px max(16px,env(safe-area-inset-bottom,0));
  gap:14px;-webkit-user-select:none;user-select:none;overflow-x:hidden;
  font-size:.9375rem;line-height:1.35;
}
html[data-theme="light"] body{background:
  radial-gradient(60vw 60vw at 12% -8%, rgba(139,107,255,.10), transparent 60%),
  radial-gradient(50vw 50vw at 108% 12%, rgba(255,194,14,.14), transparent 60%),
  var(--bg-primary);}
[dir="rtl"] body{direction:rtl}

/* ---- Topbar / brand / wallet ---- */
.topbar{width:min(560px,100%);display:flex;align-items:center;gap:8px;justify-content:space-between}
.icon-btn{font:inherit;font-weight:700;font-size:.8rem;color:var(--toon-outline);cursor:pointer;
  border:var(--toon-outline-w) solid var(--toon-outline);background:var(--panel-2);border-radius:var(--radius-sm);
  padding:9px 14px;white-space:nowrap;text-decoration:none;box-shadow:0 3px 0 var(--toon-outline-ink);
  transition:transform .12s var(--ease-out),box-shadow .12s}
.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--toon-outline-ink)}
.brand{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.15}
.brand .logo{font-size:1.15rem;font-weight:800;letter-spacing:.06em;color:var(--text-primary)}
.brand .logo b{color:var(--toon-outline)}
.brand .tag{color:var(--text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

.wallet-hud{width:min(560px,100%);display:flex;gap:8px;justify-content:center}
.wchip{display:flex;align-items:center;gap:5px;font-weight:800;font-size:.8125rem;color:var(--toon-outline);
  background:var(--panel-2);border:var(--toon-outline-w) solid var(--toon-outline);
  border-radius:var(--radius-md);padding:7px 13px;font-variant-numeric:tabular-nums;box-shadow:0 3px 0 var(--toon-outline-ink)}
.wchip .ic{display:inline-flex;line-height:1}
.wchip .ic svg{width:16px;height:16px;display:block}
.wchip.earn{border-color:color-mix(in srgb, var(--brand-primary) 55%, var(--toon-outline))}

/* ---- Screens ---- */
.screen{display:none;width:min(560px,100%);flex-direction:column;align-items:center;gap:16px}
.screen.show{display:flex;animation:screenIn var(--ease-out, .22s);animation-duration:.22s}
@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---- Menu ---- */
.hero{padding:6px 0 2px}
.hero-mark{font-size:clamp(2.4rem,11vw,3.4rem);font-weight:800;letter-spacing:.02em;display:flex;gap:.35em;align-items:center;
  color:var(--toon-outline);text-shadow:0 3px 0 var(--toon-outline-ink);animation:markFloat 4.2s ease-in-out infinite}
.hero-mark .vs{font-size:.6em;opacity:.55;color:var(--text-secondary);text-shadow:none}
@keyframes markFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}

.panel{width:100%;background:var(--kawaii-sheen),var(--panel);
  border:var(--toon-outline-w) solid var(--toon-outline);border-radius:var(--radius-lg);padding:16px;box-shadow:0 6px 0 var(--toon-outline-ink)}
.panel h2{margin:0 0 10px;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}

.diffs{display:flex;gap:8px}
.diff-chip{flex:1;font:inherit;font-weight:700;font-size:.85rem;color:var(--text-primary);cursor:pointer;
  border:var(--toon-outline-w) solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-md);
  padding:10px 6px;text-align:center;transition:transform .12s var(--ease-out),box-shadow .12s}
.diff-chip:hover{border-color:var(--toon-outline)}
.diff-chip.on{border-color:var(--toon-outline);background:var(--panel-2);color:var(--toon-outline);box-shadow:0 3px 0 var(--toon-outline-ink);transform:translateY(-1px)}

.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.arena-card{position:relative;cursor:pointer;border:var(--toon-outline-w) solid var(--border);border-radius:var(--radius-md);
  padding:10px 8px 8px;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;gap:6px;
  transition:transform .12s var(--ease-out),box-shadow .12s;text-align:center}
.arena-card:hover{border-color:var(--toon-outline)}
.arena-card.selected{border-color:var(--toon-outline);box-shadow:0 4px 0 var(--toon-outline-ink);transform:translateY(-2px)}
.arena-card.locked{opacity:.55;cursor:not-allowed}
.arena-card.locked:hover{transform:none;border-color:var(--border)}
.arena-card .preview{width:34px;height:34px;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;
  background:linear-gradient(135deg,var(--ar-a),var(--ar-b));box-shadow:inset 0 0 0 1px var(--ar-line)}
.arena-card .preview i{border-radius:2px;background:rgba(255,255,255,.16)}
.arena-card .preview i:nth-child(2),.arena-card .preview i:nth-child(4),.arena-card .preview i:nth-child(9){background:linear-gradient(135deg,var(--ar-x1),var(--ar-x2))}
.arena-card .preview i:nth-child(6),.arena-card .preview i:nth-child(7){background:linear-gradient(135deg,var(--ar-o1),var(--ar-o2))}
.arena-card .name{font-size:.68rem;font-weight:700;letter-spacing:.01em;line-height:1.15}
.arena-card .wins{font-size:.62rem;color:var(--text-muted);font-weight:600;display:flex;align-items:center;gap:3px}
.arena-card .wins svg{width:12px;height:12px;display:block}
.hint{margin:10px 0 0;color:var(--text-muted);font-size:.72rem;text-align:center}

.big-btn{width:100%;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;border-radius:var(--radius-md);
  padding:15px;color:#241a02;background:var(--kawaii-sheen),linear-gradient(180deg,var(--brand-gold),var(--brand-gold-dark));
  border:var(--toon-outline-w) solid var(--toon-outline-ink);box-shadow:0 5px 0 var(--toon-outline-ink);
  transition:transform .12s var(--ease-out),box-shadow .12s;letter-spacing:.02em}
.big-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--toon-outline-ink)}

/* ---- Game screen ---- */
.players{width:100%;display:flex;gap:10px}
.pl{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:var(--toon-outline-w) solid var(--border);
  border-radius:var(--radius-md);padding:10px 12px;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out)}
.pl .mk{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;
  background:var(--panel-2);flex:0 0 auto;color:var(--toon-outline)}
.pl .nm{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl.on{border-color:var(--toon-outline);background:var(--panel-2);box-shadow:0 3px 0 var(--toon-outline-ink)}
#status{min-height:1.4em;font-weight:700;font-size:.9rem;text-align:center;color:var(--text-secondary)}

.board-wrap{width:100%;display:flex;justify-content:center;padding:4px}
#board{
  --ar-a:#1a1f2e;--ar-b:#0c0e16;--ar-line:rgba(255,194,14,.28);--ar-x1:#ffe08a;--ar-x2:#ffc20e;--ar-o1:#cfd8e6;--ar-o2:#8a97ad;--ar-glow:rgba(255,194,14,.5);
  position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);
  width:min(94vw,440px);height:min(94vw,440px);
  background:linear-gradient(150deg,var(--ar-a),var(--ar-b));border-radius:var(--radius-lg);
  border:var(--toon-outline-w) solid var(--toon-outline-ink);
  padding:6px;gap:1px;box-shadow:0 6px 0 var(--toon-outline-ink),inset 0 0 0 1px var(--ar-line);touch-action:manipulation}

.cell{position:relative;z-index:1;border-radius:3px;background:rgba(255,255,255,.045);display:flex;align-items:center;justify-content:center;
  font-weight:800;cursor:default;transition:background .15s,transform .1s}
.cell.playable{cursor:pointer;background:rgba(255,255,255,.08)}
.cell.playable:hover{background:rgba(255,255,255,.14)}
.cell.dim{opacity:.35}
.cell .mark{font-size:clamp(.85rem,3.4vw,1.15rem);opacity:0;transform:scale(.3);transition:transform .22s var(--ease-bounce),opacity .15s}
.cell.filled .mark{opacity:1;transform:scale(1)}
.cell.x .mark{background:linear-gradient(135deg,var(--ar-x1),var(--ar-x2));-webkit-background-clip:text;background-clip:text;color:transparent}
.cell.o .mark{background:linear-gradient(135deg,var(--ar-o1),var(--ar-o2));-webkit-background-clip:text;background-clip:text;color:transparent}
.cell.last::after{content:'';position:absolute;inset:8%;border-radius:3px;box-shadow:0 0 0 2px var(--ar-glow);pointer-events:none;animation:cellPulse 1.4s ease-in-out infinite}
@keyframes cellPulse{0%,100%{opacity:.9}50%{opacity:.35}}
.cell.cursor{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.cell.hint{animation:hintGlow 1s ease-in-out infinite}
@keyframes hintGlow{0%,100%{background:rgba(255,194,14,.10)}50%{background:rgba(255,194,14,.30)}}

.zone{position:relative;z-index:0;border-radius:6px;pointer-events:none;transition:box-shadow .22s}
.zone.active{box-shadow:inset 0 0 0 2px var(--brand-gold)}
.zone.won{z-index:2;display:flex;align-items:center;justify-content:center}
.zone.won::after{font-size:clamp(2.4rem,11vw,3.6rem);font-weight:800;opacity:.92;transform:rotate(-6deg)}
.zone.won-x{background:rgba(0,0,0,.12)}
.zone.won-x::after{content:'✕';background:linear-gradient(135deg,var(--ar-x1),var(--ar-x2));-webkit-background-clip:text;background-clip:text;color:transparent}
.zone.won-o{background:rgba(0,0,0,.12)}
.zone.won-o::after{content:'○';background:linear-gradient(135deg,var(--ar-o1),var(--ar-o2));-webkit-background-clip:text;background-clip:text;color:transparent}
.zone.won-draw{background:rgba(0,0,0,.18)}
.zone.won-draw::after{content:'—';color:var(--text-muted)}
#board.locked{pointer-events:none;filter:saturate(.6)}

/* ---- Tools ---- */
.tools-bar{width:100%;display:flex;gap:8px}
.tool-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;cursor:pointer;
  border:var(--toon-outline-w) solid var(--toon-outline);background:var(--panel-2);border-radius:var(--radius-md);
  padding:9px 4px;color:var(--toon-outline);transition:transform .12s var(--ease-out),box-shadow .12s;position:relative;
  box-shadow:0 3px 0 var(--toon-outline-ink)}
.tool-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--toon-outline-ink)}
.tool-btn .ic{line-height:1}
.tool-btn .ic svg{width:20px;height:20px;display:block}
.tool-btn .lbl{font-size:.62rem;font-weight:700;letter-spacing:.01em}
.tool-btn .cost{font-size:.6rem;font-weight:800;color:var(--toon-outline);background:var(--bg-secondary);border-radius:6px;padding:1px 6px}
.tool-btn.spent{animation:toolSpent .4s var(--ease-bounce)}
@keyframes toolSpent{0%{transform:scale(1)}40%{transform:scale(.9)}100%{transform:scale(1)}}
.tool-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

.controls-hint{margin:0;color:var(--text-muted);font-size:.68rem;text-align:center}
@media (pointer:coarse){.controls-hint{display:none}}

.game-actions{width:100%;display:flex;gap:10px}
.game-actions button{flex:1;font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;border-radius:var(--radius-md);
  padding:11px 8px;border:var(--toon-outline-w) solid var(--border);background:var(--bg-secondary);color:var(--text-primary);transition:transform .12s var(--ease-out)}
.game-actions button:hover{border-color:var(--toon-outline)}
.game-actions button.pri{color:#241a02;background:var(--kawaii-sheen),linear-gradient(180deg,var(--brand-gold),var(--brand-gold-dark));border-color:var(--toon-outline-ink);box-shadow:0 3px 0 var(--toon-outline-ink)}

/* ---- Overlays / dialog ---- */
.ov{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60;padding:16px;background:rgba(10,7,18,.72)}
.ov.show{display:flex;animation:ovIn .22s var(--ease-out)}
@keyframes ovIn{from{opacity:0}to{opacity:1}}
.dialog{width:min(94vw,400px);max-height:88vh;overflow:auto;background:var(--kawaii-sheen),var(--panel);
  border:var(--toon-outline-w) solid var(--toon-outline);border-radius:var(--radius-lg);padding:22px;
  box-shadow:0 8px 0 var(--toon-outline-ink);text-align:center;animation:dlgIn .22s var(--ease-bounce)}
@keyframes dlgIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.dialog h2{margin:0 0 8px;font-size:1.3rem;font-weight:800;color:var(--text-primary)}
.dialog p{margin:0 0 14px;color:var(--text-secondary);font-size:.86rem;line-height:1.6}
.btn{font:inherit;font-weight:700;border:var(--toon-outline-w) solid var(--toon-outline-ink);border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;
  color:#241a02;background:var(--kawaii-sheen),linear-gradient(180deg,var(--brand-gold),var(--brand-gold-dark));box-shadow:0 4px 0 var(--toon-outline-ink);
  transition:transform .12s var(--ease-out),box-shadow .12s}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--toon-outline-ink)}
.btn.wide{display:block;width:100%;margin-top:8px}
.btn.ghost{color:var(--toon-outline);background:var(--panel-2);border-color:var(--toon-outline);box-shadow:0 3px 0 var(--toon-outline-ink)}
.btn.ghost:active{box-shadow:0 1px 0 var(--toon-outline-ink)}

.over-mark{width:2.8rem;height:2.8rem;margin:0 auto 6px;color:var(--toon-outline);animation:markPop .4s var(--ease-bounce)}
.over-mark svg{width:100%;height:100%;display:block}
@keyframes markPop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1) rotate(0);opacity:1}}
.unlock-banner{display:flex;align-items:center;gap:8px;justify-content:center;background:var(--panel-2);
  border:var(--toon-outline-w) solid var(--toon-outline);border-radius:var(--radius-md);padding:9px 12px;margin-bottom:12px;font-weight:700;font-size:.8rem;color:var(--toon-outline)}
.unlock-banner .unlock-ic{display:inline-flex;line-height:1}
.unlock-banner .unlock-ic svg{width:16px;height:16px;display:block}

#toast{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0));transform:translateX(-50%);
  background:var(--panel-2);border:var(--toon-outline-w) solid var(--toon-outline);color:var(--text-primary);
  padding:10px 16px;border-radius:var(--radius-md);font-weight:600;font-size:.82rem;z-index:100;opacity:0;pointer-events:none;
  transition:opacity .22s,transform .22s;max-width:86vw;text-align:center;box-shadow:0 4px 0 var(--toon-outline-ink)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(-4px)}

#fx{position:fixed;inset:0;pointer-events:none;z-index:70}

/* ---- Arènes : habillage du plateau (thèmes débloqués par la progression).
   Palette vive théme-invariante (identité du contenu) — la variante « light »
   ci-dessous ajuste juste le contraste du fond de plateau pour rester lisible
   sur le thème clair choisi sur le hub (suit `data-theme`, plus l'OS seul —
   même correctif que mahzo/linkz/litz). ---- */
#board[data-arena="obsidian"]{--ar-a:#1a1f2e;--ar-b:#0c0e16;--ar-line:rgba(255,194,14,.28);--ar-x1:#ffe08a;--ar-x2:#ffc20e;--ar-o1:#cfd8e6;--ar-o2:#8a97ad;--ar-glow:rgba(255,194,14,.5)}
#board[data-arena="jade"]{--ar-a:#123529;--ar-b:#071712;--ar-line:rgba(124,255,196,.25);--ar-x1:#a8ffd8;--ar-x2:#12b981;--ar-o1:#fdf6e3;--ar-o2:#d8cba8;--ar-glow:rgba(18,185,129,.5)}
#board[data-arena="azure"]{--ar-a:#0b2144;--ar-b:#040c1c;--ar-line:rgba(99,224,255,.28);--ar-x1:#9be8ff;--ar-x2:#1f7cff;--ar-o1:#ffb2ef;--ar-o2:#b23bd0;--ar-glow:rgba(31,124,255,.55)}
#board[data-arena="crimson"]{--ar-a:#3a1310;--ar-b:#160604;--ar-line:rgba(255,176,32,.28);--ar-x1:#ffce7a;--ar-x2:#ff5a1f;--ar-o1:#dbe4f0;--ar-o2:#58687f;--ar-glow:rgba(255,90,31,.5)}
#board[data-arena="amethyst"]{--ar-a:#20103e;--ar-b:#0b0517;--ar-line:rgba(201,139,255,.28);--ar-x1:#e5c8ff;--ar-x2:#7b2ff7;--ar-o1:#f3f0ff;--ar-o2:#b9aee0;--ar-glow:rgba(123,47,247,.55)}
#board[data-arena="royal"]{--ar-a:#1d1608;--ar-b:#0c0904;--ar-line:rgba(255,215,106,.4);--ar-x1:#fff6d8;--ar-x2:#ffd76a;--ar-o1:#8f8f8f;--ar-o2:#232323;--ar-glow:rgba(255,215,106,.6)}

html[data-theme="light"] #board[data-arena="obsidian"]{--ar-a:#e9e4f5;--ar-b:#cfc6e8;--ar-line:rgba(201,143,0,.35);--ar-o1:#5c6b85;--ar-o2:#33445c}
html[data-theme="light"] #board[data-arena="jade"]{--ar-a:#d9f5e6;--ar-b:#b8e8cf;--ar-line:rgba(16,150,105,.3);--ar-o2:#a8946a}
html[data-theme="light"] #board[data-arena="azure"]{--ar-a:#d8eaff;--ar-b:#b9d8ff;--ar-line:rgba(31,124,255,.32)}
html[data-theme="light"] #board[data-arena="crimson"]{--ar-a:#ffe0d3;--ar-b:#ffc4ab;--ar-line:rgba(214,90,20,.32)}
html[data-theme="light"] #board[data-arena="amethyst"]{--ar-a:#ece0ff;--ar-b:#d7c2ff;--ar-line:rgba(123,47,247,.3)}
html[data-theme="light"] #board[data-arena="royal"]{--ar-a:#f7ecc9;--ar-b:#eedda0;--ar-line:rgba(201,143,0,.45);--ar-o1:#6b6b6b;--ar-o2:#3a3a3a}

@media (max-width:420px){
  #board{width:min(94vw,380px);height:min(94vw,380px)}
  .arena-card .preview{width:28px;height:28px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}