/* The shell: the top bar over the game, the onboarding in front of it, and the profile page. Owned by components/shell and app/profile. */
:root{
  /* how far down the top bar reaches, for whatever sits under it (the year bar on a phone) */
  --bar-h:calc(60px + env(safe-area-inset-top, 0px));
  --sh-up:#9df0b4;--sh-down:#ffb0a8;--sh-gold:#ffe9a8;
  --sh-pill:rgb(255 255 255/.14);--sh-line:rgb(255 255 255/.14);--sh-mute:rgb(255 255 255/.55);
}

/* ---------- a round picture ---------- */
.av{display:block;flex:none;width:var(--av);height:var(--av);border-radius:50%;object-fit:cover;background:rgb(255 255 255/.1);
  box-shadow:0 0 0 1px rgb(255 255 255/.16) inset;user-select:none;-webkit-user-select:none}
.av-i{display:grid;place-items:center;color:#fff;font:700 calc(var(--av)*.38)/1 ui-rounded,system-ui,sans-serif;letter-spacing:.02em;
  background:linear-gradient(140deg,hsl(var(--h) 55% 46%),hsl(calc(var(--h) + 40) 50% 30%))}

/* ---------- the site's mark and name (components/shell/Brand.js; the share pages' .sh-brand) ---------- */
.brand{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#fff;text-decoration:none;white-space:nowrap;
  font:750 16px/1 ui-rounded,-apple-system,system-ui,sans-serif;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}
.brand img{display:block;width:30px;height:30px;flex:none}
/* a finger-sized target where the mark shows without the name (the top bar from 421px to 860px), nothing drawn: 44px wide, reaching 5px
   to the right (the bar's gap to the credits is 6px on a phone) and the rest to the left (the bar's edge padding is 10px or more) */
.brand::before{content:"";position:absolute;top:0;bottom:0;right:-5px;width:max(calc(100% + 5px),44px)}
.brand:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:12px}

/* ---------- top bar ---------- */
.tb{position:fixed;left:0;right:0;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;
  height:var(--bar-h);padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));
  pointer-events:none;color:#fff;font-family:system-ui,sans-serif;animation:sh-drop .5s var(--ease-out,ease-out) both;
  -webkit-user-select:none;user-select:none}   /* a thumb resting on the credits would select them on iOS */
.tb>*{pointer-events:auto}
@keyframes sh-drop{from{opacity:0;translate:0 -10px}}
.tb-l{display:flex;align-items:center;gap:12px;min-width:0}
.tb-brand{flex:none;padding-right:2px;text-shadow:0 1px 3px rgb(0 0 0/.55)}
.tb-brand img{filter:drop-shadow(0 4px 8px rgb(0 0 0/.35))}
.tb-money{position:relative;display:flex;align-items:center;gap:14px;height:44px;padding:0 15px;border-radius:999px;background:var(--sh-pill);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px rgb(0 0 0/.5);min-width:0}
.tb-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.tb-k{font:600 9.5px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sh-mute);white-space:nowrap}
.tb-v{font:700 14px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
.tb-stat.nw .tb-v{color:var(--sh-gold)}
.tb-deltas{position:absolute;left:15px;top:100%;margin-top:6px;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.tb-delta{font:700 13.5px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 3px rgb(0 0 0/.6)}
.tb-delta.up{color:var(--sh-up)}.tb-delta.down{color:var(--sh-down)}
.tb-r{display:flex;align-items:center;gap:6px;flex:none}
.tb-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;min-width:44px;padding:0 15px;border:0;border-radius:999px;
  background:var(--sh-pill);color:#fff;font:600 13px/1 system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px -12px rgb(0 0 0/.5);
  transition:background .2s,color .2s,scale .16s var(--ease-out,ease-out)}
.tb-b:hover{background:rgb(255 255 255/.22)}
.tb-b:active{scale:.96}
.tb-b:focus-visible,.tb-me:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tb-b svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tb-end.arm{background:var(--sh-down);color:#2a0d0a}
.tb-end.arm svg{display:none}
.tb-end:disabled{cursor:default}
.tb-me{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;transition:scale .16s var(--ease-out,ease-out)}
.tb-me:active{scale:.94}
.tb-me .av{box-shadow:0 0 0 2px rgb(255 255 255/.85),0 6px 16px -6px rgb(0 0 0/.6)}
.tb-spin,.ob-spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:sh-spin .7s linear infinite}
@keyframes sh-spin{to{rotate:360deg}}
/* a phone: the buttons on the right are icons; "End run?" takes the leaderboard's place while it waits for the second tap */
@media (max-width:640px){
  .tb{gap:6px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
  .tb-money{gap:12px;padding:0 13px}
  .tb-v{font-size:13.5px}
  .tb-b{padding:0;width:44px}
  .tb-b span{display:none}
  .tb-end.arm{width:auto;padding:0 14px}
  .tb-end.arm span{display:inline}
  .tb.arm .tb-lb{display:none}
  .tb-r{gap:4px}
  .tb-l{gap:6px}
  .tb-brand{padding:0}
}
/* the name only where it clears "Reveal all at once", which sits in the middle of the bar from 761px (public/app.css .again.all) */
@media (max-width:860px){.tb-brand span{display:none}}
/* and the mark only where the credits still fit beside it: on a 390px phone two figures of ◎10,000.00 need its 36px */
@media (max-width:420px){.tb-brand{display:none}}
@media (max-width:360px){.tb-k{font-size:8.5px}.tb-v{font-size:12.5px}.tb-money{gap:9px;padding:0 11px}}

/* ---------- onboarding ---------- */
.ob{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow-y:auto;overscroll-behavior:contain;
  padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  color:#fff;font-family:system-ui,sans-serif;
  background:radial-gradient(90% 70% at 50% 42%,rgb(12 10 16/.55),rgb(8 7 11/.86));backdrop-filter:blur(7px) saturate(.8);-webkit-backdrop-filter:blur(7px) saturate(.8);
  animation:sh-fade .5s ease-out both}
@keyframes sh-fade{from{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}
.ob-in{display:flex;flex-direction:column;align-items:center;width:min(100%,440px);gap:22px;text-align:center}
.ob-in>*{animation:sh-rise .7s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0)*90ms + 120ms)}
@keyframes sh-rise{from{opacity:0;translate:0 14px;filter:blur(4px)}}
.ob-brand{gap:8px;min-height:0;margin-bottom:-4px;font-size:15px;opacity:.9}
.ob-brand img{width:26px;height:26px}
.ob-h{margin:0;max-width:16ch;font:600 clamp(28px,8vw,44px)/1.12 "Cinzel","Trajan Pro","Hoefler Text",Baskerville,Georgia,serif;letter-spacing:.01em;
  text-wrap:balance;text-shadow:0 2px 24px rgb(0 0 0/.5)}
.ob-who{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.ob-face{width:72px;height:72px;box-shadow:0 0 0 3px #fff,0 14px 34px -12px rgb(0 0 0/.8);animation:sh-pop .5s var(--spring,ease-out) both}
@keyframes sh-pop{from{scale:.6;opacity:0}}
.ob-name{width:100%;height:56px;padding:0 18px;border-radius:16px;border:1px solid rgb(255 255 255/.2);background:rgb(255 255 255/.08);color:#fff;
  font:600 20px/1 ui-rounded,system-ui,sans-serif;text-align:center;outline:none;caret-color:var(--sh-gold);
  transition:border-color .2s,background .2s,box-shadow .2s}
.ob-name:focus{border-color:rgb(255 255 255/.55);background:rgb(255 255 255/.12);box-shadow:0 0 0 4px rgb(255 255 255/.08)}
.ob-name.bad,.ob-name.bad:focus{border-color:var(--sh-down);box-shadow:0 0 0 4px color-mix(in srgb,var(--sh-down) 22%,#0000)}   /* a name the server refused */
.ob-pick{--i:2}
.ob-go{--i:3;width:100%;height:54px;border:0;border-radius:14px;background:#fff;color:#141414;font:600 16px/1 system-ui,sans-serif;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 14px 30px -14px rgb(0 0 0/.7);transition:opacity .2s,scale .16s var(--ease-out,ease-out)}
.ob-go[aria-disabled="true"]{opacity:.45}
.ob-go:active{scale:.98}
.ob-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ob-me{width:56px;height:56px;box-shadow:0 0 0 3px #fff,0 14px 34px -12px rgb(0 0 0/.8)}
.ob-in>.ob-me{animation:sh-pop .5s var(--spring,ease-out) both}
.ob-banks{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;animation:none!important}
.ob-bank{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:116px;padding:0 8px;
  border:1px solid rgb(255 255 255/.16);border-radius:20px;background:linear-gradient(180deg,rgb(255 255 255/.12),rgb(255 255 255/.05));color:#fff;cursor:pointer;
  box-shadow:0 1px 0 rgb(255 255 255/.12) inset,0 16px 34px -18px rgb(0 0 0/.8);
  animation:sh-rise .7s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0)*90ms + 120ms);
  transition:background .2s,border-color .2s,translate .25s var(--ease-out,ease-out),scale .16s var(--ease-out,ease-out),opacity .25s}
.ob-bank b{font:700 clamp(22px,6.4vw,28px)/1 ui-rounded,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--sh-gold)}
.ob-bank:hover{background:linear-gradient(180deg,rgb(255 255 255/.2),rgb(255 255 255/.08));border-color:rgb(255 255 255/.32);translate:0 -2px}
.ob-bank:active{scale:.97}
.ob-bank:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ob-bank:disabled{cursor:default}
.ob-banks:has(.busy) .ob-bank:not(.busy){opacity:.35}
.ob-bank.busy{border-color:var(--sh-gold);animation:sh-glow 1s ease-in-out infinite alternate}
@keyframes sh-glow{to{box-shadow:0 0 0 1px var(--sh-gold),0 0 30px -4px color-mix(in srgb,var(--sh-gold) 60%,#0000)}}
/* a little stack of coins, one more for each step up */
.ob-coins{display:flex;align-items:flex-end;gap:3px;height:20px}
.ob-coins i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d4,var(--sh-gold) 45%,#b8913d);box-shadow:0 1px 2px rgb(0 0 0/.4)}
.ob-coins i:nth-child(2){translate:0 -3px}.ob-coins i:nth-child(3){translate:0 -6px}.ob-coins i:nth-child(4){translate:0 -9px}
@media (min-width:720px){
  .ob-in:has(.ob-banks){width:min(100%,720px)}
  .ob-banks{grid-template-columns:repeat(4,1fr);gap:14px}
  .ob-bank{height:150px}
}

/* ---------- picture picker ---------- */
.avp{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;width:100%;max-height:min(232px,34dvh);overflow-y:auto;
  padding:6px;margin:-6px;scrollbar-width:none;overscroll-behavior:contain;
  -webkit-mask:linear-gradient(#0000,#000 8px,#000 calc(100% - 10px),#0000);mask:linear-gradient(#0000,#000 8px,#000 calc(100% - 10px),#0000)}
.avp::-webkit-scrollbar{display:none}
/* square by its padding, not aspect-ratio: WebKit sizes these grid rows at 0 for an aspect-ratio item holding a height:100% img, and the pictures pile up on each other */
.avp-o{position:relative;height:0;padding:0 0 100%;border:0;border-radius:50%;background:rgb(255 255 255/.08);cursor:pointer;overflow:hidden;
  box-shadow:0 0 0 1px rgb(255 255 255/.14);opacity:.62;transition:opacity .2s,scale .2s var(--ease-out,ease-out),box-shadow .2s;min-width:44px}
.avp-o img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.avp-o:hover{opacity:1}
.avp-o[aria-checked="true"]{opacity:1;box-shadow:0 0 0 3px #fff;scale:1.04}
.avp-o:focus-visible{outline:2px solid var(--sh-gold);outline-offset:4px}

/* ---------- profile ---------- */
.pf{position:fixed;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;color:#fff;font-family:system-ui,sans-serif}
.pf-w{width:min(100%,1080px);margin:0 auto;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(48px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.pf-w>*{animation:sh-rise .6s var(--ease-out,ease-out) both}
.pf-w>:nth-child(2){animation-delay:60ms}.pf-w>:nth-child(3){animation-delay:120ms}.pf-w>:nth-child(4){animation-delay:180ms}.pf-w>:nth-child(5){animation-delay:240ms}
.pf-top{display:flex;justify-content:space-between;align-items:center;height:48px}
.pf-back{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px 0 12px;border-radius:999px;background:var(--sh-pill);color:#fff;text-decoration:none;
  font:600 14px/1 system-ui,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s,scale .16s}
.pf-back:hover{background:rgb(255 255 255/.22)}
.pf-back:active{scale:.96}
.pf-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-lb{padding:0 16px}

.pf-me{display:flex;flex-direction:column;gap:18px;margin:26px 0 8px}
.pf-id{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face name" "face save";align-items:center;column-gap:16px;row-gap:2px}
.pf-face{grid-area:face;position:relative;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:scale .16s var(--ease-out,ease-out)}
.pf-face .av{box-shadow:0 0 0 3px #fff,0 16px 36px -14px rgb(0 0 0/.8)}
.pf-face:active{scale:.96}
.pf-face:focus-visible{outline:2px solid var(--sh-gold);outline-offset:5px}
.pf-pen{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#141414;box-shadow:0 3px 10px rgb(0 0 0/.4)}
.pf-pen svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.pf-face[aria-expanded="true"] .pf-pen{background:var(--sh-gold)}
.pf-name.long{font-size:clamp(19px,5vw,28px)}
.pf-name{grid-area:name;align-self:end;min-width:0;width:100%;height:48px;padding:0 4px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:#fff;outline:none;
  font:700 clamp(24px,6.5vw,34px)/1 ui-rounded,system-ui,sans-serif;transition:border-color .2s}
.pf-name:hover{border-bottom-color:rgb(255 255 255/.2)}
.pf-name:focus{border-bottom-color:rgb(255 255 255/.6)}
.pf-name.bad,.pf-name.bad:focus{border-bottom-color:var(--sh-down);color:var(--sh-down)}
.pf-save{grid-area:save;justify-self:start;align-self:start;height:44px;min-width:72px;padding:0 16px;border:0;border-radius:12px;background:#fff;color:#141414;font:600 14px/1 system-ui,sans-serif;cursor:pointer;
  display:grid;place-items:center;opacity:0;scale:.9;pointer-events:none;transition:opacity .2s,scale .2s var(--ease-out,ease-out)}
.pf-save.on{opacity:1;scale:1;pointer-events:auto}
.pf-save:disabled{cursor:default}
.pf-pick{max-height:min(330px,46dvh);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));animation:sh-rise .4s var(--ease-out,ease-out) both}

.pf-sec{margin-top:30px}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.pf-stat{padding:14px 16px;border-radius:16px;background:rgb(255 255 255/.07);box-shadow:0 0 0 1px rgb(255 255 255/.08) inset}
.pf-stat dt{font:600 10px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sh-mute)}
.pf-stat dd{margin:8px 0 0;font:700 19px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-stat.nw{grid-column:1/-1;background:linear-gradient(135deg,rgb(255 233 168/.16),rgb(255 255 255/.05))}
.pf-stat.nw dd{font-size:30px;color:var(--sh-gold)}
@media (min-width:760px){.pf-stats{grid-template-columns:1.6fr repeat(4,1fr)}.pf-stat.nw{grid-column:auto}.pf-stat{padding:18px 20px}}

.pf-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pf-h h2{margin:0;font:700 20px/1 ui-rounded,system-ui,sans-serif}
.pf-h h2 span{margin-left:6px;font:600 14px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--sh-mute)}
.pf-all{height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--sh-pill);color:#fff;font:600 13.5px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;
  cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,scale .16s}
.pf-all:hover{background:rgb(255 255 255/.22)}
.pf-all:active{scale:.96}
.pf-all.arm{background:var(--sh-gold);color:#2a2008}
.pf-all:disabled{opacity:.5;cursor:default}

.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px;margin:0;padding:0;list-style:none}
@media (min-width:760px){.pf-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}}
.pf-card{display:flex;flex-direction:column;gap:7px;transition:opacity .25s,scale .25s}
.pf-card.busy{opacity:.35;scale:.96}
.pf-img{position:relative;aspect-ratio:488/680;border-radius:4.6%/3.3%;overflow:hidden;background:rgb(255 255 255/.06);box-shadow:0 10px 24px -14px rgb(0 0 0/.8)}
.pf-img img{display:block;width:100%;height:100%;object-fit:cover}
.pf-img>span{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;font:600 12px/1.3 system-ui,sans-serif;color:var(--sh-mute)}
/* a foil card: a faint sheen over it and a thin rainbow edge */
.pf-card.foil .pf-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,#0000 20%,rgb(255 122 168/.22) 34%,rgb(255 207 107/.2) 42%,rgb(168 255 138/.2) 50%,rgb(107 226 255/.22) 58%,rgb(155 140 255/.22) 66%,#0000 80%);
  mix-blend-mode:color-dodge;box-shadow:0 0 0 1.5px rgb(255 255 255/.35) inset}
.pf-foil{position:absolute;right:6px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--rainbow,conic-gradient(#ff7aa8,#ffcf6b,#a8ff8a,#6be2ff,#9b8cff,#ff7aa8));
  background-size:300% 300%;box-shadow:0 0 0 1.5px rgb(0 0 0/.45),0 0 6px rgb(255 255 255/.6)}
.pf-cv{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px}
.pf-cv span{font:700 13px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-cv button{position:relative;flex:none;height:30px;padding:0 11px;border:0;border-radius:999px;background:var(--sh-pill);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;transition:background .2s,scale .16s}
.pf-cv button::after{content:"";position:absolute;inset:-7px -4px}   /* a finger-sized target round the small button */
.pf-cv button:hover{background:#fff;color:#141414}
.pf-cv button:active{scale:.94}
.pf-more{display:grid;place-items:center;height:72px;color:var(--sh-mute)}   /* the next page of the collection, loading */

.pf-runs{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.pf-run{display:grid;grid-template-columns:5.5em 1fr auto 6.5em;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:14px;background:rgb(255 255 255/.06);
  color:#fff;text-decoration:none;font:600 14px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transition:background .2s}
.pf-run:hover{background:rgb(255 255 255/.12)}
.pf-rb{color:var(--sh-mute)}
.pf-rn{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-rm.up{color:var(--sh-up)}.pf-rm.down{color:var(--sh-down)}
.pf-rd{text-align:right;color:var(--sh-mute);font-weight:500;font-size:12.5px;white-space:nowrap}
@media (max-width:420px){.pf-run{grid-template-columns:4.6em 1fr auto;gap:8px;padding:0 14px}.pf-rd{display:none}}

@media (prefers-reduced-motion:reduce){
  .tb,.ob,.ob-in>*,.ob-bank,.ob-face,.pf-w>*,.pf-pick{animation:none!important}
}